揭開指標系統的設計巧思!專訪「角白設計」莊濟寰、「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臺北設計獎視覺傳達設計類得獎作品出發, 讀懂設計如何凝聚情感,更顛覆印象

從2025臺北設計獎視覺傳達設計類得獎作品出發, 讀懂設計如何凝聚情感,更顛覆印象

從街頭海報到包裝設計,近年來越來越多視覺設計作品,以饒富巧思的圖像和深刻的設計思考,令人耳目一新!近日揭曉的2025臺北設計獎「視覺傳達設計類」得獎作品,更展現設計如何連結文化記憶與生活體驗,以精準的視覺語言,牽動廣泛的共鳴。

不只凝聚地方情感,也顛覆刻板印象

像是由日本設計團隊Lightsdesign奪下2025臺北設計獎「視覺傳達設計類」金獎的作品「Jingisukan Anbe」,便是以設計重塑地方情感的案例。在此作品中,設計師為岩手縣備受喜愛的老字號烤羊肉餐廳進行空間與視覺重塑。其中全新標誌以視覺化的「羊」為主題,象徵家人與朋友相聚的溫暖情境,羊背上騰起的煙霧也呼應日本傳統中以「不祥之物」為符號,藉此驅厄避邪的文化脈絡。而在包裝上,最引人注目的則是瓶身那八幅以家庭聚會為主題的插圖,透過插畫家中山真一的筆觸,延伸出品牌獨有的「家常風景」,在新舊交會間,以簡潔卻飽滿的敘事,凝聚地方餐廳的情感價值。

臺北市政府產業發展局
「Jingisukan Anbe」瓶身那八幅以家庭聚會為主題的插圖延伸出品牌獨有的「家常風景」。
臺北市政府產業發展局
「Jingisukan Anbe」設計上以簡潔卻飽滿的敘事,凝聚地方餐廳的情感價值。

至於銀獎則是由香港設計團隊Studio Noux操刀的 「Radiant Eateries: Hong Kong Restaurant Neon Sign Drawings」。作品以書籍梳理霓虹招牌的歷史與工藝,書中收錄的218份手稿更以八色印刷,並加入螢光油墨,讓讀者在昏暗環境下,也能透過書中附上的小電筒照射,模擬霓虹燈點亮時的光線跳動。這種充滿互動性與巧思的設計,讓作品不僅是一本設計書,更保留即將消逝的城市光景。

臺北市政府產業發展局
「Radiant Eateries: Hong Kong Restaurant Neon Sign Drawings」以書籍梳理霓虹招牌的歷史與工藝。
臺北市政府產業發展局
讀者在昏暗環境下,也能透過「Radiant Eateries: Hong Kong Restaurant Neon Sign Drawings」書中附上的小電筒照射,模擬霓虹燈點亮時的光線跳動。

而由波蘭設計師Marcin Markowski操刀的作品「Poets' Poznań festival」則獲得銅獎肯定。在此,設計師以「藍舌頭惡魔」為核心概念,突破大眾對對詩歌節的既定想像,也凸顯詩人作為挑戰規範、啟發思辨的叛逆者角色,讓詩歌節跳脫文學型活動常見的溫和氣質,轉而呈現自由、獨立與不受拘束的精神。

臺北市政府產業發展局
「Poets' Poznań festival」獲得2025臺北設計獎視覺傳達設計類銅獎肯定。
臺北市政府產業發展局
「Poets' Poznań festival」以「藍舌頭惡魔」為核心概念,突破大眾對對詩歌節的既定想像。

以設計拓展想像,也捕捉城市能量

同樣由波蘭設計師操刀的作品「Stand Art 3D / visual identity」則獲得ICoD 特別獎。在此,波蘭設計師Wojciech Janicki為名為「Stand Art 3D」的展覽活動設計系列海報,多張作品相互補充卻又各自獨立,整體視覺既成功回應展覽主題,更以富有層次的圖像探索藝術邊界。

臺北市政府產業發展局
「Stand Art 3D / visual identity」獲得2025臺北設計獎視覺傳達設計類ICoD 特別獎。
臺北市政府產業發展局
「Stand Art 3D / visual identity」為展覽活動設計系列海報,多張作品相互補充卻又各自獨立。

今年評審團推薦獎則頒給由OUT OF OFFICE|外也企画社設計師張櫻馨、梁巨璟操刀的 「美味◯[美味圈]:2023台灣設計展在新北 FOOD IN CIRCLE」。作品從新北的街頭飲食文化出發,把廟埕、夜市、辦桌、塑膠椅與彩球等日常風景化為強烈、多層次的視覺語彙,展現城市的親切與多元;色彩計畫更大膽以桃紅色系象徵台式餐桌特有的草莽魅力,完美捕捉新北飲食文化的活力。

臺北市政府產業發展局
「美味◯[美味圈]:2023台灣設計展在新北 FOOD IN CIRCLE」獲得2025臺北設計獎視覺傳達設計類評審團推薦獎。
臺北市政府產業發展局
「美味◯[美味圈]:2023台灣設計展在新北 FOOD IN CIRCLE」將日常風景化為強烈、多層次的視覺語彙。

回顧2025臺北設計獎視覺傳達設計類得獎作品,不難發現設計師如何以色彩、形象與敘事,在地方記憶與現代美學之間建立橋梁,甚至顛覆人們對既定活動的想像。即便作品風格各異,卻都展現了讓訊息被看見、被感受、被記住的核心力量。

臺北市政府產業發展局廣告

文字 | 郭慧  圖片提供 | 臺北市政府產業發展局

可以讀,不能放進微波爐!《Do Circus》秋季號登場:Houth以「鹹甜爆米花」承載馬戲幕後的汗與淚,3點詳解裝幀深意

可以讀,不能放進微波爐!《Do Circus》秋季號登場:Houth以「鹹甜爆米花」承載馬戲幕後的汗與淚,3點詳解裝幀深意

繼聶永真的OK蹦藥盒、劉悅德的酷兒變裝包、葉忠宜的能量補給飲後,何婉君及其團隊Houth為馬戲專門誌《Do Circus》2025年秋季新刊再度賦予視覺驚喜——巨大帳蓬被壓縮進「微波爆米花」包裝裡,鹹甜參半的新遊牧滋味將在你閱讀的同時層層迸發。不過爆米花與馬戲究竟有何關聯?本文3點詳解獵奇裝幀下,各樣設計背後令人動容的故事。

「真正的馬戲,從來不是用看的,而是用身體去理解的。《Do Circus》改版後的每一期,都以紙本為舞台,把讀者拉進一次『需要動手、也需要動身體』的閱讀現場。」La Vie台灣創意力100雙年獎「創意視覺」類別評選視覺傳達領域具突破性美學之作品,本屆關注到馬戲專門誌《Do Circus》改版以來3季刊物對平面載體的極限翻玩,最終由評審共同選為10大獲獎設計。不僅僅從內容上推廣馬戲藝術,《Do Circus》至今不斷超越既定認知、挑戰裝幀框架,將馬戲舞台上下的汗與淚「裝入」實物中,再具體化攤開於大眾眼前。

《Do Circus》獲選2025台灣創意力100年度創意視覺,於2025年12月5日舉辦的典禮上由評審蔡珮玲老師(左)授獎。(攝影/蔡耀徵 © La Vie)
《Do Circus》獲選2025台灣創意力100年度創意視覺,於2025年12月5日舉辦的典禮上由評審蔡珮玲老師(左)授獎。(攝影/蔡耀徵 © La Vie)

文字節選自La Vie雜誌2025台灣創意力100《秩序重啟Order Reset》

>> 點此看完整得獎名單。

>> 點此收藏12月號雜誌。

改版一週年,回顧3組設計

《Do Circus》自2024年夏季號改版,永真急制Workshop設計師聶永真、陳聖智操刀首期裝幀,創作出「OK蹦藥盒」撫慰馬戲演員的肉身傷痕(此作入圍2025金點設計獎年度最佳設計獎);冬季號接著找到AGI國際平面設計聯盟新晉會員劉悅德,透過「酷兒變裝包」探察流動的性別光譜。2025年春季號則由葉忠宜打造隨開即飲的「能量補給飲」,致敬極限運動員的屏息瞬間。

《Do Circus》Vol.14,聶永真設計。(圖片提供:FOCASA/攝影:Kris Kang)
《Do Circus》Vol.14,聶永真設計。(圖片提供:FOCASA/攝影:Kris Kang)
《Do Circus》Vol.15,劉悅德設計。(圖片提供:FOCASA/攝影:黃少柔)
《Do Circus》Vol.15,劉悅德設計。(圖片提供:FOCASA/攝影:黃少柔)
《Do Circus》Vol.16,葉忠宜設計。(圖片提供:FOCASA/攝影:Kris Kang)
《Do Circus》Vol.16,葉忠宜設計。(圖片提供:FOCASA/攝影:Kris Kang)

>> 回顧「酷兒變裝包」劉悅德設計《Do Cricus》新刊!雜誌化身「變裝包」,視覺、印刷細節呼應馬戲及酷兒文化

>> 回顧「能量補給飲」是你手裡那包in果凍?葉忠宜操刀《Do Circus》春季號:「勇氣口味」能量飲挑戰極限馬戲,鋁箔、吸嘴翻玩裝幀框架

最新發行的秋季號〈POP UP! BIG TOP——馬戲帳蓬與新遊牧〉邀請擅長視覺敘事的Houth團隊,將雜誌偽裝成一包超商常見的微波爆米花。整體設計提取並轉化傳統馬戲帳篷的經典紅黃條紋為放射狀曲線,既扣合爆米花蘊含的高能和慶典鬧騰印象,亦帶來恰如馬戲帳篷總在城市空地上一夜之間蹦起的視覺衝擊;左側讓人聯想到口味標示的「The New Nomad(新遊牧者)」字樣同時揭示馬戲藝術所承載的苦樂、流汗付出的鹹與歡快收成的甜交疊而成的滋味。以下3大亮點帶你詳加了解《Do Circus》新刊包裝及內含兩冊巧思。

《Do Circus》Vol.17,何婉君設計。(圖片提供:FOCASA/攝影:黃少柔)
《Do Circus》Vol.17,何婉君設計。(圖片提供:FOCASA/攝影:黃少柔)

【亮點#01】從1980年代美國超市找靈感,用通俗語言包裹深刻議題

與劉悅德同於2024年入列AGI國際平面設計聯盟的何婉君及其團隊Houth,向來以敏銳的色彩感知與幾何構圖著稱。這回他們將目光投向1980、90年代的美國超市,藉鮮豔底色與浮誇線條形塑美式復古風格,高飽和的色彩搭配甚體現普普藝術(Pop Art)精神。挪用消費符號之餘,且添附數張帶有超市特價標籤趣味的螢光色標語貼紙,進一步拼貼出更富張力的外包裝:「Freedom on the Move」、「Gather, Dream, Defy」、「Made of Canvas, Labor, and Sweat」等字樣,彷彿紛紛憑「Cheap Chic(廉價高級)」姿態在貨架上喧嘩,誘使讀者主動伸手撕開包裝,深究被包裹於糖霜中的真實成分。

發想自80年代美國超市,外袋鮮豔底色與浮誇線條形塑美式復古風格,貼上隨附的標語貼紙後更富張力(如圖右)。(圖片來源:Do Circus Instagram @docircus_online)
發想自80年代美國超市,外袋鮮豔底色與浮誇線條形塑美式復古風格,貼上隨附的標語貼紙後更富張力(如圖右)。(圖片來源:Do Circus Instagram @docircus_online)
每份含兩本讀物。(圖片提供:FOCASA/攝影:黃少柔)
每份含兩本讀物。(圖片提供:FOCASA/攝影:黃少柔)

【亮點#02】對照表象與真實:翻過華麗正面,揭開艱辛背面

爆米花構想除包藏「甜中帶鹹、鹹中有甜」的難言滋味,更捕捉爆米花(Popcorn)與快閃(Pop-up)源於同一英文動詞的極端特質:看似瞬間膨脹,實為一顆顆堅硬玉米粒經高溫與壓力試煉,方才造就鬆軟形狀——這正彰顯馬戲用沉重肉身撐起所有輕盈翻躍的本質,Houth故汲取玉米粒爆開成爆米花(扁平到立體)的型態變化,比喻馬戲帳篷搭建及其內上演節目「表象/真實」難易有異的誕生過程。

玉米粒到爆米花的型態變化,帶有對馬戲帳篷外觀和馬戲藝術展演雙重面向上「看似瞬間生成、實為堅忍練就」的隱喻。(圖片提供:FOCASA/攝影:黃少柔)
玉米粒到爆米花的型態變化,帶有對馬戲帳篷外觀和馬戲藝術展演雙重面向上「看似瞬間生成、實為堅忍練就」的隱喻。(圖片提供:FOCASA/攝影:黃少柔)

大眾往往只見馬戲團「膨脹後」的華麗瞬間,同玉米粒炸裂時一般神奇、快速、充滿娛樂性。然若包裝正面是平時呈現給觀眾的華麗,那麼背面便是與業內人士共鳴的血淚。還原微波爆米花外袋常註記的「放入微波爐、加熱兩分鐘、取出搖一搖」資訊,此刊簡化龐雜搭帳工程為「拆封與展開」、「錨定、裝備與升起」、「確認隱形結構」3步驟,其背後涵蓋的密集勞動卻難計數。

從加熱步驟到成分表,處處細節精準還原真實包裝。(圖片提供:FOCASA/攝影:黃少柔)
從加熱步驟到成分表,處處細節精準還原真實包裝。(圖片提供:FOCASA/攝影:黃少柔)

再往下查找,令人心中一揪一笑的細節還穿插於成分表:沒有反式脂肪,只有帆布、柱子、繩子、汗水與勞動(Sweat & Labor)、夢想與異議(Dreams & Dissent)。

搭帳3步驟涵蓋密集勞動,最下排成分表藏令人心中一揪一笑的細節。(圖片來源:Do Circus Instagram @docircus_online)
搭帳3步驟涵蓋密集勞動,最下排成分表藏令人心中一揪一笑的細節。(圖片來源:Do Circus Instagram @docircus_online)

【亮點#03】A、B兩冊承載馬戲幕後故事

外袋以環保芬蘭紙仿造市售實物的防油紙,並通過印刷盡可能重現獨特質地。分別代表帳篷一體兩面的A、B兩冊內頁則選用內斂的灰色調紙張,意味當包裝被撕開、色彩與聲響退去,即醞釀出慢而深的閱讀節奏。

A冊封面為帳篷俯視圖,扭曲線條暗示帆布在狂風暴雨中被拉扯的狀態,裝幀方式也以彈簧繩呼應帳篷固定繩;內容拆解夢工廠辛酸血汗,對照馬戲的現實肌理。B冊封面則為滿版爆米花點綴慶典標誌性星星;內容聚焦全球馬戲圈精彩作品,領讀者品嚐新時代游牧者所呈獻真實而豐富的滋味。

分別代表帳篷一體兩面的A、B兩冊內容專注不同內容,前者拆解夢工廠辛酸、後者聚焦全球馬戲圈精彩作品。(圖片提供:FOCASA/攝影:黃少柔)
分別代表帳篷一體兩面的A、B兩冊內容專注不同內容,前者拆解夢工廠辛酸、後者聚焦全球馬戲圈精彩作品。(圖片提供:FOCASA/攝影:黃少柔)

風險與驚喜同時發生

馬戲帳篷既輕盈,也沉重;既開放,又帶有限制。它數天內搭起、一天內消失,最終只留下空地的痕跡。在高度城市化的今天,如果劇場象徵制度化的固定建築,那麼帳篷的臨時性便是反身提醒:空間不必然屬於權力或資本,它可以是短暫、共享,且可隨時重新配置的。這讓我們重新思考表演如何發生,進而直面根本問題——誰能進入?誰被排除?誰承擔風險?誰又在其中找到新的自由?

《Do Circus》新刊將馬戲帳篷(Big Top)置於核心,因它不只是馬戲演出的容器,更訴說著關於流動、共融與永續的寓言。

▼ 內容搶先看

馬戲專門誌《Do Circus》秋季號〈POP UP! BIG TOP——馬戲帳蓬與新遊牧〉

  • 售價:NT$299(數量有限,售完即止)

>> 更多資訊可至Do Circus官方社群瀏覽。

延伸閱讀

RECOMMEND