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

2026台灣燈會在嘉義!Bito操刀日夜雙版主視覺,標準字融入阿里山日出、小火車等巧思,更推觀光大使「嘉義君」伴遊

2026台灣燈會在嘉義!Bito操刀日夜雙版主視覺,標準字融入阿里山日出、小火車等巧思,更推觀光大使「嘉義君」伴遊

接棒桃園,2026台灣燈會確認於嘉義登場。Bito繼上屆擔綱要任後再次操刀主視覺,不僅同步祭出日夜雙版設計,更「玩字」催生兩位觀光大使嘉嘉、義義,預備在13天展期中陪伴無論居民或訪客來趟圍繞燈會開展的嘉義遊,共感自然與人文特色皆具的「新嘉義」面貌。

為同歡元宵節並向國際推廣民俗節慶的台灣燈會,2001年起從台北市定點模式改以全台巡迴模式,每年移師不同城市、融合地方風情盛大舉行。下屆台灣燈會將於2026年3月3日(即農曆正月15日元宵節當日)至15日落地嘉義縣,以「新嘉義」為策展主軸,結合科技藝術及多媒體應用,突破水陸空概念,選址故宮南院太子大道台糖空地嘉義縣政府前廣場籌辦國際級視覺饗宴。

2026台灣燈會在嘉義。(圖片來源:交通部觀光署官方臉書)
2026台灣燈會在嘉義。(圖片來源:交通部觀光署官方臉書)

Bito操刀主視覺,開啟「新嘉義」想像

年末將至,隨主燈日前已於府前廣場動土、與任天堂首度合作瑪利歐燈區等亮點揭曉,再次由Bito操刀的主視覺亦率先亮相,為明年活動暖身。兩款醒目設計皆推出平面及動態版本,Bito結合嘉義獨有的山海地貌與多元文化紋理,將「嘉義」兩字分別轉譯為兩個原創角色,營造既在地又國際化、新潮中帶點童趣感的視覺效果,試圖激發大眾對「新嘉義」的想像、意欲前來探索這座南台灣城市內蘊的魅力,進而通過燈會及其周邊效應看見嘉義的嶄新面貌。

漢字「嘉義」化身觀光大使「嘉義君」伴遊

有別於過往多汲取城市地景為設計元素,如2025年同樣由Bito打造的主視覺對應該屆舉辦地桃園為機場所在,納入飛機窗外風光及傳統燈籠意象;2024年由剪紙藝術家楊士毅和黃桂瀅共同執掌,以4輪同心圓展現古城台南的風土文物與今昔發展。2026年,Bito直接為嘉義縣創作一組全新IP「嘉義君」,發揮巧思自「嘉義」的繁體字態中變幻出人物形體,尤其善用兩字的直式構造強化頭身及腳部特徵。

>> 上屆主視覺回顧Bito打造2025台灣燈會主視覺設計!結合飛機窗與燈籠意象,推出平面、動態兩款海報

有別於過往多汲取城市地景為設計元素,Bito轉而著眼「嘉義」兩字本身進行發想。(圖片提供:Bito)
有別於過往多汲取城市地景為設計元素,Bito轉而著眼「嘉義」兩字本身進行發想。(圖片提供:Bito)
並轉譯其繁體字態為原創角色嘉嘉、義義。(圖片提供:Bito)
並轉譯其繁體字態為原創角色嘉嘉、義義。(圖片提供:Bito)

而後便交予兩位觀光大使嘉嘉、義義,帶領旅者走進城市各角落,盡賞代表自然勝景的阿里山晨曦、體現人文傳承的故宮南院,乃至繁星照耀的對高岳車站、沼平公園,最終來到引人期待的台灣燈會,一路發掘嘉義的多面之美。

經由Bito的設計巧思,化身觀光大使的嘉嘉、義義將帶領旅者走訪自然與人文景點,最終親臨燈會現場。(圖片提供:Bito)
經由Bito的設計巧思,化身觀光大使的嘉嘉、義義將帶領旅者走訪自然與人文景點,最終親臨燈會現場。(圖片提供:Bito)

日出橘X星空黑雙版設計,象徵嘉義的日與夜

此次主視覺包括白日、黑夜雙版。前者提取阿里山日出的暖橘色調,轉化「嘉」字輪廓為黃色燈籠角色;「2026 Taiwan Lantern Festival in Chiayi(2026台灣燈會在嘉義)」標準英字穿插搭配日出神木阿里山小火車圖樣,從清晨至午後為大家揭開對嘉義的初步印象。後者依「義」字形塑粉色燈籠角色,並捕捉日落後對高岳車站、沼平公園的閃爍星點為靈感,添上富有科技感的藍紫幻彩;英字間的裝飾圖樣則取代為無人機燈光阿里山雷射光,呼應屆時將由科技藝術和無人機燈光秀組成的燈會星點。

日夜雙版主視覺的「2026台灣燈會在嘉義」標準英字各夾帶3種一眼即識的趣味圖樣。(圖片提供:Bito)
日夜雙版主視覺的「2026台灣燈會在嘉義」標準英字各夾帶3種一眼即識的趣味圖樣。(圖片提供:Bito)

透過日夜雙版設計,Bito既巧妙交融當地山海風光、文化底蘊與科技創新,亦藉視覺語言充分傳遞2026台灣燈會主題「光躍台灣‧點亮嘉義」精神,邀世界一同見證嘉義的無限可能。

Bito藉視覺語言彰顯2026台灣燈會精神。(圖片提供:Bito)
Bito藉視覺語言彰顯2026台灣燈會精神。(圖片提供:Bito)
2026年3月3日至15日,邀世界一同見證嘉義的無限可能。(圖片提供:Bito)
2026年3月3日至15日,邀世界一同見證嘉義的無限可能。(圖片提供:Bito)

*部分圖片僅示意,實際製作物尚待燈會展期正式亮相。

延伸閱讀

RECOMMEND

Apple TV全新片頭動畫以「實景拍攝」煉成!用磨砂玻璃、多彩燈光拍出幻彩蘋果,致敬1970年代彩虹Logo

Apple TV全新片頭動畫靠「實景拍攝」煉成!磨砂玻璃、多彩燈光交織成幻彩蘋果

AI當道,每每在社群上滑到酷炫畫面,下面總少不了「這是AI嗎?」的留言。無論是好奇或質疑,在AI飛速發展的時代,這些聲音都讓用手工實踐的創意顯得獨特、珍貴,也更加觸動人心。

2025年11月,Apple TV發表全新動態識別和片頭動畫——磨砂玻璃質感的蘋果標誌染上七彩光暈,一層一層如書頁般落下,最終堆疊成披上多彩漸層的「幻彩蘋果」。 令人驚喜的是,這短短幾秒的畫面,背後是靠長時間「實景拍攝」煉成,而非靠電腦特效(CG)呈現!

Apple TV全新片頭動畫靠「實景拍攝」煉成!磨砂玻璃、多彩燈光交織成幻彩蘋果
(圖片來源:TBWAMedia Arts Lab)

▼ Apple TV 全新動態識別及片頭動畫 ▼

從黑白到多彩,Apple TV開啟品牌新篇

在此之前,平台名為「Apple TV+」,如今則將加號除去更名為「Apple TV」。品牌更名是大動作,視覺形象自然也隨之變動。Apple TV+時期的標誌多以黑、白兩色呈現,特效也講求簡練,延續Apple一貫的極簡風格。來到Apple TV時代,蘋果內部團隊與長期配合的廣告代理商TBWAMedia Arts Lab(以下稱MAL)合作,為品牌構思新形象,並求在承襲Apple簡約風格的同時,融入與影劇呼應的元素,如色彩、光線、動態效果等,以凸顯平台特質。

Apple TV全新片頭動畫靠「實景拍攝」煉成!磨砂玻璃、多彩燈光交織成幻彩蘋果
「Apple TV+」於2025年更名為「Apple TV」,並發佈全新視覺形象。(圖片來源:Apple)

靈感來自1970年代經典「彩虹蘋果」標誌

為定調Apple TV新形象,團隊從Apple1977年使用至20世紀末的Logo汲取靈感,當時「蘋果被咬一口」的標誌並非如今日以單一色彩呈現,而是由彩虹色塊堆疊而成。半世紀前蘋果所用的紅、橙、黃、綠、藍、紫色,如今融合為漸層躍上Apple TV新標誌,並在動態版本中呈現出稜鏡折射效果般的奪目視覺。

Apple TV全新片頭動畫靠「實景拍攝」煉成!磨砂玻璃、多彩燈光交織成幻彩蘋果
Apple於1977年至1998年使用的品牌Logo。(圖片來源:Apple)
Apple TV全新片頭動畫靠「實景拍攝」煉成!磨砂玻璃、多彩燈光交織成幻彩蘋果
(圖片來源:TBWAMedia Arts Lab)

實景拍攝致敬電影工藝精神

為了呼應影劇拍攝的工藝(craft)精神,Apple TV動態識別不仰賴電腦特效(CG),而是靠實景拍攝呈現,由AppleMAL團隊攜手影像製作團隊Optical Arts共同完成,藉鏡面、色彩、光線等元素交織,回應影劇中的各種創意語言。選擇實拍,另一方面是為了精準捕捉光線自然流動的節奏和韻律,這是電腦特效難以百分之百重現的。

Apple TV全新片頭動畫靠「實景拍攝」煉成!磨砂玻璃、多彩燈光交織成幻彩蘋果
(圖片來源:TBWAMedia Arts Lab)

點開幕後花絮影片,可見製作團隊真訂製了一塊用玻璃打造的Apple TV標誌,將其置於可轉動的裝置上,方便標誌變換至各種角度入鏡,現場打上不同色彩的燈光,搭配不同鏡位及遠近景拍攝,最終集結成我們所見的成果。

Apple TV全新片頭動畫靠「實景拍攝」煉成!磨砂玻璃、多彩燈光交織成幻彩蘋果
(圖片來源:TBWAMedia Arts Lab)
Apple TV全新片頭動畫靠「實景拍攝」煉成!磨砂玻璃、多彩燈光交織成幻彩蘋果
(圖片來源:TBWAMedia Arts Lab)

▼ 拍攝幕後花絮 ▼

奧斯卡得主Finneas操刀音效

音效也毫不馬虎,由知名音樂製作人Finneas操刀,藉聲音強化Apple TV的新形象。西洋音樂迷對這名字絕不陌生,他正是Billie Eilish的哥哥,也是她音樂路上的黃金拍檔,兄妹合作的〈Bad Guy、收錄在電影《芭比》原聲帶中的〈What Was I Made For?,曾摘下奧斯卡金像獎、葛萊美獎等大獎。

Apple TV全新片頭動畫靠「實景拍攝」煉成!磨砂玻璃、多彩燈光交織成幻彩蘋果
(圖片來源:TBWAMedia Arts Lab)

未來,「幻彩蘋果」將陸續出現在Apple TV的節目和電影開頭,也會應用於行銷活動和各式製作物,為品牌揭開進化的序幕。

延伸閱讀

RECOMMEND