ZETA 專輯網站設計
2022年葛萊美獎結束了,恭喜蕭大俠、凡音文化與另外一組台灣設計師都入圍,並且由台灣設計師李政瀚及于薇拿了獎回來,超棒的!台灣設計國際發光!
所以是時候來談談ZETA這個專輯網站的設計過程與概念,當初由ZETA製作人小賴哥找上我,希望幫專輯設計網站,因為葛萊美獎的評審有時會觀看專輯網站來輔助評審,尤其是個國外團體。於是乎我們跟蕭大俠開會,了解他設計專輯的概念,印象很深刻的就是蕭大俠說他當年在澳洲的公路邊,看到一個被壓扁的鋁罐,心裡就想著有一天要把這個壓扁鋁罐的概念運用到他的設計作品裡,被壓扁的鋁罐是無法回復的,就跟專輯概念一樣,許多東西失去了再也回不來了,揉爛的紙再怎麼修補也無法回到最初的樣貌,我僅僅抓住了這一個強烈的概念,腦海中已經有了網頁視覺的樣貌。
於是乎我研究了蘋果網站常用的捲動式頁面動態效果,先用AE將一張紙揉爛的動畫給設計出來,套上專輯頁面內的圖,然後動態輸出成一張一張的動畫圖檔提供給捲動程式使用,並且將其中幾張替換成不同效果,這樣在頁面瀏覽時,會更有層次效果,這種技法對於一般互動設計師來說,應該是簡單不過的技法了。回到設計的本質上,用最簡單的設計卻可以傳達出設計要表達的東西,而非搬弄技法,反客為主,這樣的設計就變調了。
然後,我在頁面的底部加了一顆回到最上面的大按鈕,跟專輯內的設計一至,但只要一按,所有的排版會全部亂掉,所以回到了最上方會發現所有的排版都隨機亂七八糟,回不去了,這是特意設計的彩蛋,也緊緊抓住蕭大俠想傳達的概念。這個網站的設計過程相當順暢,也沒有任何設計想法干預,我直到設計完畢才給客戶看,原來是這樣子跑,但他們都相當喜愛這樣的設計,讓我覺得蠻開心的!感謝他們的信任與支持。
建議觀看的時候要把ZETA的音樂給開啟,底部有一個音樂試聽功能,可以更有帶入感!