蛋堡最新MV 家常音樂，入侵你的電腦. 暌違七年 - Medium

首先，感謝蛋堡的信任與任性，讓dosomething 以非傳統的互動網頁形式，挑戰'家常音樂' 的MV。

以下將分析這支作品的核心概念，與設計方向。

dosomethingstudiodosomethingstudiodosomething報導室：作品解析+收錄幕後花絮蛋堡最新MV家常音樂，入侵你的電腦暌違七年，蛋堡自立廠牌’任性的人’，推出新專輯’家常音樂’，由dosomethingstudio操刀官網與互動網頁MV。

momaliuFollowFeb6,2020·7minread前情提要：2019年9月，公司專案經理接到一通來自杜先生的電話，希望製作網站和電商，掛掉電話後才發現「剛剛的杜先生是蛋堡！」，於是團隊一路跟蛋堡從官網，聊到以網站做MV的構想後，啟動了為期數個月的合作，直到今年初農曆年前，才與大家相會。

這支網站式MV的挑戰在於，有別影片的手法，一次跨了好幾種領域：影片敘事、視覺設計、flash動畫到程式互動，考驗團隊的技術整合能力，與畫面上的協調性。

因為過程太痛苦，所以藉由本文，與大家分享，我們是如何設計整支MV，並一次盤點MV中的所有彩蛋~現在，就帶你直擊第一手的家常音樂A.網站技術面：整首都由程式即時產生的MV該如何做技術規劃？頻寬是優先考量：因為無法使用免費串流平台，MV需要考量到頻寬和下載速度，以往動輒幾萬人的瞬間流量，在一般主網主機上是不太可能達成的，MV的大小MB，會影響瀏覽的速度，越多人觀看也會產生昂貴的流量費用，所以縮小MV尺寸會是首要任務。

以副歌橋段為例，其實所有的對嘴畫面，都是出自同一段素材，如此一來便能省下不少的檔案量，透過不同視覺程式的編排效果，變化出三套不同的表演形式。

由左而右（分割、echo、符號化）這三段都是同一支素材，但藉由視覺設計與程式，能創造不同的變化表現採用adobeanimate（flash）開發動態影片，發布成javascript動畫，30秒的影片為例，Flash製作的動畫，檔案大小差不多也才4MB利用Flash動畫，還原蛋堡演奏的fingerdrumB.挪用生活與網站的使用情境：將經典的網站元素，甚至是操作行為，與家常感做微妙的置換與連結。

最鮮明的橋段，有LandingPage的畫面佈局，分頁構成的合菜轉盤，還有當機的藍畫面呼應家常感：配合音樂的門鈴鳥鳴，團隊將'按門鈴'的場景，錯置到'開啟視訊鏡頭'的需求上，並且讓觀者出現在，接通對講機後的畫面上，像是蛋堡邀請觀眾進門坐坐，透過情境引導觀眾開啟webcam權限。

網站元素：蛋堡以WinnersXD意指經典的Windows元素，呼應聽mp3的年代記憶，同時，也佔領了觀者的電腦桌面，不得分心瀏覽其他頁面，才能獲得完整的MV體驗。

畫面左下角，還有Windows介面的LoadingBar，說明整首MV網頁的載入進度。

為呼應歌詞提到的手路菜，我們透過程式，讓瀏覽器的分頁，像合菜轉盤般的轉起來。

將復古Windows的使用經驗，轉化成適合MV的概念，乍看準備死當的畫面，卻是下一段的演唱章節。

蛋堡還特地編輯了原曲，並額外加入當機音效，以強化MV概念C.創作老爸的身份SoftLipa與SoftLipapa（再次讚嘆，這首「家書」實在帥～）盡可能的將真實，挹注到MV的細節設定上，讓「家常」的質感，牢牢得扎根在作品的基調中。

譬如說，畫面中的器材，都是蛋堡的家常配備。

HOMEBAKEDPROGRESS|除了蛋堡的創作器材，還有RHEMI本人的玩具，都被蛋堡借來拍成菜餚呼應蛋堡的身份歷程：對比創作人有了小孩後的生活，如專輯概念所提到的‘生活是碎片的集合’，這都是創作者爸爸的日常還有蛋堡父女倆，在YouTube上的畫面，都是利用電腦的WebCam，所創造的互動橋段，營造蛋堡與觀者對話的場景。

來自巧克力大明星RHEMI的演出，右方互動為導演cowper置入的個人藝術錄像裝置「狹縫中的連續微觀」針對3D的蛋堡對嘴，還有個值得一提的技術點，就是利用手機上的模型APP，記錄下即時性的3D資訊與表演。

團隊透過手機APP，即時記錄蛋堡的對嘴數據，再打造出MV中的3D模型最後，當然必須揭曉彩蛋🐣，與一些製作過程中的小插曲LandingPage：蛋堡命名了桌面上的所有資料夾，反串stusis與其他資料夾名稱，我們就不多說，但是的～網友大部分都猜到了，2020/2/14是專輯的正式發行日。

0:49|在這個畫面中，有蛋花送給爸爸的貼紙，蛋堡非常的珍惜～就是位於鼓機MPC1000左上角的鴨鴨廚師。

至於流動的背景設計，也參考了蛋堡慣用的介面。

（十分感謝蛋堡，在片場的大方教學～）2:04|錄音帶的標籤名：是蛋堡在高中那年，以EDaboG的身份，錄下他的第一首饒舌歌曲'性慾爆炸'2:43｜具小道消息指出，蛋堡穿的'任性的人't-shirt，很～可能會在近期釋出，敬請期待3:10｜下排的羅馬數字與地標，是團隊彙整出來的資料，各象徵著蛋堡的歷程階段MCMLXXXII＝1982.12.07是蛋堡的生日（題外話，MV導演也是12.07的壽星，兩位剛好在他們2019年生日前天，湊在一起拍家常音樂）MCMXCVI＝1996蛋堡在專訪中提到，1996年的夏季，是他覺得跟音樂最緊密的時候，也曾在個人的InstagramPO文中提到，1996是他很喜歡的年份。

MMVI＝2006｜蛋堡離開家鄉台南，到台北來創作MMXIV＝2014｜女兒蛋花，出現在蛋堡的生活中兩個地標，正是台南與台北——是蛋堡的家鄉，與他現在的生活圈3:16|SL下的那串數字，是蛋堡在台南一中的學號，在他早期的IG中曾PO出來過父女倆在錄製YouTube的MV畫面Credit：客戶｜任性的人創意與執行團隊｜dosomethingstudio品牌網站創意總監｜王宗欣專案經理｜JuliaHuang網站設計｜AnzoChen前端｜WebberWu後端｜KevinTu家常音樂MV藝術總監/導演｜王宗欣專案經理｜JuliaHuang腳本企劃｜MomaLiu、JuliaHuang、羊君平面設計｜羊君前端程式｜JohnYu3D設計｜RongRongYeh影像處理｜JiayuLu攝影師｜蔡秉孝（尖蚪映畫）文末，再次向還沒預購的朋友喊話：實體專輯預購日到2月9號，敬請把握時間，以行動支持任性的人養家活口～任性的人「任性的人」是饒舌歌手杜振熙a.k.a.蛋堡a.k.a.SoftLipa所創立的個人音樂品牌。

你可以在這裡獲得他想讓你知道的消息、聽到看到他的新作品，以及購買任性的人相關產品，來支持他繼續任性下去。

rsdr.onlinedosomethingstudio‘dosomething’isarebelgreetingthathasbeenshoutedout…6891蛋堡Mv創作程式互動設計689 claps6891dosomethingstudio‘dosomething’isarebelgreetingthathasbeenshoutedoutforyears.Weinvitepeopleto‘dosomethingdifferent,dosomethingfun’withusasourbusinessservice.WrittenbymomaliuFollow設計血脈下的混種寶寶|AnObserver,withadesignbackground,focusoncross-fieldssensation.dosomethingstudio‘dosomething’isarebelgreetingthathasbeenshoutedoutforyears.Weinvitepeopleto‘dosomethingdifferent,dosomethingfun’withusasourbusinessservice.