揭開指標系統的設計巧思!專訪「角白設計」莊濟寰、「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

「國家檔案館」制服設計亮相!周裕穎結合紅土、卷宗意象,將場館特色濃縮於服裝

周裕穎設計「國家檔案館」制服!將紅土、卷宗意象融入服裝

台灣首座「國家檔案館」於202511月正式開館,造訪時除了翻閱典藏、逛展覽熟悉台灣故事,細品以林口紅土地質為靈感的建築設計,還有個彩蛋值得留意,那就是工作人員的制服!由周裕穎操刀的國家檔案館制服,結合林口紅土、卷宗紙色、數位光纖3大元素,將場館特色轉譯為布料、剪裁、鈕扣等設計細節。

周裕穎設計「國家檔案館」制服!將紅土、卷宗意象融入服裝
(圖片提供:JUST IN XX)

從故宮到巴黎奧運,周裕穎的制服設計

從台灣各地的指標性藝文場館到奧運殿堂,都可見時裝品牌JUST IN XX創辦人周裕穎的作品。他曾在2020東京奧運及2024巴黎奧運,兩度為國家隊設計進場服裝,將大至山海、細微至鐵窗花的台灣意象融入設計,帶向國際舞台。望向台灣各地,從國立故宮博物院、國立歷史博物館、臺北表演藝術中心,到2025年新開幕的國家檔案館,制服設計皆出自周裕穎之手。

周裕穎設計「國家檔案館」制服!將紅土、卷宗意象融入服裝
2024巴黎奧運中華隊進場服裝。(圖片提供:JUST IN XX)

國家檔案館制服設計亮點:紅土 X 卷宗 X 數位光纖意象

位於新北林口的國家檔案館,典藏大量記載台灣發展歷史的重要資料,是一座屬於全民的記憶寶庫。場館建築立面以紅棕色烤漆玻璃、鏡面不鏽鋼堆砌而成,呼應林口在地的紅土沈積地質。

周裕穎設計「國家檔案館」制服!將紅土、卷宗意象融入服裝
國家檔案館建築由「九典聯合建築事務所」設計。(圖片來源:國家檔案館)

周裕穎設計制服時,也延續了場館功能及建築特色,以林口地景、檔案、數位典藏資料等為靈感,將紅土、卷宗、數位光纖等元素轉譯為設計細節。

周裕穎設計「國家檔案館」制服!將紅土、卷宗意象融入服裝
(圖片提供:JUST IN XX)

背心是制服主角!國家檔案館Logo融入設計

「背心」作為最常被訪客注意到的工作人員服裝單品,成了國家檔案館制服的視覺核心。周裕穎採用帶領片的立體剪裁,讓背心打破休閒印象、更接近正裝輪廓;正面與側邊搭配多段式釦件,讓各種身型皆能舒適上身;點綴布面的雙線紅色織帶,呼應國家檔案館Logo中象徵書本的斜向線條,黑鎳色五金則從庫房檔案架的孔洞轉化而來,低調回應場域細節。

周裕穎設計「國家檔案館」制服!將紅土、卷宗意象融入服裝
主管制服/服務人員制服。(圖片提供:JUST IN XX)
周裕穎設計「國家檔案館」制服!將紅土、卷宗意象融入服裝
(圖片提供:JUST IN XX)

米、藍雙色與數位印花呼應場館特質

色彩方面,每個崗位各有專屬配色,主管身穿的背心是溫潤的米色調,靈感來自檔案紙色;服務人員款以深藍色為基底,低調融入場館。志工背心還有圖樣上的變化!其以數位印花呈現林口紅土沈積地層的紋理,光照下還可見矩陣圖樣和延展線條,意味著紙本資料走向數位典藏的流動性。

周裕穎設計「國家檔案館」制服!將紅土、卷宗意象融入服裝
服務人員背心/主管背心。(圖片提供:JUST IN XX)
周裕穎設計「國家檔案館」制服!將紅土、卷宗意象融入服裝
志工制服。(圖片提供:JUST IN XX)

典藏人員長袍實穿又有型

長袍也綜合對美感、實用的雙重要求,讓典藏人員在工作時能穿得體面有型,同時確保行動舒適無礙。視覺上,長袍與背心一樣,以紅色車線呼應國家檔案館的logo設計,從品牌識別到制服皆由一致的視覺語彙串起。

周裕穎設計「國家檔案館」制服!將紅土、卷宗意象融入服裝
(圖片提供:JUST IN XX)

考量典藏人員日常工作內容而生的實用設計,包含背部採用雙層內襯網布,增加透氣度與活動幅度,確保搬運與調閱檔案時動作順暢無礙;袖口不像一般長袍寬鬆,改用可調式魔鬼氈繫緊,防灰塵進入;腰部抽繩方便著裝者依據場合自由調整合身度;胸前和手臂的筆插,則回應了典藏工作高頻率標示記錄的需求。

周裕穎設計「國家檔案館」制服!將紅土、卷宗意象融入服裝
(圖片提供:JUST IN XX)

隨著國家檔案館正式開館,這套制服將陪伴館員和志工,與民眾相會。周裕穎希望它不僅是單純的服裝,更是乘載場館特色、且能被訪客「閱讀」的介面。

延伸閱讀

RECOMMEND

2025台灣創意力100視覺&動態設計:湯慕恩轉化獎盃特性,挑戰沒有固定形狀與顏色的主視覺

2025台灣創意力100視覺&動態設計:湯慕恩轉化獎盃特性,挑戰沒有固定形狀與顏色的主視覺

2025台灣創意力100以「秩序重啟Order Reset」為主題,直面因創意而產生的困惑與挑戰,以及作品與創作者承載的責任與意義。從雜誌封面、典禮主視覺到動態設計,皆由「Second Nature.Services」湯慕恩設計,將實體獎盃的特性拆解、重組,呈現出多樣卻一致的視覺語言。

每屆台灣創意力100La Vie均會和設計師合作獎盃、封面與典禮主視覺設計。本屆首度採取「獎盃先行」的設計模式,由設計師李佳穎先發想獎盃,再由設計師湯慕恩根據實體特性,做出一系列靜態與動態的視覺設計。La Vie分別公開獎盃和視覺設計幕後,並分成兩篇文章介紹。本篇專訪湯慕恩談及獎盃設計幕後:

2025台灣創意力100的視覺設計,轉化了實體獎盃的特性。(右圖攝影:吳哲夫)
2025台灣創意力100的視覺設計,轉化了實體獎盃的特性。(右圖攝影:吳哲夫)

從「圓形管」的基本視覺單位出發

雖然本次採「獎盃先行」,但其實在獎盃發想的每一次進度,湯慕恩也都同步知悉,從玫瑰色透鏡到磁鐵棒的各階段打樣測試,他也實際拿到實品,動手發想各種視覺呈現的可能。他認為,由1支透鏡萬花筒和6支磁鐵棒組成的獎盃,具有吸附、輪轉等特性,在把玩的同時也是種「秩序重啟」,「這樣的特性,本身就相當好轉化成視覺。且圓形管是一個視覺的基本單位,可以透過重新組合產生多種樣貌。」

視覺設計從獎盃最基本的單位「圓形管」出發。(攝影:吳哲夫)
視覺設計從獎盃最基本的單位「圓形管」出發。(攝影:吳哲夫)

台灣創意力100的視覺不僅是雜誌封面,還得擔綱典禮主視覺,加上各種線上、線下的宣傳延伸應用物,其實應用範圍甚廣。「我做設計的習慣是,再小的東西都當成一個branding。」湯慕恩在branding的設計手法上,一向不會直接拿主視覺複製貼上到其他延伸物,而是希望在每個延伸物裡,都可以找到一些主視覺的元素。而此次branding核心在於「建立圓形管的組合印象」,只要大眾有了此一概念,即便圓形管的組成方式不同、顏色不同,依舊可被辨認為同一組視覺。這也是他針對「秩序重啟」題旨給的回應,「我的回應是『挑戰』,挑戰主視覺能否不要有固定顏色、固定形狀。」

典禮現場視覺可見不同色彩。(設計:Second Nature.Services)
典禮現場視覺可見不同色彩。(設計:Second Nature.Services)
典禮現場視覺可見不同色彩。(設計:Second Nature.Services)
典禮現場視覺可見不同色彩。(設計:Second Nature.Services)

變形、組合的動態方式

在動態設計上,湯慕恩也試圖挑戰管子的變形,「針對管子兩端的口徑,大到什麼程度、小到什麼程度,還能依舊被理解為管子。」而管子在組合的時候,也呼應實體獎盃的特性,做出磁鐵吸附的效果。從La Vie官方Instagram釋出的宣傳可見,「首波預告」呈現一支支圓形管組合成獎盃形態、「8大獎項」以輪轉動態帶出不同色彩、「評審陣容」將人物照和文字結合圓形管、「合作夥伴」則展現了截然不同的管子排列方式。

想像也是一種設計的責任

本屆主題「秩序重啟Order Reset」,除了再次審視創意產業習以為常的秩序,也觸及了設計師與作品應該承載的責任。對此湯慕恩說,「就算我的設計不是被世界上所有人看到,但因為被美化了,一定也放大了傳播效果,所以設計師得肩負某種程度的社會責任,我覺得這是基本。」

此次配色均選用對比色營造亮度。(攝影:吳哲夫)
此次配色均選用對比色營造亮度。(攝影:吳哲夫)

至於其他責任,他認為得先釐清設計種類,例如他的純創作案較少,案源以品牌案為主,因此能否幫業主達成目標,是商業上的責任;再抽象一點,他覺得設計師有責任幫業主「想像更多」,一起創造出不同於原本規則的東西。而這也呼應了他對設計的態度,不論業主或設計師,都不應抱持「因為我的風格是怎麼樣、所以只能做怎麼樣的設計」,「設計不應該是絕對的,每個案子都能有全新想像。」

湯慕恩此次嘗試「沒有固定主色」的視覺系統。((攝影:吳哲夫)
湯慕恩此次嘗試「沒有固定主色」的視覺系統。(攝影:吳哲夫)

文|張以潔 攝影|吳哲夫

更多精彩內容請見La Vie 2025/12月號《2025台灣創意力100:秩序重啟Order Reset