原來品牌官網、活動網頁可以這樣玩!專訪版塊設計創辦人李明,就要與眾不同的形象設計

2020/09/17 | | Chloe Lin

網路數位時代,品牌溝通的管道多元,設計已不僅止於平面文宣、包裝設計,如何在線上抓住讀者目光、創新美感、重塑體驗?你不能不認識的網站設計公司—版塊設計!

從拜拜基本款、競選網站設計、台灣設計研究院簡介網頁,到近期趣味性十足的「顏社煮場秀」線上音樂節目,版塊設計以顛覆大眾想像的網站設計,在近年迅速崛起、成為關注話題,領域涵括藝文音樂、公共議題、金融和資訊科技等多元品牌、活動形象網頁規劃。

圖片提供/版塊設計
圖片提供/版塊設計

Cook the Vibe「顏社煮場秀」活動網站

「大家普遍對於網站設計,可能因為不熟悉,就比較容易停留在傳統制式的想像,分配投注的資源少,也相對低估了網站的價值和可能性」,版塊設計創辦人李明說,儘管今年疫情促使更多關於活動線上化的思考和嘗試,然而網站的價值卻不僅止於作為線下體驗的替代選擇。不論是形象宣傳、互動參與,網頁所能夠在時間和空間上創造的延展性和擴散影響力,在這個時代其實是不容小覷的。

圖片提供/版塊設計

理解設計工具的限制 才能有所突破

年僅三十初的李明,在乾淨斯文的外型下,藏有一絲不甘於平凡的性格和創新改變的企圖心。「大家都在做平面或動畫,網頁設計算是當時比較少人在接觸的領域,又需要結合這兩者,就覺得可以試試看。」動畫設計出身的他,大學時期因為覺得不想和大家做一樣的事,開始鑽研網頁設計,程式語言全靠自己摸索,經常一投入就到清晨。

「很多人認為網站設計的門檻很高,因為要懂程式,又或者覺得網頁就是套版,其實都沒有錯,但這些也都只是其中一部分。」對李明來說,載體的版本、效能、程式語言就是設計的一種工具和基本知識;如同紙材印刷之於平面包裝設計,唯有學習、認知到工具的限制,才能有所突破。

著迷「耍帥」特效 更要深入每個動畫設計的意義

從成立公司到至今帶領近二十人的團隊,他始終渴望能更進一步催化、提升社會對於網站美學的認知和水平,不論是極富美感又能解決生活煩惱、掀起熱烈討論的「拜拜基本款」,或者大玩插畫拼貼動態特效的「金曲GMA」、牽涉龐雜政見資訊整理的「競選設計」、「總統聊天室」等,都令人不禁佩服他源源不絕的能量、熱情和執著,也好奇他的創意靈感從何而來。

圖片提供/版塊設計
圖片提供/版塊設計
圖片提供/版塊設計

第29屆金曲GMA活動網站Elections Design競選設計拜拜基本款

「平時就有蒐集素材和特效的習慣,當有了很想嘗試的效果和風格,有機會就會把它加進去,再去思考圖像和腳本」,李明說,版塊設計的作品多以形象網頁為主,因此比起強調功能和流程的電商網站,他更在意網頁上的「耍帥」元素。這並非指用許多浮誇特效去填滿畫面,而是要有足夠吸睛的畫面重點和特色,在直覺的設計聯想後,再往下一層深化,讓設計從具象轉為抽象,創造出反覆思考回味的趣味性。

跳脫傳統的品牌線上簡介 設計概念、彩蛋拆解

以今年初剛升格的台灣設計研究院 (TDRI) 簡介網頁設計為例,「接到這個案子的時候各方都還在構思內容的階段,也有一定的時間壓力,因此如何盡可能地釐清框架和使用需求、情境,延伸既有的素材概念,就是很重要的設計基礎」。

TDRI 官網以一頁式的網站架構出發,延續主視覺設計師聶永真「設計洞見未來」的概念,李明首先擷取其中兩個眼睛的意象作為貫穿全站的視覺,接著透過眼球在彈珠檯滾動、撞擊設計效果,象徵政策的推動和梳理,最後加入線條延展變化,傳達台灣設計發散到國際的影響力。

從概念主軸、內容到腳本,賦予每個動態意義,串起品牌形象和溝通目的,而重視巧思和互動的他,更在其中加入了讓讀者能夠輸入設計關鍵字的小彩蛋!

圖片提供/版塊設計
圖片提供/版塊設計
圖片提供/版塊設計

最後,談及如何一次次成功用設計翻轉公部門嚴肅高冷的形象,以及和客戶溝通的經驗,李明說,「能夠和聶永真一起合作是很幸運的事,因為從主視覺開始就有很明確且成熟的風格定位」。在任何一個案子的溝通過程中,意見不同都是必然的,設計師需要先跳脫想要說服客戶的思維,保持開放、接受所有可能會發生的事,並換位思考客戶在意和考量之處,必要時再用客觀的案例或數據分析說明。而明確提供初步的服務標準和設計方法,也是版塊設計確認客戶是否抱持改變決心的小技巧之一。

相關標籤:
往下滑看下一篇文章

追蹤 Shopping Design 美好生活電子報

  • Follow Facebook
  • Follow Instagram
  • Follow Line
  • Follow Youtube