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

台中「勤美術館」視覺設計解密!3組設計團隊打造品牌識別、公共家具、員工制服成為另類館藏

台中「勤美術館」視覺設計解密!3組設計團隊打造品牌識別、公共家具、員工制服成為另類館藏

位於台中草悟道的「勤美術館」將於12月13日正式開館,繼先前由隈研吾設計的地景式建築成果曝光後,館方也公布了勤美術館的品牌識別、工作人員制服、桌椅等公共家具的設計,讓大家搶先一睹這座「沒有館藏的美術館」的另類館藏。

勤美術館致力貼近大眾生活,以沒有包袱的創意視角展開藝術實驗。其與傳統藝術場館的最大區別,就是「沒有館藏」,也因此勤美術館選擇從品牌識別、公共家具、制服設計等著手,分別邀請到兩個八月、生活起物googoods design、甫月fuyue等三組台灣團隊,以兼具美學與功能的設計,從細節傳遞另類館藏思維,讓勤美術館成為一座「沒有館藏卻處處經典」的美術館。

台中「勤美術館」視覺設計解密!3組設計團隊打造品牌識別、公共家具、員工制服成為另類館藏
勤美術館室內視覺圖。(圖片提供:勤美術館,攝影:楊承)

▸ 品牌識別|大面積留白觸動想像

勤美術館識別由「兩個八月」設計,團隊跨足多元領域與媒介,多年來以人與人之間的高互動性為基礎,藉由策展行動打破場域界線,本次融合勤美術館「打開想像」的理念,希望LOGO能夠傳遞場域精神,並激發觀者的想像。

LOGO取「勤美術館」字體輪廓,在中段穿插高比例留白,創造畫面轉折,以此呼應勤美術館突破框架的精神;筆畫尾端則以文字延伸的幾何圖像變形,象徵勇於實踐想像後的成果。觀者第一眼看到LOGO後會進一步思索、猜測字形與圖像轉化,如同欣賞一件藝術品般,以自身經驗詮釋作品、賦予生命力,獲得直覺性的靈感啟發。

台中「勤美術館」視覺設計解密!3組設計團隊打造品牌識別、公共家具、員工制服成為另類館藏
LOGO取「勤美術館」字體輪廓,在中段穿插高比例留白。(圖片提供:兩個八月)

▸ 公共家具|幽默翻玩達利、孟克名作

主張「剛剛好的設計」、擅以裝置和空間傳遞生活美好的「生活起物googoods design」,則以硬體設計深化勤美術館的創意性格。其負責人莊騏鴻與勤美術館合作多年,大膽提出從「顛覆名作」的詼諧角度出發,轉譯達利、孟克、米勒等大師經典,成為場館內的公共家具。

台中「勤美術館」視覺設計解密!3組設計團隊打造品牌識別、公共家具、員工制服成為另類館藏
團隊轉譯大師名作,成為場館內的公共家具。(圖片提供:生活起物,攝影:陳灩)

經過分析經典性、畫面區別、視覺聯想、肢體變化等研究,生活起物團隊選出一系列歷代名作,並在作品旁留下原始雕塑年份、藏在作品下方的剪影提示牌兩條線索,透過幽默手法引領集體共創。像是美術館入口處的十件互動家具,靈感便源自《擲鐵餅者》、《沉思者》、《自由女神》等名作,以石材製成半成品一般的雕像基座,邀請觀眾或坐或站上去,發揮創意、舒展肢體,打造屬於自己的藝術風景。

台中「勤美術館」視覺設計解密!3組設計團隊打造品牌識別、公共家具、員工制服成為另類館藏
左:互動家具示意圖,右:勤美術館傘架設計。(圖片提供:生活起物,攝影:陳灩)

演講廳裡的桌椅設計,概念則來自達利名畫《記憶的堅持》,畫作上融化的鐘錶、爬行螞蟻、桌子等,都為公共家具豐富的線條變化設立基礎;空間中的下沉階梯和融化座椅造型,也與建築曲面設計相呼應。從坐椅色彩的呼應、電繡線條傳遞指針想像、木桌嵌入電鍍螞蟻造型等,滿滿細節也帶出創意與玩心。展場一角孟克《吶喊》造型變化的垃圾桶、隱喻《拾穗》畫面的傘架、卡特蘭(Maurizio Cattelan)《喜劇演員》被延伸到滅火器放置架上⋯⋯用幽默態度認真翻玩,揮灑豐富想像力。

台中「勤美術館」視覺設計解密!3組設計團隊打造品牌識別、公共家具、員工制服成為另類館藏
勤美術館演講廳桌椅設計。(圖片提供:生活起物,攝影:陳灩)

▸ 工作團隊制服|將空間流動感帶入衣著

服裝設計品牌「甫月fuyue」由王舜民創立,其作品結合長年在國內外不同領域累積的經驗,融入老子道法美學與跨時空藝術,企圖突破衣著的表面形體,構築人與物的對話。王舜民為勤美術館設計的制服,以場館線條為基礎,利用線性元素與縫褶技法,在布料上延伸鮮明的建築肌理質地,讓制服跳脫傳統型式,同時也延續勤美術館的整體視覺系統。

台中「勤美術館」視覺設計解密!3組設計團隊打造品牌識別、公共家具、員工制服成為另類館藏
左:勤美術館制服設計稿(圖片提供:甫月fuyue) ,右:勤美術館制服衣著照。(圖片提供:勤美術館)

質樸的純棉布料,加上簡潔流暢的結構設計、不規則的流動感,讓工作人員自在活動,自然而然地傳遞身份識別;而背心上的工作口袋,修身之餘也加強了實用機能性。

勤美術館將於12月13日開幕,同步迎來首檔跨國展覽合作,更多資訊請見勤美術館FBIG

勤美術館 CMP INSPIRATION

地址|台中市西區館前路79號
電話|(04)2328-5000

延伸閱讀

RECOMMEND

注音符號化身「精靈文」!justfont攜手書法家「做作的Daphne」推出台灣人才懂的密碼字體

注音符號化身「精靈文」!justfont攜手書法家「做作的Daphne」推出台灣人才懂的密碼字體

justfont攜手書法家「做作的Daphne」,於2024年萬聖節推出專為台灣人打造的「精靈文」字體。「精靈文」以你我熟悉的注音符號為基礎,結合歐文書法造型元素,成為只有台灣人看得懂的神秘精靈文,開放免費下載且支援商用,詳細內容於內文介紹。

台灣人的專屬密碼——注音系統

全世界使用漢字的人很多,但只有台灣人以注音系統學習漢字拼讀,自小背誦的注音符號表、電腦手機使用的注音輸入法,都是我們生活中不可或缺的一部分。而對外國人來說,注音像是某種神秘符碼,如同台灣人的專屬內梗,常常在社群場合上出現,有時可以改變語氣、有時還可以當作密碼。

注音符號化身「精靈文」!justfont攜手書法家「做作的Daphne」推出台灣人才懂的密碼字體
自小背誦的注音符號表、電腦手機使用的注音輸入法,都是我們生活中不可或缺的一部分。(圖片提供:justfont)

以此為由,書法家「做作的Daphne」將台灣人熟悉的注音符號作為基礎,融入了神秘的「精靈文」概念,賦予注音文嶄新的視覺風貌,讓台灣人能以自己的方式書寫和表達。

注音符號化身「精靈文」!justfont攜手書法家「做作的Daphne」推出台灣人才懂的密碼字體
書法家「做作的Daphne」結合神秘的「精靈文」概念,賦予注音文嶄新的視覺風貌。(圖片提供:justfont)

融入歐文書法造型,既在地又國際

在設計編排時,偶爾會因為漢字的方整造形,而感覺視覺疲勞;又或者想在台味設計中增添點異國風味,打造又在地又國際的風格時,就是「精靈文」派上用場的時候了!「精靈文」結合歐文書法造形,讓注音符號有了既典雅又陌生的氣質。其魔幻風格不僅適用於萬聖節,流動感造型也易於版面規劃,帶有西方視覺元素的設計更幫助「精靈文」凸顯跨文化對話

注音符號化身「精靈文」!justfont攜手書法家「做作的Daphne」推出台灣人才懂的密碼字體
「精靈文」流動感的造形,增添版面豐富性。(圖片提供:justfont)
注音符號化身「精靈文」!justfont攜手書法家「做作的Daphne」推出台灣人才懂的密碼字體
「精靈文」以歐文風格融合台灣元素。(圖片提供:justfont)

「精靈文」字體由做作的Daphne親手寫下,再經justfont完成字型化,共推出兩種造形風格,各有特色,適合不同的使用場景。

▸ 精靈文.岩

「精靈文.岩」設計靈感來自中世紀的歌德體,稜角分明、結構敦厚穩重,帶有濃厚的古典氣息。其命名取群山之島的印象,適合較為莊重的場合,豪氣與典雅並存。

注音符號化身「精靈文」!justfont攜手書法家「做作的Daphne」推出台灣人才懂的密碼字體
「精靈文.岩」稜角分明、結構敦厚穩重,適合較為莊重的場合。(圖片提供:justfont)

▸ 精靈文.蕨

「精靈文.蕨」曲線柔美,造形靈動,設計融入了卡洛林小寫體和義大利體的元素,呈現出自然的流線感。其命名源於蕨類王國的美名,輕盈且充滿活力的風格,適合用於日常貼文中,提升生活質感。

注音符號化身「精靈文」!justfont攜手書法家「做作的Daphne」推出台灣人才懂的密碼字體
「精靈文.蕨」曲線柔美,造形靈動,輕盈且充滿活力。(圖片提供:justfont)

「精靈文」兼顧視覺美觀,還可以做為台灣人的「通關密語」,也能運用在特殊設計的兒童物件,畢竟幼稚園小朋友也看得懂注音!字體開放免費使用,無須取得額外授權即可商用。下載安裝後,像平常輸入注音文那樣,即可打出精靈文;如欲用於限時動態上,則需使用第三方軟體。

注音符號化身「精靈文」!justfont攜手書法家「做作的Daphne」推出台灣人才懂的密碼字體
「精靈文」是幼稚園孩童也看得懂的字體。(圖片提供:justfont)
注音符號化身「精靈文」!justfont攜手書法家「做作的Daphne」推出台灣人才懂的密碼字體
萬聖節限動怎麼發?「精靈文」幫你打造可愛又神秘的視覺。(圖片提供:justfont)

此外,justfont還推出精靈文字體轉換器,只要輸入漢字,即可自動轉換為精靈文,下載儲存圖片,方便製作有趣的視覺內容。字體轉換器也支援justfont過往的萬聖節與愚人節專案,如麥當勞薯條體、麥當勞雞塊體、就是不錯字(吧)、諧靈附體等。

注音符號化身「精靈文」!justfont攜手書法家「做作的Daphne」推出台灣人才懂的密碼字體
用「精靈文」排出比利時修道院風格的酒標,讓台灣精釀別具風味。(圖片提供:justfont)

「精靈文」於2024年萬聖節正式推出,有興趣的讀者可直接點擊連結下載精靈文.岩精靈文.蕨,更多資訊請見justfont精靈文官網

資料提供|justfont

延伸閱讀

RECOMMEND