揭開指標系統的設計巧思!專訪「角白設計」莊濟寰、「Bohan Graphic」施博瀚

 揭開指標系統的設計巧思!專訪「角白設計」莊濟寰、「Bohan Graphic」施博瀚

「我想到去日本買衣服的經驗,每次看衣服時都察覺不到店員的存在,但當你要問價格、正要轉頭時,他就會馬上出現在你面前,我想像的指標系統就是這樣,你需要它時,它可以讓你輕鬆辨識,但當你關注在其他事情時,它也不會干擾你。」這是角白設計負責人莊濟寰(Roger)對指標系統設計的期待。

車站2號出口往哪走?你知道洗手間在哪嗎?要回答這些方向性問題,往往得仰賴指標系統,舉凡車站、美術館、百貨公司、飯店,都可見其蹤跡;融入場域的同時,指標也肩負著資訊傳遞的重要任務。參與過許多指標系統設計案的Roger,近期新作為嘉義市立美術館的視覺識別系統(VIS),從logo開始,一步步形塑嘉美館的品牌形象;而其中的指標系統正是相對隱性的存在,「因為美術館真正的主角是展品,所以我希望指標可以退到最後,提供指引功能即可,不要再創造更多物件讓民眾心緒混亂。」為了與該場域相融,指標最後不另作量體,而直接以牆面絹印的方式呈現,icon顏色也使用深灰色,絲毫不搶展品風采。


要達到空氣一般的存在,其實並不容易,背後所付諸的時間心力不容小覷。操刀新竹火車站指標系統優化設計的Bohan Graphic負責人施博瀚表示,由於指標系統存放於真實場域,不像一般logo設計能在紙面上與客戶討論就好,場勘極其重要,「我都會想像自己是第一次到這個場域的人,對於動線的理解是什麼?然後用體驗的方式去感受這空間的布局,思考如何能夠更好。」

指標落點因地制宜

新竹火車站因為歷史悠久,且場域功能明確,指標的落點大都沿用原來的位置;嘉美館亦同,各樓層的平面配置相似,落點位置並不是一件太傷腦的事。反觀某些高複雜性空間,就會需要空間設計師介入,進行整體動線規畫,最明顯的例子就是台北車站。


Roger分析,要判別落點位置,通常有幾項參考,例如該處是否屬於動線樞紐位置、單一通道過長時會增設落點等。而依據場域功能的不同,落點位置也會有所調整,以商場為例,由於周年慶等活動會造成大量人流,設計師在規畫指標落點時,需事先了解百貨慣用的廣告訊息露出位置,若以頂掛式橫幅廣告為主,那指標就要避免設置在天花板附近,以防遭遮擋,導致周年慶期間大批民眾迷路的窘狀。


落點位置沒有絕對,視空間條件而定,好比電影院就不適用嘉美館的絹印手法,因為燈光過於昏暗;反觀美術館等擁有大面玻璃、任自然光傾瀉而下的空間,若設置電影院常見的燈箱式指標,反而會看不清楚;又或是地鐵站等交通樞紐,指標則以頂掛矩形量體為佳,因為這樣一來,將能顧及來自四面八方的民眾,以免大家一窩蜂擠至牆面前閱讀指標訊息,造成人潮堵塞。

icon 組合應用大哉問

icon設計重點在於風格的一致性,分成線條感,色塊感、幾何圖形圈限3種,例如手機app就屬第3種,「但新竹火車站icon都是混著用,空間會太跳,所以當我們用統一的架構去收整,即便看起來差不多,你還是會覺得整體變舒服很多。」施博瀚說道。正所謂魔鬼出在細節裡,原先計程車和公車logo的風格明顯不同、各種人像在內的icon也可見肩膀造型不一等,逐一修正後,不僅大力減輕視覺的凌亂感,也讓新竹火車站搖身變成一處清幽雅致的公共客廳。

「如果畫茶水間,是要畫飲水機、茶壺、還是一個人在喝水的樣子?」icon繪製的首要考量即為易辨性,而在繪製完所有icon後,便是時候思考如何組合與應用。他表示,新竹火車站的問題在於,同一塊招牌內的指引混亂,進而影響導視效果,因此需要重新梳理,例如將同方向的指標icon置放同一區塊,增加資訊的閱讀效率;換言之,指標設計是一種資訊圖表(infographic)的呈現,「設計不只是靈感,還是一個整理的過程。」

而對Roger來說,指標系統設計更是和業主共同邏輯推演的過程。例如他曾和館方來回討論「館長室」指引資訊的實際需求,「嘉美館分為展館和行政中心兩個建築體,而展館主要是以觀展民眾為主,並非洽公人士,所以在展館中使用『行政區』來取代『館長室』更為洽當,而『館長室』的字樣則是標示在館長室的門口處。」以來訪者屬性做為判斷依據,是十分有效的策略,另外,針對與民眾觀展較無相關的空間,好比機房、電氣室、典藏室等,標示「禁止進入」即可。

不是在欣賞字的美感

綜觀近期公共設計選用字體,會發現嘉美館、新竹火車站、甚至北花線回遊號車體外觀都運用同一套字體「文鼎晶熙黑」。施博瀚分享字型選擇的眉角,一般情況下,方方正正、筆畫布局相對飽滿、近似圖像化的漢字較為適合,例如文鼎晶熙黑,原因在於這樣的字體少有視覺斷差,「如果字的下緣有一段凹進去的落差,遠看就會比較難辨識,但我們不是在欣賞字的律動美感,而是要夠醒目、夠容易判讀為佳。」


中文之外,歐文和標點符號也要納入考量,例如i、l、1三者相像,能明確辨識三者差異的字體就有機會成為設計師的首選。此外,讓指標能否「順眼」的關鍵還有一項:中英文長度差。當英文長度過長時,一般會直接壓縮處理,導致字體扭曲變形,比如火車站哺乳室的英文長度是中文的好幾倍,有鑑於此,施博瀚也特別追加一款窄版字型(Arial Narrow)供交替使用;公共設計要細膩,才會深得人心。

公共VS商業空間

公共指標一般不能輕易改動人們對icon的既有認知,反觀私人企業的指標系統案,畢竟屬於個人資產,把玩品牌風格之餘,也能從中進行更多創意發想。例如施博瀚曾經參與的西門町「路徒行旅」視覺識別設計,在登山越野風、英倫復古風交融,且藏有懷舊氣息的旅館空間裡,可見車牌廠商客製的房間門牌、老式鐵件製成的指示牌等,處處是巧思,與空間氛圍相得益彰,「配角要演得好其實不容易,就像演路人也要演得自然,否則搶掉主角的戲,整體就會很突兀。」


比起商業空間,公共場所的指標系統對可辨識資訊的要求更高,更趨近通用設計,而Roger認為,能否擁有高容錯率最為重要。「如果今天是上坡,結果icon讓我誤認為是下坡,進而造成身體上的危險;或是這個設備『我要你不要去碰』,因為它有電,結果你畫了一個icon,看來像是『歡迎大家去摸』,這都是很可怕的事。」依據視覺經驗不同,人們對符號的解讀也會有所不同,因此設計指標時要盡量符合多數人的符號想像,才能將意外傷害降至最低。

究竟,公共設計如何才能滿足大眾?施博瀚回答:「假設台灣人平均身高是165公分,但門框不可能就只做165公分,你一定要做到連最高的人也可以過得去的高度。」看待公共設計,就像數學的集合概念,光交集(A∩B)不夠,得聯集(A∪B)才行。

莊濟寰(Roger)

角白設計負責人暨創意總監。專長視覺設計、品牌規畫、跨領域策略制定、活動識別等,作品曾獲德國紅點設計獎(Red Dot)、TID大獎、金鼎獎、金點設計獎等殊榮。近期作品有:嘉義市立美術館視覺識別系統、2020蔡英文總統連任競選主視覺、台電企業形象旗艦館《電幻1號所 D/S ONE》等。

施博瀚

Bohan Graphi© 設計工作室負責人,擅長識別系統、品牌企劃、標準字設計。作品曾獲金點概念設計獎年度最佳設計、SDA BEST100、DFA亞洲最具影響力設計獎、ADAA決選、新一代設計銀獎等,並相繼收錄於多本設計刊物中;亦為繁體中文字型「凝書體」的創作者。

文|曾智怡

圖片提供|莊濟寰、施博瀚、台灣設計研究院

更多設計新知與美感話題皆在La Vie 2021/1月號《拆解一家餐廳》

延伸閱讀

RECOMMEND

【2025米蘭設計週】24組設計師、24款概念時鐘:這場展覽打破「報時」方式,讓時間成為一場實驗

【2025米蘭設計週】24組設計師、24款概念時鐘:這場展覽打破「報時」方式,讓時間成為一場實驗

與2025米蘭設計週同步登場的「24 Hours」計畫中,時間變成了一種可被觸碰、想像,甚至玩味的物件——由24組風格迥異的國際設計師所詮釋的24款掛鐘,打破對於「報時」的既定印象,也重新定義了設計的形式與功能。

24組設計師、24款創意時鐘

「24 Hours」由設計工作室Jamie Wolfond Studio策劃與執行,共邀請24組國際設計師參與。這些設計師在創意的光譜上各據一方,有人以研究為本、有人注重形式、有人偏好手作⋯⋯而他們收到的任務很簡明扼要:「製作一款可壁掛的時鐘,其尺寸必須能裝入一個邊長50公分的立方盒子中。」

這24個掛鐘的設計跨越不同時代與風格,把「時間」轉換成流動而靈活的元素,並邀請觀眾重新思考設計與實用性之間的關係。2025米蘭設計週期間,「24 Hours」將於藝文空間RIVIERA展出,由創意工作室Simple Flair策展,讓觀眾一覽這24個獨一無二的時鐘。以下精選了其中8款獨具特色與設計巧思的時鐘,一起來看看吧!

▸ Wrist to Wall

設計師:Chris Kabel

現在很少有人依靠手錶來看時間了。為了善用這些被淘汰的手錶,設計師發明了一個配置掛勾的放大鏡,讓使用者把舊手錶掛在牆上,透過放大鏡觀看錶面。讀取時間這件事從手腕移到了牆面,如同從私人轉變為公共的存在。

【2025米蘭家具展】24組設計師、24款概念時鐘:這場展覽打破「報時」方式,讓時間成為一場實驗
(圖片來源:Lapalma Design)

▸ Final Sale

設計師:Jamie Wolfond

這款時鐘由收據機(微型印表機)改裝而成,它每分鐘列印一次當前的日期與時間,並任其拋落在地上。而一旁閃爍的燈光,則顯示秒數的流逝。「Final Sale」每天列印1,440張收據、一週列印10,080張,每張收據皆獨一無二,快速堆積在時鐘下方。

【2025米蘭家具展】24組設計師、24款概念時鐘:這場展覽打破「報時」方式,讓時間成為一場實驗
(圖片來源:Lapalma Design)

▸ 24-hour Clock (Manual)

設計師:Sam Newman

這是一本共1,440頁的筆記本,每頁都有60個格子,對應一整天24小時內的每一秒。使用者需要像時鐘一樣,每秒在格子上打勾記錄時間。而為了保持時間精準,打勾的行為行為將全然佔據思緒、甚至帶有強迫性,最終浪費掉大量時間。

【2025米蘭家具展】24組設計師、24款概念時鐘:這場展覽打破「報時」方式,讓時間成為一場實驗
(圖片來源:Lapalma Design)

▸ Real Time

設計師:Sina Sohrab

這款時鐘由四個螢幕組成,輪播著全球約200個監視器的即時影像,包含從紐約的電梯到米蘭的教堂祭壇,從突尼西亞的服飾店到日本大阪的工廠,從印度阿布山的冥想室到峇里島的理髮店等。每個監視器畫面上的時間戳記成為「即時性」的證明;而觀看世界各地缺乏敘事性的畫面,就像是用某種抽象的方式追蹤時間的流逝。

【2025米蘭家具展】24組設計師、24款概念時鐘:這場展覽打破「報時」方式,讓時間成為一場實驗
(圖片來源:Lapalma Design)

▸ Time by Crayon

設計師:Shigeki Fujishiro

這款時鐘概念源自於設計師曾看過的一種玩具,裡面有球狀的蠟筆在盒中滾動,在底部畫出一幅圖像;隨著圖案逐漸加深,球體也越變越小。「Time by Crayon」將球狀蠟筆置於圓形框中,沿著邊緣不停地滾動,畫出越來越深的線條,象徵時間的流逝。

【2025米蘭家具展】24組設計師、24款概念時鐘:這場展覽打破「報時」方式,讓時間成為一場實驗
(圖片來源:Lapalma Design)

▸ Pendulum

設計師:Shane Schneck

尼采曾說過「時間本身就是一個圓」。他假設時間不是線性的,而是循環的,而人類所經歷的每個快樂、痛苦與喜悅,將不斷重演。這款時鐘使用舊平板電腦進行遠端編碼,呈現出觀眾所看到的畫面:最大的一圈顯示24小時制時間,而鐘擺每秒擺動一次,如同數位時代的布穀鳥鐘一般。這款時鐘不僅回應了尼采的理論,也向觀眾展現了電子垃圾的循環利用。

【2025米蘭家具展】24組設計師、24款概念時鐘:這場展覽打破「報時」方式,讓時間成為一場實驗
(圖片來源:Lapalma Design)

▸ Ravioli with butter and sage clock

設計師:Chris Fusaro

靈感源自於北義大利經典料理「奶油鼠尾草義大利餃」(ravioli con burro e salvia),這件作品以陶瓷盤為底,邊緣的紋飾作為12、3、6、9點標示,指針由兩片鼠尾草葉組成,而義大利餃則靜置於盤中,閃著奶油包裹的金黃色澤。此外,這些義大利餃皆由傳統的脫蠟鑄造(cera persa)技術製成,將工藝與飲食文化相結合。

【2025米蘭家具展】24組設計師、24款概念時鐘:這場展覽打破「報時」方式,讓時間成為一場實驗
(圖片來源:Lapalma Design)

▸ Belle

設計師:Studio Œ

「Belle」的靈感來自古老時代的報時方式。在多數人家中沒有時鐘的年代,人們依賴教堂鐘聲等聲音掌握日常生活節奏,用以區分工作時間、用餐與社交聚會等。在鬧鐘普及之前,還有一種職業叫做「敲窗人」(Knocker-uppers),他們會用吹管朝住戶的窗戶射出豌豆,叫醒早班工人。而這款「Belle」便是透過聲音引導使用者,每過15分鐘,它會模仿豌豆撞擊表面的聲音來報時。

【2025米蘭家具展】24組設計師、24款概念時鐘:這場展覽打破「報時」方式,讓時間成為一場實驗
(圖片來源:Lapalma Design)

延伸閱讀

RECOMMEND

Twitter經典藍鳥Logo拍賣售出!15個圓形拼成、見證社群黃金時代,一起看背後的設計巧思

Twitter經典藍鳥Logo拍賣售出!15個圓形拼成、見證社群黃金時代,一起看背後的設計巧思

曾經矗立於舊金山Twitter(現名X)總部大樓外的經典藍鳥Logo,近期以35,000美元被拍賣售出。這隻充滿代表性的藍鳥有一個親切的名字「Larry」,命名自紀念波士頓塞爾提克隊的籃球傳奇Larry Bird。作為Twitter長達16年的品牌吉祥物,它見證了社群媒體的黃金時代,直到2022年伊隆·馬斯克(Elon Musk)收購並重整該公司。

它是社群媒體發展史的印記

負責本次交易的拍賣行RR Auction表示,這個招牌不僅僅是一件大樓裝飾品,更是名留社群媒體歷史的經典:「Twitter的Logo象徵著世界的快速變遷。擁有它,就像擁有了一段改變國際溝通方式的時代印記。」

Twitter經典藍鳥Logo拍賣售出!15個圓形拼成、見證社群黃金時代,一起看背後的設計巧思
曾經矗立於舊金山Twitter(現名X)總部大樓外的經典藍鳥Logo,近期以35,000美元被拍賣售出(圖片來源:Getty Images)

自伊隆·馬斯克將Twitter重新命名為「X」,並大規模改革該平台後,其無論是在品牌價值或市場評價上,都陷入一片慘淡。沒有了深植大眾心中的藍鳥Logo與品牌名稱,令品牌價值嚴重受挫,其負面影響也逐漸顯露。

千中選一、15個圓形組成的藍鳥

其實,經常性更換Logo是科技公司的常態,Twitter則是少數的例外。沿用了十多年的這隻藍鳥,究竟蘊含什麼樣的設計巧思,能緊緊扣合品牌形象,與全球社群媒體的使用者產生共鳴?

Twitter經典藍鳥Logo拍賣售出!15個圓形拼成、見證社群黃金時代,一起看背後的設計巧思
沿用了十多年的Twitter藍鳥Logo(圖片來源:Martin Grasser)

名為「Larry」的藍鳥,由藝術家兼設計師Martin Grasser繪製,當時他才從藝術學校畢業不久,因緣際會進入一家新創設計公司West工作,入職第一項任務便是為Twitter設計Logo。為了找到最合適的鳥類,Martin Grasser花了許多時間觀看鳥類飛行影片,從冠藍鴉、麻雀到老鷹,最後選定以蜂鳥作為設計雛形。

專案進行期間,Martin Grasser沉迷於鳥類研究,諸如鳥類的翅膀比例、頭部與喙的曲線等細節都幾經琢磨,甚至在工作時播放亞馬遜雨林的鳥鳴聲作為背景音樂。不僅如此,為尋求完美的造型,Martin Grasser共繪製了上千隻不同姿態的鳥,才選出最終版本。

Twitter經典藍鳥Logo拍賣售出!15個圓形拼成、見證社群黃金時代,一起看背後的設計巧思
為尋求完美的造型,設計師共繪製了上千隻不同姿態的鳥,才選出最終版本(圖片來源:Martin Grasser)
Twitter經典藍鳥Logo拍賣售出!15個圓形拼成、見證社群黃金時代,一起看背後的設計巧思
鳥類的翅膀比例、頭部與喙的曲線等細節都幾經琢磨(圖片來源:Martin Grasser)

大眾所看見的成果,是一個線條比例勻稱的俐落設計,由15個大小不同的正圓形組成。在《Fast Company》的專訪中,Martin Grasser表示:「在Logo設計中,如此小的圖像需要重複性的形狀與結構,才不會顯得太雜亂,且更容易被人眼識別。」除了美學考量,這些圓形也代表著視覺的中立性,讓嚴肅新聞或娛樂影音、歡樂或悲傷的內容都能在Twitter上傳遞。此外,該標誌還承載著更深層的意義,象徵Twitter創辦時的核心理念——讓資訊民主化、讓每個人都擁有發聲的機會。

Twitter經典藍鳥Logo拍賣售出!15個圓形拼成、見證社群黃金時代,一起看背後的設計巧思
Logo由15個大小不同的正圓形組成(圖片來源:Martin Grasser)

如今,這隻經典藍鳥早已隨品牌改革成為歷史,卻仍在使用者心中留存鮮明的印象。

資料來源|Martin Grasser、Fast Company

延伸閱讀

RECOMMEND