網路數位時代，品牌溝通的管道多元，設計已不僅止於平面文宣、包裝設計，如何在線上抓住讀者目光、創新美感、重塑體驗？你不能不認識的網站設計公司—版塊設計！
圖｜版塊設計
文｜Chloe Lin
從拜拜基本款、競選網站設計、台灣設計研究院簡介網頁，到近期趣味性十足的「顏社煮場秀」線上音樂節目，版塊設計以顛覆大眾想像的網站設計，在近年迅速崛起、成為關注話題，領域涵括藝文音樂、公共議題、金融和資訊科技等多元品牌、活動形象網頁規劃。
「大家普遍對於網站設計，可能因為不熟悉，就比較容易停留在傳統制式的想像，分配投注的資源少，也相對低估了網站的價值和可能性」，版塊設計創辦人李明說，儘管今年疫情促使更多關於活動線上化的思考和嘗試，然而網站的價值卻不僅止於作為線下體驗的替代選擇。不論是形象宣傳、互動參與，網頁所能夠在時間和空間上創造的延展性和擴散影響力，在這個時代其實是不容小覷的。
理解設計工具的限制 才能有所突破
年僅三十初的李明，在乾淨斯文的外型下，藏有一絲不甘於平凡的性格和創新改變的企圖心。「大家都在做平面或動畫，網頁設計算是當時比較少人在接觸的領域，又需要結合這兩者，就覺得可以試試看。」動畫設計出身的他，大學時期因為覺得不想和大家做一樣的事，開始鑽研網頁設計，程式語言全靠自己摸索，經常一投入就到清晨。
「很多人認為網站設計的門檻很高，因為要懂程式，又或者覺得網頁就是套版，其實都沒有錯，但這些也都只是其中一部分。」對李明來說，載體的版本、效能、程式語言就是設計的一種工具和基本知識；如同紙材印刷之於平面包裝設計，唯有學習、認知到工具的限制，才能有所突破。
著迷「耍帥」特效 更要深入每個動畫設計的意義
從成立公司到至今帶領近二十人的團隊，他始終渴望能更進一步催化、提升社會對於網站美學的認知和水平，不論是極富美感又能解決生活煩惱、掀起熱烈討論的「拜拜基本款」，或者大玩插畫拼貼動態特效的「金曲GMA」、牽涉龐雜政見資訊整理的「競選設計」、「總統聊天室」等，都令人不禁佩服他源源不絕的能量、熱情和執著，也好奇他的創意靈感從何而來。
第29屆金曲GMA活動網站 ‧ Elections Design競選設計‧ 拜拜基本款
「平時就有蒐集素材和特效的習慣，當有了很想嘗試的效果和風格，有機會就會把它加進去，再去思考圖像和腳本」，李明說，版塊設計的作品多以形象網頁為主，因此比起強調功能和流程的電商網站，他更在意網頁上的「耍帥」元素。這並非指用許多浮誇特效去填滿畫面，而是要有足夠吸睛的畫面重點和特色，在直覺的設計聯想後，再往下一層深化，讓設計從具象轉為抽象，創造出反覆思考回味的趣味性。
跳脫傳統的品牌線上簡介 設計概念、彩蛋拆解
以今年初剛升格的台灣設計研究院 (TDRI) 簡介網頁設計為例，「接到這個案子的時候各方都還在構思內容的階段，也有一定的時間壓力，因此如何盡可能地釐清框架和使用需求、情境，延伸既有的素材概念，就是很重要的設計基礎」。
TDRI_Desktop from blockstudiotw on Vimeo.
TDRI 官網以一頁式的網站架構出發，延續主視覺設計師聶永真「設計洞見未來」的概念，李明首先擷取其中兩個眼睛的意象作為貫穿全站的視覺，接著透過眼球在彈珠檯滾動、撞擊設計效果，象徵政策的推動和梳理，最後加入線條延展變化，傳達台灣設計發散到國際的影響力。
從概念主軸、內容到腳本，賦予每個動態意義，串起品牌形象和溝通目的，而重視巧思和互動的他，更在其中加入了讓讀者能夠輸入設計關鍵字的小彩蛋！
最後，談及如何一次次成功用設計翻轉公部門嚴肅高冷的形象，以及和客戶溝通的經驗，李明說，「能夠和聶永真一起合作是很幸運的事，因為從主視覺開始就有很明確且成熟的風格定位」。
在任何一個案子的溝通過程中，意見不同都是必然的，設計師需要先跳脫想要說服客戶的思維，保持開放、接受所有可能會發生的事，並換位思考客戶在意和考量之處，必要時再用客觀的案例或數據分析說明。而明確提供初步的服務標準和設計方法，也是版塊設計確認客戶是否抱持改變決心的小技巧之一。