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

「TASA太空中心字體」開放下載!Local Remote具象化太空冒險精神,帶台灣設計歐文字體首登Google Fonts

台灣製造歐文字體首登Google Fonts!Local Remote設計TASA太空中心專屬字體「Orbitor」與「Explorer」

Goolge Fonts迎來第一款「台灣製造的歐文字體」登陸平台,台灣國家太空中心(TASA)專屬字體「TASA Orbitor」與「TASA Explorer」開放全球使用者下載!這2款字體由創意機構Local Remote操刀,一理性、一感性:Orbitor工整嚴謹,彰顯航太工程的精確與TASA專業權威;Explorer則將冒險精神化為俐落切角、銳利轉折,展現勇敢直進的精神。

台灣製造歐文字體首登Google Fonts!Local Remote設計TASA太空中心專屬字體「Orbitor」與「Explorer」
(圖片提供:Local Remote)

美國有NASA,台灣有TASA國家太空中心

TASA歷史可追溯至1991年的「國家太空計畫室籌備處」,其於2003年納為國家實驗研究院轄下的「國家太空計畫室」,2005年中文名稱改為現名「國家太空中心」,並成功執行福爾摩沙衛星一系列計畫,逐步建立起台灣太空科技自主能量,終在2023年升格為行政法人,轉型為半官方機構,英文名稱也同步從NSPONational Space Organization)改為TASA,持續探索尖端太空科學。

台灣製造歐文字體首登Google Fonts!Local Remote設計TASA太空中心專屬字體「Orbitor」與「Explorer」
(圖片提供:國家太空中心)

TASA識別藏宇宙探索精神、原住民紋飾

TASA2023年升格後,同步迎來嶄新品牌識別,視覺設計由Local Remote操刀,結合太空設備中的幾何元素、象徵台灣文化的原住民紋飾呈現。Logo同時乘載了「內向凝聚」及「向外展開」的視覺意象,前者呼應科研團隊的合作精神,後者代表輻散探索;標誌右下角的菱形,則源自原住民傳統紋飾「天空的眼睛」,並以縱向呈現呼應台灣島嶼輪廓。

台灣製造歐文字體首登Google Fonts!Local Remote設計TASA太空中心專屬字體「Orbitor」與「Explorer」
(圖片提供:國家太空中心)
台灣製造歐文字體首登Google Fonts!Local Remote設計TASA太空中心專屬字體「Orbitor」與「Explorer」
(圖片提供:國家太空中心)

太空中心為何需要專屬字體?

除了全新LogoLocal Remote也為TASA訂製了2款專屬歐文字體。為何擁有專屬字體是一件重要的事?這不僅能凸顯機構(或品牌)的特殊與稀有性,Local Remote創意總監劉書堯也(Brian)特別分享,談及字體與太空產業的連結,不得不提經典字型「Futura」,它參與了人類太空史上最具標誌性的一刻——1969年阿波羅11號首度登陸月球,任務中所使用的登月紀念碑,正是選用以「未來」命名的Futura字型。

台灣製造歐文字體首登Google Fonts!Local Remote設計TASA太空中心專屬字體「Orbitor」與「Explorer」

TASA雙專屬字體登Google Fonts

TASA字體的開發過程中,Local Remote團隊思考,「太空」轉化為文字視覺應是什麼樣貌?是如精密儀器般冷峻,還是一種對未知的浪漫投射?最終孵化出2款性格迥異、卻能相輔相成的字體——TASA Orbitor」與「TASA Explorer」,兩者在太空科學講求的「學術權威」及「探索精神」間取得平衡、展開對話。

台灣製造歐文字體首登Google Fonts!Local Remote設計TASA太空中心專屬字體「Orbitor」與「Explorer」
(圖片提供:Local Remote)

▌TASA Orbitor:航太技術般精準

作為TASA的主視覺語言,Orbitor採用了工整的垂直與水平筆劃,反映出航太工程中不容誤差的「技術精確度」。其略帶方正的字腔(counter)與90度轉折,傳達出一種機械式的穩重感,象徵太空中心作為國家級研究機構的專業權威。

台灣製造歐文字體首登Google Fonts!Local Remote設計TASA太空中心專屬字體「Orbitor」與「Explorer」
(圖片提供:Local Remote)

▌TASA Explorer:勇於探索的冒險精神

相對於Orbitor的理性,Explorer則更具感性色彩。從「探索不止」的核心精神出發,設計上採用了俐落的垂直端點切角與銳利的轉折,展現出勇往直前、具侵略性的探索性格,就像是一則「冒險者的宣言」,試圖在數位地景中開拓新的邊界。

台灣製造歐文字體首登Google Fonts!Local Remote設計TASA太空中心專屬字體「Orbitor」與「Explorer」
(圖片提供:Local Remote)

如今2款字體登上Google Fonts開放給全球數以億計的使用者下載,這是首度有「台灣製造的歐文字體」登陸該平台,將台灣的設計力和太空視野推向國際。

台灣製造歐文字體首登Google Fonts!Local Remote設計TASA太空中心專屬字體「Orbitor」與「Explorer」
(圖片提供:Local Remote)

國際開源,精雕設計再進化

隨著字體邁向國際開源,Local Remote針對TASA Explorer推出了v2進階進化版。在保留原始「探索」基因的同時,投入大量精力優化繪製精確度,透過微幅調降小寫字母高度,並優化字距呼吸感,讓文字在長篇排版時能呈現極其均勻的視覺紋理。這讓Explorer成功從原先高張力的標題展示,進化為一款無論在螢幕閱讀或商業文書中,都能提供卓越易讀性的字型。

台灣製造歐文字體首登Google Fonts!Local Remote設計TASA太空中心專屬字體「Orbitor」與「Explorer」
(圖片提供:Local Remote)

台羅拼音字符也適用!讓台灣語言對話國際

為提升字體的包容性,v2版本特別整合了台灣羅馬拼音(Tâi-lô)與白話字(POJ)的專屬字符,確保台灣的在地語言能透過這套代表未來科技的現代字體,以專業、準確的面貌呈現於國際舞台。

台灣製造歐文字體首登Google Fonts!Local Remote設計TASA太空中心專屬字體「Orbitor」與「Explorer」
(圖片提供:Local Remote)

・「TASA Orbitor」與「TASA Explorer」字體點此下載

延伸閱讀

RECOMMEND

巴西打造全新「亞馬遜地區」品牌!Logo汲取亞馬遜河流地景,結合9大州藝術家創作的視覺設計

巴西打造全新「亞馬遜地區」品牌!Logo汲取亞馬遜河流地景,結合9大州藝術家創作的視覺設計

橫跨巴西9大州、佔據60%國土面積的「法定亞馬遜區」(Brazilian Legal Amazon),近日迎來專屬官方品牌,在品牌策略公司FutureBrand São Paulo領導下,透過不同藝術家與創作者共同參與,打造出充滿活力又生動的全新亞馬遜品牌「Amazônia」!

作為全球最大的熱帶雨林,「地球之肺」亞馬遜雨林(Amazônia)不僅孕育出壯麗景觀,更是數百萬計動植物品種的珍貴家園。其中位於巴西的「法定亞馬遜區」,這片涵蓋全國近6成領土、橫跨9個州(Acre、Amazonas、Amapá、Maranhão、Mato Grosso、Pará、Rondônia、Roraima、Tocantins),擁有2800萬居民和2.5萬公里通航水道的廣袤地景。如今在整合亞馬遜路線(RAI)與巴西旅遊局Embratur推動下,首次擁有了統一的品牌識別標誌。

(圖片來源:Amazônia)
(圖片來源:Amazônia)

橫跨9大州,提取亞馬遜地貌的生動視覺語言

然而為什麼要發展出新的品牌?主要是亞馬遜區長期以來缺乏統一的品牌識別,各州擁有不同的文化、口音與生活方式,使其在整體形象始終呈現碎片化狀態。

為了讓更多人認識這片地球上最大的生態系之一,同時推動涵蓋觀光、飲食、農業、藝術、舞蹈、手工藝、音樂等多元領域,因此決定啟動「亞馬遜雨林」品牌計畫,並進一步強化區域的商業潛力與國際觀光定位。 

(圖片來源:Amazonia)
(圖片來源:Amazônia)

由於亞馬遜雨林幅員遼闊,該用什麼圖案意象作為代表,自然是個大哉問。對此,負責本次品牌識別的 FutureBrand São Paulo 選擇回到自然本身,從亞馬遜的地貌紋理出發,透過衛星影像解析亞馬遜河及其支流的流動路徑,將綿延約2.5萬公里的河道曲線與轉折,轉化為帶有手寫韻律的「Amazônia」品牌Logo。

(圖片來源:Amazonia)
(圖片來源:Amazônia)

從具體的地景提取意象,整體視覺語言如同一個「活的品牌」,也透過色彩與元素的組合變化,讓視覺不受限於單一形式,以回應不同地區與情境,呈現出動植物、生態與文化的多樣面貌。

(圖片來源:Amazonia)
(圖片來源:Amazônia)

9大州藝術家參與延伸創作

有了共同的統一品牌標誌,FutureBrand São Paulo同時亦邀請了來自9大州的藝術家,包括插畫家Cristo、Winy Tapajós、Malu Menezes、Beatriz Belo;攝影師Ori Junior、Bob Menezes、字體設計師Odir Abreu,以及Letras que Flutuam機構,透過插畫、攝影、影像等不同創作方式,進一步延伸出能捕捉各州獨有魅力與精神的視覺。 

(圖片來源:Amazonia)
(圖片來源:Amazônia)

FutureBrand São Paulo合夥人暨首席設計長Arnaldo de Andrade Bastos 表示:「在世界各地,許多最受歡迎且備受嚮往的旅遊目的地,都擁有強而有力且成熟的品牌。亞馬遜一直具備這樣的潛力,但過去從未以一種有組織的方式,將所有相關參與者凝聚起來,共同建構這個品牌。」

(圖片來源:Amazonia)
(圖片來源:Amazônia)

另外,為了進一步支持在地工匠、創業者與中小型企業,FutureBrand São Paulo也設計了「Feito de Amazônia」(亞馬遜製造)標章,能應用在藝術、音樂、飲食與工藝等各類產品,能夠強化來源認證外,也提升在國際上的辨識度。 

(圖片來源:Amazonia)
(圖片來源:Amazônia)

若你對亞馬遜河流字體有興趣,「Amazônia」官方網站也推出「Igaratype」( 河流字體)服務,透過輸入英文字母,並選擇河道彎曲、寬度、湍流程度、色彩等,製作出專屬於你的河流字體。

(圖片來源:Amazonia)
(圖片來源:Amazônia)

資料來源|Amazônia