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

臺灣文化魅力現身大阪!「We TAIWAN」主視覺、超Q彈角色「a-We」公開,線上線下4大場域亮點搶先看

臺灣文化魅力現身大阪!「We TAIWAN」主視覺、 超Q彈角色「a-We」公開,線上線下4大場域亮點搶先看

2025年大阪.關西世博4月中正式開展,文化部延續去年巴黎文化奧運經驗,將於8月2日至8月20日策劃「We TAIWAN 臺灣文化in大阪.關西世博」,再度參與國際盛會。

「We TAIWAN」主視覺、Q彈角色公開

文化部今(15)日公開主視覺及超Q彈角色「a-We」,正式宣告臺灣將以「應援未來、奇蹟之島」回應大會主題「創造閃耀著生命光輝的未來社會」,活動更擴大涵蓋展覽、文化科技、線上遊戲、聲響、電影、文學、市集等,呈現臺灣混融多彩、跨域創新、多元包容的文化樣貌,邀請大家一起以臺灣文化應援未來。

文化部公開「We TAIWAN 臺灣文化in大阪.關西世博」主視覺及超Q彈角色「a-We」,接續將繼續展開各系列活動暖身,也讓大眾體驗a-We的療癒魔力。(圖片提供:文化部)
文化部公開「We TAIWAN 臺灣文化in大阪.關西世博」主視覺及超Q彈角色「a-We」,接續將繼續展開各系列活動暖身,也讓大眾體驗a-We的療癒魔力。(圖片提供:文化部)

方序中擔任視覺統籌

擔任此次視覺統籌的究方社設計總監方序中說,a-We是海底板塊推擠下誕生的獨特生物,擅長彈跳、變形,還會不時發出a-we~~a-we~~的異世界語,像是一個在困境中擠壓出來的希望泡泡,會透過不斷成長、變形,找尋自己舒適自在的生存之道。a-We活力滿滿、勇於挑戰,正如同臺灣這座處於不同陸地板塊、溫度洋流、季風交匯處的奇蹟之島,始終以開放姿態面對世界,並形塑成包容、彈性、適應生存的應變韌性。

究方社設計總監方序中擔任「We TAIWAN 臺灣文化in大阪.關西世博」視覺統籌。(圖片提供:文化部)
究方社設計總監方序中擔任「We TAIWAN 臺灣文化in大阪.關西世博」視覺統籌。(圖片提供:文化部)

文化部補充,「We TAIWAN」以臺北駐日經濟文化代表處臺灣文化中心名義,成功申請到2025日本國際博覽會協會(世博協會)、大阪府及大阪市政府作為本活動的後援認證,也就是未來在主視覺海報、各宣傳平台等,都可以使用世博logo。

(圖片提供:文化部)
(圖片提供:文化部)
(圖片提供:文化部)
(圖片提供:文化部)

線上線下虛實整合4大場域

而此次「We TAIWAN」強調臺灣文化在全球重組背景下的融變能力與自信未來,透過社群、結合新科技與各類型文化藝術,匯聚來自臺灣與日本的38組藝術家、超過545位團隊成員,展開129場次演出,以及兩個週末的市集活動,向國際觀眾述說臺灣的獨特。活動將在梅田新地標Grand Green Osaka內「VS.」空間、大阪市中央公會堂、中之島及線上線下虛實整合4大場域,分別以「混融色彩」、「跨域創造」、「萬變氣場」、「遊戲能力」為策劃核心,從當代展演地標到百年古蹟建築、線上到線下,跨越時空邊界,將臺灣文化魅力帶到世界眼前。

「We TAIWAN」將匯聚來自臺灣與日本的38組藝術家、超過545位團隊成員,展開129場次演出,以及兩個週末的市集活動,向國際觀眾述說臺灣的獨特。(圖片提供:文化部)
「We TAIWAN」將匯聚來自臺灣與日本的38組藝術家、超過545位團隊成員,展開129場次演出,以及兩個週末的市集活動,向國際觀眾述說臺灣的獨特。(圖片提供:文化部)

「We TAIWAN 臺灣文化in大阪.關西世博」4大場域亮點一次看

▸ 混融色彩:VS.(at GRAND GREEN OSAKA)

建築師安藤忠雄所設計的當代展演場所「VS.」,將策劃「臺灣光譜」特展,以「混融色彩」為主軸,述說臺灣在獨特地理歷史的流變中孕育出的文化活力與交融特性。透過臺灣視覺藝術的演進,映照出臺灣文化融合、創造與再生的縮影。3個相互輝映的空間,橫跨視覺、工藝與聲音,是一場從地理、歷史、文化到當代藝術的感官旅程。

VS.(at GRAND GREEN OSAKA)為活動會場之一,將策劃「臺灣光譜」特展,透過臺灣視覺藝術的演進,映照出臺灣文化融合、創造與再生的縮影。©RAM KATZIR photo VS.PROJECT
VS.(at GRAND GREEN OSAKA)為活動會場之一,將策劃「臺灣光譜」特展,透過臺灣視覺藝術的演進,映照出臺灣文化融合、創造與再生的縮影。©RAM KATZIR photo VS.PROJECT

▸ 跨域創造:大阪市中央公會堂

大阪市中央公會堂為具有文藝復興風格的日本國家指定重要文化財,臺灣的「跨域創造」精神將在百年古蹟內上演,展現臺灣藝術家擁抱科技與藝術的對話,透過舞蹈、VR、音樂、電影、文學等,在虛實之間重新定義文化的邊界,讓想像力成為永不止息的創造力。

大阪市中央公會堂為活動會場之一,臺灣的「跨域創造」精神將在百年古蹟內上演,展現臺灣藝術家擁抱科技與藝術的對話。©大阪市中央公会堂
大阪市中央公會堂為活動會場之一,臺灣的「跨域創造」精神將在百年古蹟內上演,展現臺灣藝術家擁抱科技與藝術的對話。©大阪市中央公会堂

▸ 萬變氣場:中之島

在文化氣息濃厚的大阪都市綠洲中之島地區,將聚集臺灣最生猛而流動的「萬變氣場」,無論是廟會神將、掌中戲的翻騰氛圍、市集裡的各式氣味與人聲鼎沸,又或是伴著書香朗朗閱讀的午後時光,觀眾都可見證臺灣最原生、最旺盛而又最純真的文化脈動。

中之島為活動會場之一,將聚集臺灣最生猛而流動的「萬變氣場」,觀眾可見證臺灣最原生、最旺盛而又最純真的文化脈動。©いとう写真
中之島為活動會場之一,將聚集臺灣最生猛而流動的「萬變氣場」,觀眾可見證臺灣最原生、最旺盛而又最純真的文化脈動。©いとう写真

▸ 遊戲能力:大阪城市點

首發的活動將從線上以a-We精神出發,展露臺灣人擅於轉化現實為遊戲、從限制中創造屬於自己的規則及玩法的靈活精神,以「線上策展」打造「a-We冒險遊戲」,把整座大阪市轉化為文化遊戲場,以虛實融合路徑,串連活動與城市街區20多個據點,讓觀眾透過行動裝置、數位引導與線上地圖,在城市中展開一場探索臺灣文化感知的冒險旅程。

超Q彈角色「a-We」為海底板塊推擠下誕生的獨特生物,擅長彈跳、變形,透過不斷成長、變化,找尋自己舒適自在的生存之道。(圖片提供:文化部)
超Q彈角色「a-We」為海底板塊推擠下誕生的獨特生物,擅長彈跳、變形,透過不斷成長、變化,找尋自己舒適自在的生存之道。(圖片提供:文化部)

「We TAIWAN」系列活動即將開跑

另外,繼公布主視覺後,文化部也將繼續展開「We TAIWAN」各系列活動暖身,首波將在5月下旬啟動官方LINE帳號,並在臺灣、日本同步發表前導遊戲,邀請全球各地的朋友於線上比拚,體驗a-We的療癒魔力;6月上旬各項活動也將開放預約。詳細活動資訊請見「We TAIWAN」官網,並追蹤XInstagram關注最新動態。

「We TAIWAN」將在5月下旬啟動官方LINE帳號,並在臺灣、日本同步發表前導遊戲,邀請全球各地的朋友於線上比拚,體驗a-We的療癒魔力。(圖片提供:文化部)
「We TAIWAN」將在5月下旬啟動官方LINE帳號,並在臺灣、日本同步發表前導遊戲,邀請全球各地的朋友於線上比拚,體驗a-We的療癒魔力。(圖片提供:文化部)

We TAIWAN臺灣文化in大阪.關西世博
活動日期:2025年8月2日(六)至8月20日(三)
活動會場:線上、VS.(at GRAND GREEN OSAKA)、大阪市中央公會堂、中之島
參與須知|免費參加 *5月下旬啟動官方LINE帳號,6月上旬各項活動將開放預約

官網:https://wetaiwan.tw
X@wetaiwan_tw
Instagram@wetaiwan.tw

資料提供|文化部、文字整理|Adela Cheng

延伸閱讀

RECOMMEND

Amazon微笑Logo煥新,時隔20年大規模品牌重塑!以「字體」整合全球50+子品牌視覺形象

Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象

一道從A指向Z的微笑曲線,配上明亮橙色,是全球電商巨頭Amazon(亞馬遜)深植人心的標誌,自2000年沿用至今,從線上到線下,涵蓋生活雜貨、娛樂、科技、商業、醫療保健等領域,深入消費者的生活。不過,這個經典Logo最近有了微妙的轉變——微笑線條更為豐滿,橙色更加飽和亮麗。這是Amazon時隔24年首度更新Logo,並連帶展開全球規模的品牌重塑計畫,將旗下50多個子品牌紊亂的視覺形象,整合至共一架構內。

Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
(圖片來源:Amazon、Koto)
Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
(圖片來源:Amazon、Koto)

深植人心的「亞馬遜微笑」

我們現在熟知的Amazon標誌,由Turner Duckworth設計團隊操刀,其以20世紀末的版本為基礎,拿掉「.com」字樣,將字體修飾得更為飽滿,並加入彎弧細節。底部的下凹曲線則改為上揚,創造出微笑意象,讓視覺更為親民且人性化;再加入從A指向Z的箭頭,傳達Amazon提供的產品無所不包,及其完善服務能滿足消費者需求,收穫無數滿意笑容。

Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
(圖片來源:Amazon)

子品牌形象繁雜破碎,Amazon著手重整

近年Amazon展開大規模的品牌重塑計畫,其由品牌內部設計團隊Amazon XCM、擅長品牌塑造的設計機構Koto共同策劃,歷時18個月才完成,於2025年正式上線。團隊不僅重新設計Logo,也針對Amazon旗下所有子品牌的標誌進行調整,將電商、智慧助理Alexa、串流媒體平台Prime Video50多個子品牌的視覺形象,整合到同一系統內。

Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
(圖片來源:Amazon、Koto)
Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
(圖片來源:Amazon、Koto)

Koto提到,這場品牌重塑計畫最大的挑戰是「規模」。Amazon業務遍及全球,且產品及服務涵蓋範圍極廣,各團隊需即時應變,好滿足不同消費族群的需求;靈活對企業來說固然是優點,但也可能造成各品牌之間的分裂,整體視覺缺乏系統性和應用準則,最終變得破碎,而這也正是Amazon啟動品牌重塑的主因。以Amazon具標誌性的品牌資產為基礎,Koto整理出4大準則:更溫暖的微笑、現代化標誌、靈活的新字體、一致的色彩計畫,為龐大的Amazon品牌體系創建全球通用的視覺架構。

Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
過去的Amazon子品牌視覺形象。(圖片來源:Amazon、Koto)
Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
新上線的Amazon子品牌視覺形象。(圖片來源:Amazon、Koto)
Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
(圖片來源:Amazon、Koto)

Amazon全新Logo:微笑曲線加深、橙色更亮麗了

2025版的新Logo,相較於先前沿用20年的版本,變化相當微妙,Koto針對字體和微笑線條做了細微調整:原先「amazon」字樣中a字上揚的邊角被拉直,傳達更穩重的形象;下方曲線輪廓更為豐滿、弧度更加明顯,微笑變得更深沈有力;橙色的飽和度被提高,比從前更鮮豔亮麗,並有了「微笑橙(Smile Orange)」的專屬名稱。Koto表示,相較於舊版強調「箭頭」象徵Amazon的軟硬體實力,新版更聚焦於「微笑」,直指Amazon旗下多元品牌讓人們生活更快樂、輕鬆的使命,及它們所能帶給消費者的滿足感。

Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
(圖片來源:Amazon、Koto)
Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
(圖片來源:Amazon、Koto)

專屬字體|適用於366種語言,串連50+子品牌的靈魂

Koto也與擅長字型設計的NaN團隊合作,為Amazon訂製兩款字體:延伸自新版Logo的「Amazon Logo Sans」,及改良自電子書閱讀器Kindle所用字體的「Ember Modern」,後者能以366種語言呈現,供全球Amazon團隊彈性運用;同時擁有7種粗細選擇,具備適用於不同情境的靈活性。

Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
(圖片來源:Amazon、Koto)
Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
(圖片來源:Amazon、Koto)

這對字體將貫穿Amazon體系,從線上到線下、從螢幕到物流紙箱,需要斗大響亮標題、或文字繁多時都能滿足;並將50多個子品牌的產品與服務特性考量在內,用在生活雜貨能親民、在娛樂串流平台能鮮活大膽、在商業科技領域能沈著冷靜,面對醫療保健類則能令人感到信賴。

Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
(圖片來源:Amazon、Koto)
Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
(圖片來源:Amazon、Koto)

色彩計畫|根據各子品牌特質,訂製配色方案

在新Logo迎接「微笑橙」之際,每個子品牌也有了專屬的色彩方案,像是專賣生鮮與農產的「Amazon Fresh」以清新的草綠色強調新鮮;醫療保健領域的「Amazon One Medical」是呼應醫師手術服的青綠色;串流影音平台「Prime Video」已為使用者熟悉的藍,則比照微笑橙的概念,調整為飽和度更高的藍色。這套全新品牌視覺識別系統,將陸續應用於Amazon各處,為品牌揭開全新篇章。

Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
(圖片來源:Amazon、Koto)
Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
(圖片來源:Amazon、Koto)
Amazon微笑Logo煥新,迎接大規模品牌重塑!用字體整合全球50+子品牌視覺形象
(圖片來源:Amazon、Koto)

資料來源|Koto