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

肯德基KFC全新品牌視覺設計!炸雞桶成設計核心、肯德基爺爺更有份量、兩款訂製字體等亮點
肯德基KFC全新品牌視覺設計!炸雞桶成設計核心、肯德基爺爺更有份量、兩款訂製字體等亮點

白色西裝搭配細繩領結的爺爺,以及裝滿炸雞的經典炸雞桶,光是這些形容詞,就能讓人一秒內聯想到肯德基KFC;如今這個大家再熟悉不過的速食品牌,近來則攜手創意設計公司JKR,替品牌換上嶄新識別視覺!

肯德基本次大刀闊斧地為品牌進行重塑,更新範圍涵蓋品牌Logo、字體、餐廳室內設計、包裝、App設計,甚至社群文案的語氣。但別擔心,招牌的「肯德基爺爺」桑德斯上校形象、紅白黑經典配色都予以保留,只是在設計上更為升級,並且圍繞著品牌象徵的「肯德基炸雞桶」符號展開,進一步轉化成更適合當代餐飲、數位平台與全球市場使用的設計系統。

肯德基KFC手創意設計公司JKR,替品牌換上嶄新識別視覺!(圖片來源:JKR)
肯德基KFC手創意設計公司JKR,替品牌換上嶄新識別視覺!(圖片來源:JKR)
肯德基歷年Logo
肯德基歷年Logo

桑德斯上校更有份量

在本次視覺更新中,最直接的變化無疑是新版Logo設計。相較於先前較為扁平、方正的品牌標誌,新版Logo則帶有更明顯的立體感;作為品牌形象的桑德斯上校,也在本次更新中有了細微變化,新版上校保留了白色西裝、眼鏡與招牌領結等經典特徵,但輪廓變得更加圓潤,而先前常被拿來當成「火柴人」梗圖的領結細節,新版則在兩側多了衣領線條,讓整體形象看來更有份量。

肯德基KFC新舊LOGO(圖片來源:JKR)
肯德基KFC新舊LOGO(圖片來源:JKR)

炸雞桶成為設計核心

而圍繞著桑德斯上校的則是肯德基代表的炸雞桶符號,在本次品牌重塑中,則成為最關鍵的視覺核心。JKR將炸雞桶重新繪製並標準化,使它不再只是包裝容器,而是成為整套品牌系統的框架與敘事工具。

(圖片來源:JKR)
(圖片來源:JKR)

過去的炸雞桶代表產品本身,但在新的視覺系統中,炸雞桶可以承載食物攝影、插畫、活動訊息與數位內容,成為一種彈性的品牌畫布;這也呼應JKR所提出的「Bucketverse」概念,也就是以炸雞桶為中心,讓其成為品牌體驗的入口,連接餐點、空間、社群與數位互動。

(圖片來源:JKR)
(圖片來源:JKR)
(圖片來源:JKR)
(圖片來源:JKR)

兩款全新訂製字體

除了視覺形象外,肯德基也同步更新字體系統。由英國設計公司Studio DRAMA製作的兩款訂製字體Kentucky Fried SerifKentucky Fried Sans,讓品牌在不同語境中能夠展現更完整的個性。

除了視覺形象外,肯德基也同步更新字體系統。(圖片來源:Studio DRAMA)
除了視覺形象外,肯德基也同步更新字體系統。(圖片來源:Studio DRAMA)
肯德基全新字體(圖片來源:Studio DRAMA)
肯德基全新字體(圖片來源:Studio DRAMA)

兩款字體都採用了統一的襯線直徑、開放式字腔,以及較高的x字高設計。Kentucky Fried Stripes將肯德基字標的核心DNA擴展成一套完整可運作和展示為為導向的字體。靈感來自品牌著名的紅白條紋圖案,能靈活應用於包裝、店內視覺圖像等各種場景,並讓品牌在未來多年都具備持續延展的可能性。 

Kentucky Fried Stripes將肯德基字標的核心DNA擴展成一套完整可運作和展示為為導向的字體。(圖片來源:Studio DRAMA)
Kentucky Fried Stripes將肯德基字標的核心DNA擴展成一套完整可運作和展示為為導向的字體。(圖片來源:Studio DRAMA)

Kentucky Fried Sans則是特別為較小字級而設計,將Serif字體中的字形元素直接轉譯成一套全新的無襯線配方,適合應用於於數位平台、菜單,讓品牌從標題到內文,都能建立鮮明且高度易讀的字體層級。

Kentucky Fried Sans則是特別為較小字級而設計。(圖片來源:Studio DRAMA)
Kentucky Fried Sans則是特別為較小字級而設計。(圖片來源:Studio DRAMA)

經典紅白黑色彩系統

在色彩上,紅、白、黑三色仍然保留,以維持大眾印象中的品牌色調記憶,但加入了更完整的「Herbs and Spices」色彩系統,呼應桑德斯上校原創的11種香草與香料配方。而過往多作為背景圖使用的紅白條紋,在本次品牌重塑中也被重新定義,轉化成更具功能性的設計元素,能夠與文字、影像和動態效果結合。

(圖片來源:JKR)
(圖片來源:JKR)
(圖片來源:JKR)
(圖片來源:JKR)

全新品牌識別將延伸至包裝、App、社群與餐廳空間等不同方面使用,並透過炸雞桶、條紋、插畫、攝影與動態設計的整合,凸顯升級後的肯德基嶄新活潑個性,以及多年來力踐的「吮指美味 Finger Lickin’ Good」品牌精神。

(圖片來源:JKR)
(圖片來源:JKR)

除了品牌視覺更新外,肯德基也將推出全新雞柳與9款新醬料菜單,以及在全球市場陸續打造全新用餐空間,根據官方表示,餐廳環境將更具動態感,並能隨著一天中不同時段的需求而調整,回應不同用餐體驗。

資料來源|JKRStudio DRAMA

延伸閱讀

RECOMMEND

2026臺灣文博會主視覺亮相!將AI指令類比為當代「魔法咒語」,定格創作者靈感觸發的瞬間
2026臺灣文博會主視覺!究方社、外也企画將AI指令比喻為「魔法咒語」

2026臺灣文博會即將於8月盛夏登場!由「究方社」聯手「外也企画」操刀的主視覺率先亮相,其扣合文化策展主題「第零位元 Bit Zero」,將AI指令類比為當代的「魔法咒語」,藉3大意象:蘋果、鑰匙、人像,定格虛擬指令生成圖像或文本的觸發瞬間,呼應創作者靈感迸發的「起念」原點。

2026臺灣文博會主視覺!究方社、外也企画將AI指令比喻為「魔法咒語」
(圖片提供:文化部)

2026臺灣文博會8月登場,空總古蹟做展場

延續往年形式,2026臺灣文博會(以下稱文博)分為兩大部分:「文化策展」81日至31日於空總臺灣當代文化實驗場展出;「商展」自86日至12日在臺北南港展覽館1館開展。本屆文博最特別的是,作為文化策展場地的空總,其古蹟大樓將修復完工並投入使用,文化部將在此進行一系列的藝術縫合及活動,宣告嶄新「空總國家文化基地」正逐步孵化成形。

2026臺灣文博會主視覺!究方社、外也企画將AI指令比喻為「魔法咒語」
(圖片來源:空總臺灣當代文化實驗場)
2026臺灣文博會主視覺!究方社、外也企画將AI指令比喻為「魔法咒語」
(圖片來源:空總臺灣當代文化實驗場)

文化策展主題「第零位元」反思AI時代下的創作起念

今年文博以「第零位元 Bit Zero」為文化策展主題,其背後有何奧義?科技飛速發展的時代下,人類文明加速沒入數位洪流,AI能夠在微秒間轉譯人類給予的指令,產出華麗圖像和文本。值此世界似乎越來越靠近科技奇點之際,2026文博試圖探索一個不存在於電腦邏輯中的幽靈座標,這個座標指向的是創作者撥動開關前、大腦皮質瞬間閃過的第一個「念頭」,其亦如同啟動萬物的原始咒語。

2026臺灣文博會主視覺!究方社、外也企画將AI指令比喻為「魔法咒語」
(圖片提供:文化部)

循「第零位元」概念,本屆文化策展將更彰顯藝文創作者「起念瞬間」的力量,整體策劃更將回歸文化原創的原點,重回01誕生前,那最原始的「起念」與「觸發」,讓文化在冰冷的位元世界、AI世代,持續散發出溫熱、鮮活且充滿人性的光芒。

2026臺灣文博會主視覺!究方社、外也企画將AI指令比喻為「魔法咒語」
(圖片提供:文化部)

這也巧妙回應展覽選址——文博作為臺灣文創內容展示、產業交流與市場媒合最重要的平台,此次回到空總,在乘載百年歷史的古蹟建築中,邀來訪者共同感受無法被數位備份的真實感官。

主視覺將AI指令比作「當代魔法咒語」

主視覺由「究方社」統籌,聯手「外也企画」共創。畫面由策展主題「第零位元」出發,並以「咒語造物」為概念,將AI指令(Prompt)類比為當代的「魔法咒語」,以「型隨咒語」為核心,呈現文字逐漸轉化為具體的形體。文字在此不再只是訊息,而是「形構物件的起點」,記錄從虛擬指令到物質生成的轉譯瞬間。

2026臺灣文博會主視覺!究方社、外也企画將AI指令比喻為「魔法咒語」
(圖片提供:文化部)

主視覺透過3個核心物件:「蘋果」、「鑰匙」、「人像」,對應「文化策展」、「文創品牌」、「IP授權」3大產業維度。亞當的蘋果如同靈感的果實,也是文化敘事的有機載體;鑰匙象徵開啟商機的工具,目標解鎖市場與受眾,創造無限商機;人像勾勒出靈魂與生命力,在虛真界線模糊之際,展現豐沛的生命形態。

2026臺灣文博會主視覺!究方社、外也企画將AI指令比喻為「魔法咒語」
(圖片提供:文化部)

色彩則取自建構出數位科技的底層系統美學,分別是:模擬數位介面的「灰白」底色、呼應電腦當機的「藍」、影視合成去背的「綠」幕。

2026臺灣文博會主視覺!究方社、外也企画將AI指令比喻為「魔法咒語」
(圖片提供:文化部)

2026文博看什麼?

文化部搶先透露2026文博展會內容:文化策展將包含戶外地景、主題館、地方特選館,及工藝中心的工藝選品店,展期為期1個月,讓民眾有充裕時間感受不同層次的展覽策劃;品牌商展則包括IP授權、文創品牌,及集結台灣原創IP的「黑潮星樂園」、文策院最新成果IP「轉生漫畫屋」。想知道更多2026文博資訊,請鎖定La Vie的後續報導。

2026臺灣文博會主視覺!究方社、外也企画將AI指令比喻為「魔法咒語」
(圖片提供:文化部)
2026臺灣文博會主視覺!究方社、外也企画將AI指令比喻為「魔法咒語」
(圖片提供:文化部)
2026臺灣文博會主視覺!究方社、外也企画將AI指令比喻為「魔法咒語」
(圖片提供:文化部)

延伸閱讀

RECOMMEND