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

大韓航空睽違40年品牌重塑!Logo以「絲帶」重新詮釋太極旗,書法線條融入英、韓字體

大韓航空睽違40年品牌重塑!Logo呈現「絲帶太極」意象,韓國傳統農樂、書法融入設計

自1984年以來,大韓航空(Korean Air)首度迎來品牌重塑!2024年底,大韓航空與韓亞航空(Asiana Airlines)合併案正式敲定,這場歷時4年的收購案,讓大韓航空機隊規模大幅擴張,躋身全球航空公司前十位。

大韓航空睽違40年的品牌重塑計畫,由品牌創意顧問Lippincott操刀,精簡原先以紅、白、藍為主的色彩計畫,更加凸顯藍色之於品牌的象徵意義;也從韓國傳統表演藝術「桑帽舞(상모놀이)」及書法線條汲取靈感,設計全新品牌Logo及專用字體。

大韓航空睽違40年品牌重塑!Logo呈現「絲帶太極」意象,韓國傳統農樂、書法融入設計
(圖片來源:Korean Air)
大韓航空睽違40年品牌重塑!Logo呈現「絲帶太極」意象,韓國傳統農樂、書法融入設計
(圖片來源:Korean Air)

沿用40年、深烙乘客心中的大韓航空形象

大韓航空舊版品牌識別具有鮮明的八〇年代風格,Logo是紅、白、藍三色組成的太極圖樣,靈感來自大韓民國國旗;英文品牌標準字「Korean Air」輪廓略粗、搭配復古的裝飾線條;主要色彩則是鮮豔的藍、紅色調。而航空公司令人印象最深刻的視覺媒介——飛機塗裝,大韓航空數十年來都保持明亮的天藍色。

大韓航空睽違40年品牌重塑!Logo呈現「絲帶太極」意象,韓國傳統農樂、書法融入設計
(圖片來源:Korean Air)

Logo|以傳統農樂為靈感的「絲帶太極」

品牌重塑的第一步,LippincottLogo下手,測試了數百個以太極標誌為發想的新版本,最終選擇了線條流動、以藍色無縫筆觸繪成,如絲帶舞動成太極的新標誌,其設計靈感來自韓國傳統農樂「桑帽舞(상모놀이,Sangmo Nori)」。

大韓航空睽違40年品牌重塑!Logo呈現「絲帶太極」意象,韓國傳統農樂、書法融入設計
(圖片來源:Korean Air/製圖:La Vie)

桑帽舞起源於朝鮮時代的農村活動,是一門結合音樂、舞蹈、雜技的傳統表演藝術,表演者頭戴繫上長絲帶的帽子「상모(Sangmo)」,邊隨著音樂舞動,邊透過頭部擺動讓絲帶轉動、飛舞,甚至做出圓圈、螺旋等複雜圖案。「桑帽舞代表富足、繁榮和喜悅, 因其優雅而聞名於世,在韓國也很受歡迎。」Lippincott說道,因此選擇其中具象徵意義的絲帶,為大韓航空設計全新Logo,同時援引傳統書法線條,為絲帶太極圖融入錐形邊角,呈現更為俐落、優雅的視覺。

專屬字體|融入書法線條、兼具雙語可讀性的無襯線字

由字體工作室Dalton MaagSandoll為大韓航空訂製的新版字體,一改舊版粗體、裝飾性較重的樣貌,以富現代感的無襯線字體呈現,細節處則比照Logo,融入了傳統書法的筆觸。這款字體兼顧了英語、韓文的最佳可讀性,今後不僅將作為大韓航空品牌標準字,成為飛機塗裝上最醒目的識別,也將是所有品牌相關文案的基礎。

大韓航空睽違40年品牌重塑!Logo呈現「絲帶太極」意象,韓國傳統農樂、書法融入設計
(圖片來源:Lippincott)
大韓航空睽違40年品牌重塑!Logo呈現「絲帶太極」意象,韓國傳統農樂、書法融入設計
(圖片來源:Lippincott)

色彩計畫|著重藍色系,傳達更強而有力的品牌訊息

色彩計畫也迎來新貌,Lippincott去除舊版原有的紅色,將色調簡化為藍色系,為大韓航空塑造更高級、奢華的氣質。Lippincott認為透過強調單一色系,能讓品牌形象更有自信,對外傳遞的訊息也更簡潔且強而有力,團隊以愛馬仕橘、Tiffany Blue等為例,說明這是高端品牌的共通特質。

大韓航空睽違40年品牌重塑!Logo呈現「絲帶太極」意象,韓國傳統農樂、書法融入設計
(圖片來源:Korean Air)

延續此概念,飛機塗裝維持大韓航空一貫的藍,既承襲品牌傳統,也符合新形象的色彩配置,此外,Lippincott也在前期研究過程中發現,藍色飛機塗裝是大韓航空令大眾印象特別深刻的品牌資產。

大韓航空睽違40年品牌重塑!Logo呈現「絲帶太極」意象,韓國傳統農樂、書法融入設計
(圖片來源:Korean Air)

飛機塗裝的字樣轉變,宣告大韓航空的未來願景

值得一提的是,Lippincott表示大韓航空明確、清晰的未來願景,對品牌重塑的關鍵設計決策很有幫助。大韓航空將韓亞航空收購案稱為「韓國航空業的戰略里程碑」,未來將致力以「總部設在韓國的全球性航空公司」為期許逐步成長,因此新版飛機塗裝拿掉大韓航空的韓文名稱,更直接對焦全球乘客,英文中的「Air」也被刪除、僅留下「Korean」,彰顯大韓航空作為韓國最大航空公司的地位。

未來兩年內,大韓航空將逐步完成內部整合工作,新版品牌識別也將完整佈局,為品牌開啟歷史新頁。

大韓航空睽違40年品牌重塑!Logo呈現「絲帶太極」意象,韓國傳統農樂、書法融入設計
(圖片來源:Korean Air)

資料來源|Korean Air、LippincottFast Company

適當容錯、抽離意識的「隨機」設計哲學!彭冠傑個展《RANDOM 隨機》集實驗新作、POM歷年代表作

彭冠傑設計展《RANDOM 隨機》集結「單位造型」實驗新作、POM歷年代表作

視覺設計師彭冠傑(Jay)睽違6年舉辦全新創作個展《RANDOM 隨機》,展覽以他實踐多年的「隨機」設計哲學為基礎,延伸至近年對「單位造型」的設計實驗。除了全新創作,現場也集結POMProject On Museum)歷年設計代表作,展現彭冠傑於設計實務、藝術創作方面的多重實踐。

彭冠傑設計展《RANDOM 隨機》集結「單位造型」實驗新作、POM歷年代表作
(圖片提供:Project on Museum)
彭冠傑設計展《RANDOM 隨機》集結「單位造型」實驗新作、POM歷年代表作
(圖片提供:Project on Museum)

「隨機」作為創作的策略與起點

在《RANDOM 隨機》創作展中,彭冠傑從「單位造型」出發,透過拆解、鏡射、旋轉、變形與模組化,讓圖像脫離原貌,轉化為全新的符號語彙,不停突破圖像的構成限制,既隨機又有意識地實驗新可能。「隨機」在此不僅是策略,更是結構生成的起點;視覺上的「完形法則」則作為驗算與感知的依據。

彭冠傑設計展《RANDOM 隨機》集結「單位造型」實驗新作、POM歷年代表作
(圖片提供:Project on Museum)
彭冠傑設計展《RANDOM 隨機》集結「單位造型」實驗新作、POM歷年代表作
(圖片提供:Project on Museum)

化身「半自動機器」,在規則與錯誤之間組構造型

在創作流程中,彭冠傑無意識地選取與複製、有意識地進行排列與組合;創造規則,同時容許錯誤的發生,讓自身知覺感受形態與輪廓的生成。他認為,這是一種「意識抽離」的狀態——造型的出現並非來自主觀設定,而是在身體(手部)的動作與大腦即時連動、意識與潛意識共同參與下成型;最終,他再依據個人美感邏輯對造型進行「個體化的視覺運算」,完成圖像的組構與呈現。創作過程中,彭冠傑彷彿化身一部「半自動化的機器」,遊走於隨機與程式化之間,不斷試算圖像的各種可能。

彭冠傑設計展《RANDOM 隨機》集結「單位造型」實驗新作、POM歷年代表作
(圖片提供:Project on Museum)
彭冠傑設計展《RANDOM 隨機》集結「單位造型」實驗新作、POM歷年代表作
(圖片提供:Project on Museum)

隨機的痕跡,真實的美學

展覽除了展示造型生成的過程,還可見大量「隨機的痕跡」,像是軟體運算過程中出現的視覺瑕疵或「破圖」狀態。這些技術性的小缺陷,因運算限制而產生,彭冠傑並未選擇修正,而是讓它們成為作品的一部分,如此一來,圖像既具備冷靜的結構,又因為這些「隨機的痕跡」而更具生命力,體現了不完美卻真實的美學。

彭冠傑設計展《RANDOM 隨機》集結「單位造型」實驗新作、POM歷年代表作
(圖片提供:Project on Museum)

本次展覽的主視覺,正是彭冠傑在「隨機」創作過程中偶然誕生的結果。他分享,這個造型原本是被擱置的半成品,某次回顧時,卻意外發現它輪廓像是隻麒麟神獸,於是著手重新修飾線條、疊加色彩並調整細節,完成作品。

彭冠傑設計展《RANDOM 隨機》集結「單位造型」實驗新作、POM歷年代表作
(圖片提供:Project on Museum)

未來道場轉變為「大型視覺處理器」

RANDOM 隨機》展覽選在「the MEDIAN」舉辦,這裡是彭冠傑與POMProject On Museum)夥伴石岱芸共同創立的前衛身心靈品牌空間。兩人在POM主攻視覺設計,近年代表作包含台中PARK2草悟廣場品牌視覺形象;也在the MEDIAN將瑜伽、頌缽、礦石、銅鑼浴等結合多媒體創作,創造不拘一格的身心靈體驗。

彭冠傑設計展《RANDOM 隨機》集結「單位造型」實驗新作、POM歷年代表作
(圖片提供:Project on Museum)

為配合展覽主題,彭冠傑以「視覺處理器」為概念改造the MEDIAN,讓空間化身為一座大型處理器。展區中央呈現《RANDOM 隨機》創作的起點 ——「單位造型」,象徵處理器的核心機制;側邊展出的POM精選設計作品,則作為造型與邏輯的延伸應用,邀請觀眾從不同角度思考視覺語言的變化。

彭冠傑設計展《RANDOM 隨機》集結「單位造型」實驗新作、POM歷年代表作
(圖片提供:Project on Museum)

POM歷年作品回顧,看「單位造型」的應用演變

回顧展區中的十餘件POM精選作品,都是彭冠傑認為在創作上帶來新挑戰或學習的專案。例如《Tropical Deli Cafe 熱帶》是他首次嘗試以「單位造型」構成模組進行應用;2020年為高雄市立美術館規劃的《歐布澤宇宙》展覽主視覺,更清楚展現了從單位造型、模組構成到整體視覺的運算邏輯。對他而言,每一個專案都像是一次「視覺處理器」的韌體升級,讓圖像運算的邏輯更加成熟、完整。

彭冠傑設計展《RANDOM 隨機》集結「單位造型」實驗新作、POM歷年代表作
(圖片提供:Project on Museum)

彭冠傑首本個人作品集即將發行

今年6至7月間,彭冠傑將推出首本個人作品集《Random 隨機:Visual Processing by Jay Guan-Jie Peng》,書中完整收錄此次展覽的核心創作,並延伸呈現更多未公開的視覺實驗與研究資料,是他多年來視覺探索與設計語言發展的重要紀錄。預購資訊可持續關注彭冠傑IG

彭冠傑設計展《RANDOM 隨機》集結「單位造型」實驗新作、POM歷年代表作
(圖片提供:Project on Museum)
彭冠傑設計展《RANDOM 隨機》集結「單位造型」實驗新作、POM歷年代表作
(圖片提供:Project on Museum)

Random 隨機》Visual Processing by Jay Guan-Jie Peng

展期|2025.05.0305.12

展場 | the MEDIAN(台北市中山區南京東路二段1745樓之1

開放時間|11:0021:00 05.12僅開放至15:00

門票資訊|免費參觀