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

臺南城市品牌識別、指標系統一次解析!Path & Landforms攜手在地設計團隊共同打造,以「順水而生的城市」定調臺南
臺南城市品牌識別、指標系統一次解析!「Path & Landforms」攜手在地設計團隊共同打造,以「順水而生的城市」定調臺南

臺南城市品牌識別、指標系統設計公開!環境視覺設計團隊「Path & Landforms(P&L)」與多位在地設計團隊跨界合作,由「一件設計」定調視覺及標準字、插畫家「湯士賢」繪製城市圖騰、「空集設計」主責標誌動態設計,「調視映画」則負責形象影片的企劃、拍攝與其中的動態影像設計,共同勾勒出跨越時光的臺南城市精神。

以「順水而生的城市」定調臺南

有別於大眾對臺南的印象往往停留在古蹟、美食,本次Path & Landforms首先探究臺南悠久歷史及當代產業發展,並透過問卷及對各領域臺南人士的深入訪談,找出人們對於臺南的共同印象,以此梳理出臺南城市品牌基石,最終決定以「順水而生的城市」為核心,發展城市品牌識別。

環境視覺設計團隊Path & Landforms與多位台南在地設計團隊共同打造嶄新城市品牌識別及指標系統。(圖片提供:Path & Landforms)
環境視覺設計團隊Path & Landforms與多位台南在地設計團隊共同打造嶄新城市品牌識別及指標系統。(圖片提供:Path & Landforms)

由調研可知,臺南的土地與文化皆起源於水,早從1624年起,臺江內海便成為臺灣首個世界貿易港口,將這片土地推向全球;早期移民對黑水溝的敬畏,帶來了遍佈全島的媽祖及民間信仰;曾文溪改道與內海陸化展現了先民與自然共生的智慧;流經嘉南平原的河水,滋養沿岸的水果、稻米與甘蔗,發展出適應於臺南風土的食農文化;臨海地帶與鹹水的交融,也促進了曬鹽業與養殖漁業的發展,更形成具有鮮明地方特色的鹽分地帶文學。

流水曲線重新塑造「N」字型

而在Path & Landforms提出「順水而生」的概念基礎上,一件設計接著以國際通用的拉丁字母「N」代表臺南(TAINAN)的「南」,並透過讓人聯想到流水的曲線重新塑造「N」字型。透過洗鍊卻又寓意深遠的符碼,點題順水而生的城市基因。

臺南城市品牌識別以流水曲線重新塑造「N」字型,呼應「順水而生」概念。(圖片提供:Path & Landforms)
臺南城市品牌識別以流水曲線重新塑造「N」字型,呼應「順水而生」概念。(圖片提供:Path & Landforms)

呼應「順水而生」主題,動態識別更以水流的韌性為概念,藉由「N」字型在寬度與深度上的變化,為識別系統賦予更多變化彈性。負責標誌動態設計的「空集設計」也從此出發,透過如緞帶般柔軟且富有彈性的線條迤邐出流水意象。「動態的水流兩側緊接著N的端點,最後組成標誌的N字,是呼應台南從水路演變為城市的過程。」

臺南城市品牌識別呼應水流韌性概念,創造「N」字型在寬度與深度上的變化。(圖片提供:Path & Landforms)
臺南城市品牌識別呼應水流韌性概念,創造「N」字型在寬度與深度上的變化。(圖片提供:Path & Landforms)

金、紅、褐主色搭配藍、綠輔助色

至於輔助圖形上,一件設計則以「N」字為核心,透過模組化的重複與延展,形成持續擴展的圖紋系統;其幾何節奏與結構邏輯,隱約呼應臺南城市中常見的窗花與格柵紋理,讓系統在秩序之中保有在地的熟悉感。搭配以代表民情、熱情、信仰的紅與褐色、象徵榮耀的金為主色調,以及象徵經貿水路的藍、綠能科技的綠作為輔助色彩的色彩計畫,更為後續應用創造更多可能。

色彩計畫以金、紅、褐為主色,搭配象徵經貿水路的藍、綠能科技的綠作為輔助色彩。(圖片提供:Path & Landforms)
色彩計畫以金、紅、褐為主色,搭配象徵經貿水路的藍、綠能科技的綠作為輔助色彩。(圖片提供:Path & Landforms)
輔助圖形以「N」為核心發展,透過重複延展的結構形成持續綿延的圖紋系統。(圖片提供:Path & Landforms)
輔助圖形以「N」為核心發展,透過重複延展的結構形成持續綿延的圖紋系統。(圖片提供:Path & Landforms)

中、歐文字體展現臺南特色與氣質

另一方面,「一件設計」則以客製字體「扇體」及「Garamond」為中、歐文標準字。其中,中文字體「扇體」以臺南將軍青鯤鯓扇形鹽田為靈感,加入襯線字體中的山形筆末,呈現出臺南向外開闊的胸襟與視野;歐文字體「Garamond」則在保留傳統古韻的同時,也合乎印刷公文等應用需求,並表現出當代簡約卻又富有人文底蘊的城市印象。

中文字體「扇體」以臺南將軍青鯤鯓扇形鹽田為靈感;歐文字體「Garamond」則表現出當代簡約卻又富有人文底蘊的氣質。(圖片提供:Path & Landforms)
中文字體「扇體」以臺南將軍青鯤鯓扇形鹽田為靈感;歐文字體「Garamond」則表現出當代簡約卻又富有人文底蘊的氣質。(圖片提供:Path & Landforms)

建立能長期運作的城市指標系統

而相較於單一標示設計,Path & Landforms更希望建立一套能長期運作的城市指標系統。城市中的導覽牌、方向標示、交通資訊與公共設施告示,看似形式各異,卻應遵循一致的設計原則,才能在不同街區、場所尺度與使用情境下,形成清楚、易於理解且具辨識度的城市語言。

指標設計以簡單俐落為原則,因應不同設置環境條件制定了相關模矩及尺寸規範,以此兼具視覺一致性與應用彈性。(圖片提供:Path & Landforms)
指標設計以簡單俐落為原則,因應不同設置環境條件制定了相關模矩及尺寸規範,以此兼具視覺一致性與應用彈性。(圖片提供:Path & Landforms)

為此,團隊依據不同功能需求、場所條件與資訊容量,發展涵蓋城市導覽、大眾運輸及交通、服務設施與通用告示等不同類型的指標系統,並制定相對應的模矩、尺寸、版面配置及規範手冊,讓未來不同單位在新增、更新或維護指標時,都能遵循相同的設計語言;各類標示也能在一致的系統架構下持續擴充與演化,在兼顧管理效率與街道景觀的同時,確保整體系統的長期一致性。

指標設計(圖片提供:Path & Landforms)
指標設計(圖片提供:Path & Landforms)
指標設計(圖片提供:Path & Landforms)
指標設計(圖片提供:Path & Landforms)

延伸自「順水而生」概念的圖標設計

在標示的視覺設計上,Path & Landforms以城市品牌識別為基礎,延伸發展色彩及圖標等核心視覺元素。其中圖標設計呼應「順水而生」概念,以圓潤流暢的曲線重新詮釋男、女、無障礙、親子等公共服務設施,以及自行車、機車、汽車、公車等交通工具,並延伸至古蹟、廟宇、美術館、餐廳等觀光休閒場所,形成一套兼具辨識性與一致性的城市圖標系統。

圖標設計延伸自「順水而生」概念,融入如流水般的流暢曲線。(圖片提供:Path & Landforms)
圖標設計延伸自「順水而生」概念,融入如流水般的流暢曲線。(圖片提供:Path & Landforms)

整體指標色彩上則以深灰、淺灰作為基本色調,並延伸品牌標準色的金色、米色、紅色,作為文化場域及古蹟相關特定區域色或點綴色,以專屬於臺南的文化氣韻,為視覺呈現畫龍點睛。透過品牌語彙融入公共空間,也讓城市識別從平面設計延伸至街道景觀,成為市民與旅客日常移動中共同感知的城市語言。

於2024台灣設計展期間落地於西市場的實體指標,將臺南專屬的記號色融入古蹟與文化場域等特定區域。(圖片提供:Path & Landforms)
於2024台灣設計展期間落地於西市場的實體指標,將臺南專屬的記號色融入古蹟與文化場域等特定區域。(圖片提供:Path & Landforms)

打造專屬臺南的城市地圖系統

除此之外,Path & Landforms也同步建立屬於臺南的城市地圖系統。團隊導入 QGIS(開源地理資訊系統)整合 OpenStreetMap 地理資料,建立可持續更新與擴充的城市地圖底圖,並發展符合臺南城市品牌的專屬地圖風格,讓未來不同區域的導覽地圖都能維持一致的資訊架構與視覺品質。

P&L 導入 QGIS 建立可持續更新的城市地圖系統,並結合建築圖騰設計,形成專屬於臺南的地圖視覺語言。(圖片提供:Path & Landforms)
P&L 導入 QGIS 建立可持續更新的城市地圖系統,並結合建築圖騰設計,形成專屬於臺南的地圖視覺語言。(圖片提供:Path & Landforms)

而設計指標系統的同時,Path & Landforms邀請插畫家湯士賢繪製城市地圖中的建築圖騰,並建立後續建築圖騰的繪製原則,讓城市地圖在持續新增地標圖騰時,仍能維持一致的視覺品質。湯士賢為了表現建築特色並滿足地圖指引需求,以簡潔纖細的筆觸強調建築立面的識別度,期盼透過簡約當代的風格,畫出細膩、有韻味的古都臺南

知名插畫家湯士賢以簡約當代的風格,繪製臺南城市建築圖騰,並應用於城市地圖中。(圖片提供:Path & Landforms)
知名插畫家湯士賢以簡約當代的風格,繪製臺南城市建築圖騰,並應用於城市地圖中。(圖片提供:Path & Landforms)
(圖片提供:Path & Landforms)
(圖片提供:Path & Landforms)

另外,此次臺南城市品牌識別及指標系統已應用於百年市定古蹟「西市場」中,與自2021年啟動修復工程的西市場同時亮相,未來也將逐步應用於城市實體指標、公共資訊及數位媒介等不同場域,持續形塑一致且具辨識度的臺南城市品牌形象。

於2024台灣設計展期間落地於西市場的實體指標,將臺南專屬的記號色融入古蹟與文化場域等特定區域。(圖片提供:Path & Landforms)
於2024台灣設計展期間落地於西市場的實體指標,將臺南專屬的記號色融入古蹟與文化場域等特定區域。(圖片提供:Path & Landforms)
於2024台灣設計展期間落地於西市場的實體指標,將臺南專屬的記號色融入古蹟與文化場域等特定區域。(圖片提供:Path & Landforms)
於2024台灣設計展期間落地於西市場的實體指標,將臺南專屬的記號色融入古蹟與文化場域等特定區域。(圖片提供:Path & Landforms)

資料提供|Path & Landforms、文字整理|Adela Cheng

延伸閱讀

RECOMMEND

2026金馬影展主視覺動起來了!導演殷振豪率設計團隊打造「煙雲繚繞」壯麗山水,日夜雙版海報邀觀眾相聚電影江湖
2026金馬影展主視覺動起來了!導演殷振豪率設計團隊打造「煙雲繚繞」壯麗山水,日夜雙版海報邀觀眾相聚電影江湖

日前甫公開的2026金馬影展主視覺,攜手導演殷振豪創意團隊和專業設計團隊Blob Club,共推以江湖喻影壇的「再見江湖」年度主題。隨本文搶先看兩款海報蘊含巧思及其動態視覺承載美好寓意,各方影迷自然也不可錯過於11月6日至22日至影展現場共襄盛舉。

殷振豪領軍發想,年度主題定調「再見江湖」

每年一度的台北金馬影展本屆訂於2026年11月6日至22日登場,年中之際主辦單位驚喜曝光兩款主視覺的動靜態兩版海報。全案由台灣著名影視導演殷振豪領軍,並與金馬最佳美術設計得主梁碩麟、iroiroLAB(殷振豪成立之影像製作公司)監製林沁兒、JynCollective品牌策展顧問林柔君聯手組建的創意團隊「一席之地」發起。概念上奠基「電影,以光影築山河;金馬,因相聚成江湖」一語,構劃尤具磅礴意蘊的「再見江湖」年度主題,進而邀來專業設計團隊Blob Club共同創辦人吳建龍、畢展熒齊心製作吸睛主視覺,歡迎影人和觀眾在山河間相逢相惜,共築金馬電影江湖。

2026台北金馬影展主視覺日(右)夜(左)雙版海報。(圖片提供:台北金馬影展)
2026台北金馬影展主視覺日(右)夜(左)雙版海報。(圖片提供:台北金馬影展)

影壇如江湖,金馬影展始終匯聚電影人和愛電影人

電影讓人們跨越時間與空間會面,金馬讓世代不同、地域各異的電影從業者齊聚——每一影格都是時間的軌跡,幀幀影像堆疊,方塑出電影中的一座城市、一方山水;部部電影積累,則構出獨屬金馬的壯麗江湖,供人們在故事裡聚散、在光影下前行。

(圖片提供:台北金馬影展)
(圖片提供:台北金馬影展)

兩款主視覺背景分別融會白晝黑夜意象,透過色彩轉換及光影層次的時間變化,既呼應電影的開場與散場,亦照見電影人的聚合與分離。畫面除見層層山巒映現大山大景的遼闊氣勢,更有彼此交錯覆蓋的構圖,創拓綿延千里、不斷孕育電影誕生的無限天地。雙版海報甚能如銀幕開展般並置拼接,使山巒巧妙鋪陳巍峨而沉靜的自然意境,再點綴水墨、書畫特有的落款紋樣,加深視覺敘事張力。

▼ 日版靜態主視覺

(圖片提供:台北金馬影展)
(圖片提供:台北金馬影展)

▼ 夜版靜態主視覺

(圖片提供:台北金馬影展)
(圖片提供:台北金馬影展)

▼ 日版動態主視覺

▼ 夜版動態主視覺

以電影色票為底,向14部經典作品用色基調汲取靈感

彩度調節上以電影色票為底、山水畫的渲染與潑墨為形,向包括1989年《悲情城市》、1992年《少年吔,安啦!》、1994年《重慶森林》、2000年《臥虎藏龍》、2002年《無間道》、2007年《投名狀》、2011年《那些年,我們一起追的女孩》、2017年《血觀音》、2019年《陽光普照》、2020年《同學麥娜絲》、2021年《瀑布》、2021年《當男人戀愛時》、2023年《周處除三害》、2025年《大濛》等14部經典作品用色基調汲取靈感,且藉虛實交融手法,將穿梭群山的流動光影化為江湖的情感與能量,串聯起各時代影人的遇見與傳承,最終形構出一幅隨時光演進持續豐厚飽滿的金馬新江湖。

(圖片提供:台北金馬影展)
(圖片提供:台北金馬影展)

設計也同時把江湖氣息元素延伸至金馬標準字,「氣」於此轉作自由飄散的風雲煙霧,繚繞金馬兩字,象徵人因電影薈萃,氣凝成形,金馬江湖因而誕生。

(圖片提供:台北金馬影展)
(圖片提供:台北金馬影展)

頒獎典禮選址北流,於影展最末日舉辦

2026金馬影展預定11月6日至22日進行,第63屆金馬獎頒獎典禮則於11月22日週末晚間6點在台北流行音樂中心隆重啟幕。此外,金馬國際影展、金馬創投會議WIP企劃案,以及劇情片、紀錄片、動畫等長片類金馬獎獎項,皆徵件至2026年7月31日止,眾電影創作者務必留意報名期限。

>> 更多訊息將陸續公布,可於金馬官方網站官方臉書官方IG關注。

延伸閱讀

RECOMMEND