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

紐約「華盛頓廣場公園保護協會」全新品牌識別!Pentagram以地標廣場拱門為靈感,打造公園生動視覺設計
紐約「華盛頓廣場公園保護協會」全新品牌識別!Pentagram以地標廣場拱門為靈感,打造公園生動視覺設計

位於紐約曼哈頓格林威治村中心的華盛頓廣場公園(Washington Square Park),近日有了品牌識別系統。在倫敦設計工作室Pentagram操刀下,公園裡的白色大理石拱門地標成了全新視覺標誌,加上一系列生動插圖, 展現公園裡無所不在的活力!

作為紐約最廣為人知的公共空間之一,面積達9.75英畝、每年迎來1200萬訪客的華盛頓廣場公園,其入口處顯眼的華盛頓廣場拱門(Washington Arch) 與噴泉,以及公園裡下棋的民眾、街頭表演者、躺在草地上的學生,甚至是遊行抗議者,早已是紐約人再熟悉不過的日常光景。

(圖片來源:華盛頓廣場公園保護協會)
(圖片來源:華盛頓廣場公園保護協會)

為什麼突然有了公園品牌識別?

然而,要維護公園環境並不容易,特別是紐約市公園局僅獲得城市預算0.6%,卻需管理五大行政區共3萬英畝公園土地的現實下,非營利組織華盛頓廣場公園保護協會(Washington Square Park Conservancy)則協助彌補公共資源與日常維護之間的落差。

(圖片來源:華盛頓廣場公園保護協會)
(圖片來源:華盛頓廣場公園保護協會)
(圖片來源:華盛頓廣場公園保護協會)
(圖片來源:華盛頓廣場公園保護協會)

多年來,華盛頓廣場公園保護協會在公園管理與維護扮演重要支持角色,不僅資助專職公園人員職位、定期舉辦活動外,也持續投入噴泉修繕、垃圾桶更換、新長椅設置等基礎設施改善。

2025年時,協會正式與紐約市公園局簽署授權協議,成為華盛頓廣場公園的官方非營利合作夥伴,與中央公園保護協會、展望公園聯盟等組織並列,而隨著使命升級,也促使協會決定更新品牌識別與官方網站,成為其公共角色進一步被看見的重要里程碑。

(圖片來源:華盛頓廣場公園保護協會)
(圖片來源:華盛頓廣場公園保護協會)
(圖片來源:華盛頓廣場公園保護協會)
(圖片來源:華盛頓廣場公園保護協會)

以拱門地標為核心,充滿活潑生動氣息的全新公園識別設計

全新品牌識別邀來倫敦設計工作室Pentagram操刀,團隊以華盛頓廣場公園標誌性的拱門為核心,並透過一系列活潑的插畫賦予其生命力,捕捉人們以各種方式使用、停留與生活於這座公園中的樣貌。

(圖片來源:華盛頓廣場公園保護協會)
(圖片來源:華盛頓廣場公園保護協會)

相較於傳統公園識別常見的制式指標符號,Pentagram藉由大膽亮麗的配色與生動的圖像語言,從公園真實的日常使用情境出發,描繪下棋對弈、遛狗散步、街頭表演、噴泉廣場,以及能曬日光浴的陽光草皮等生動的公園片刻,傳遞出華盛頓廣場公園多元、開放且包容的氛圍。

(圖片來源:華盛頓廣場公園保護協會)
(圖片來源:華盛頓廣場公園保護協會)
(圖片來源:華盛頓廣場公園保護協會)
(圖片來源:華盛頓廣場公園保護協會)

全新識別逐步應用於公園周邊與園區內部,未來也將導入新的園區標示系統,協助初次到訪的遊客與長年使用公園的在地居民,可以更直覺地找到活動資訊、設施位置與公共服務。

(圖片來源:華盛頓廣場公園保護協會)
(圖片來源:華盛頓廣場公園保護協會)

宛如進入公園的官網設計

除了實體品牌識別外,華盛頓廣場公園保護協會全新網站則由布魯克林設計工作室WeShouldDoItAll 設計,並以「如果進入網站,就像走進華盛頓廣場公園,會是什麼樣子?」為概念。

在全新官網中,使用者可以即時查看公園天氣與鳥類目擊資訊,也能瀏覽免費公共活動行事曆、互動式公園地圖,以及全新的Community社群頁面,將公園體驗延伸置數位世界中。

資料來源|PentagramWashington Square Park Conservancy

延伸閱讀

RECOMMEND

NBA穿越回日本戰國時代!官方授權創意品牌「NJBA忍者籃球戰隊」帶尼克、湖人等6支球隊重返16世紀
NBA遇上日本戰國時代!官方授權創意品牌「NJBA忍者戰隊」帶6大球隊重回16世紀

美國NBA與日本戰國時代,乍聽毫不相干的兩個概念,實則都是「群雄割據」的故事。戰場上,球員和武士為爭第一鬥智也鬥勇。 如今,兩者在「NINJA BASKETBALL ARMY(忍者籃球戰隊)」碰上了!這個由NBA官方授權的原創品牌,以「籃球存在於日本戰國時代」為核心概念,建構極其完整又有趣的世界觀——從敘事到視覺設計,串聯今日美國與古代日本,帶尼克、湖人、公牛等6大球隊重返16世紀。

NBA遇上日本戰國時代!官方授權創意品牌「NJBA忍者戰隊」帶6大球隊重回16世紀
(圖片來源:NINJA BASKETBALL ARMY)

是誰腦洞大開將NBA與古代日本結合?

NINJA BASKETBALL ARMY(以下稱NJBA)由日本創意單位「NINJA BASKETBALL ANONYMOUS」負責創意統籌與製作,團隊成員長期活躍於日本、美國兩地,並深耕籃球文化領域。本計劃由満永隆哉(Mitsunaga Takaya)任創意總監,他曾於日本知名廣告代理商「博報堂」歷練多年,同時斜槓花式籃球表演者、導演等身份,更曾與團隊一同登上NBA賽事帶來開幕演出。

NBA遇上日本戰國時代!官方授權創意品牌「NJBA忍者戰隊」帶6大球隊重回16世紀
(圖片來源:NINJA BASKETBALL ARMY)

論創意工作經歷、與籃球文化的淵源等,満永隆哉皆是領軍NJBA的不二之選。由他率領的團隊陣容華麗,集結世界級藝術家、設計師、攝影師等創意工作者,一同構築NJBA橫跨運動、設計與歷史文化的創作宇宙。

NBA遇上日本戰國時代!官方授權創意品牌「NJBA忍者戰隊」帶6大球隊重回16世紀
(圖片來源:NINJA BASKETBALL ARMY)

忍者、武士角色融入NJBA宇宙

以「籃球存在於日本戰國時代」為設定,NJBA的世界觀設定在虛構的16世紀島國,那裡融合了日本與美國兩地的文化、歷史和地景,戰火因領土紛爭而連綿不斷,無數生命因此消逝。在此亂世,各地大名齊聚一堂,決定放下武力,用和平方式實現天下統一。

武士和忍者們為不再揮舞刀劍或擲手裏劍,而是以籃球一決勝負(靈感來自平安時代起就盛行於日本的手鞠球)。隨著忍者將自身獨有的身段和忍術融入比賽,一種獨樹一幟的籃球文化也在這座島國逐漸落地生根、蓬勃發展。

日本6城、伊賀「忍者字體」共構世界觀

雖整體世界觀為虛構,NJBA仍有許多呼應現實之處,比如目前公佈的6支球隊:洛杉磯湖人、金州勇士、奧克拉荷馬雷霆、紐約尼克、波士頓賽爾提克、芝加哥公牛,每支都有根據球隊主場城市的特質,所對應的日本城市,且都擁有由當代回溯至歷史的獨特故事,以及專屬「家紋(Kamon)」作為隊徽,這是傳統上日本武家用作識別的徽章。

NBA遇上日本戰國時代!官方授權創意品牌「NJBA忍者戰隊」帶6大球隊重回16世紀
(圖片來源:NINJA BASKETBALL ARMY)

此外,NJBA也與致力推廣「伊賀流忍者」文化的「上野商工会議所」合作,採用「忍者體(Ninja Letter)」作為品牌專屬字體,其靈感源自相傳曾於古代日本使用的「神代文字(Jindai Moji)」。長年以來,學者對神代文字的存在與否,及歷史上忍者是否曾使用它爭論不斷,儘管如此,創作團隊善用這樣的「想像空間」,在NJBA中讓忍者們透過此神秘文字交流,並將其運用於書信、公文與繩結之中。

NBA遇上日本戰國時代!官方授權創意品牌「NJBA忍者戰隊」帶6大球隊重回16世紀
(圖片來源:NINJA BASKETBALL ARMY)

尼克到東京、公牛在大阪⋯⋯NJBA「6大戰隊」主場故事一次看

▌湖人:洛杉磯/鎌倉

與富士山隔著相模灣相望,NJBA湖人隊所在的沿岸城市瀰漫著海風的鹹味,當地的生活文化與海洋共融,氛圍自由奔放。回溯歷史,這裡曾是鎌倉古都的所在地——日本第一個武士政權的誕生之地;直到今日,不屈的武士精神仍深植於這片土地。

NBA遇上日本戰國時代!官方授權創意品牌「NJBA忍者戰隊」帶6大球隊重回16世紀
(圖片來源:NINJA BASKETBALL ARMY)

隊徽融合了浮世繪名家葛飾北齋在此地所描繪的富士山輪廓,象徵面對驚濤駭浪亦不屈服的堅強意志,藉此向昔日統治此地的武家致敬。

尼克:紐約/東京

NBANJBA,從美國到日本,尼克隊從紐約移轉至東京——這兩座城市有何相呼應之處?自江戶時代以來,隅田川沿岸土地就是庶民娛樂和在地文化的根據地,歷史悠久的寺院、日本國技相撲的聖地齊聚於此,交織出獨特的城市景觀。這正如曼哈頓之於紐約,東京東區也是無數故事被創造、累積,並形塑為城市記憶的核心,傳統與新潮共冶一爐,充滿生命力。

NBA遇上日本戰國時代!官方授權創意品牌「NJBA忍者戰隊」帶6大球隊重回16世紀
(圖片來源:NINJA BASKETBALL ARMY)

隊徽以「竹雀紋」為精神象徵,這是古代江戶強大武家——扇谷上杉氏——曾使用的家紋,藉此呼應東京始終孕育著偉大的人物與故事,展現其充滿活力的城市精神。

塞爾提克:波士頓/京都

現實世界中,美國波士頓與日本京都締結為姊妹市;在NJBA世界裡,兩者作為塞爾提克的主場城市共融。這兩座城市皆擁有頂尖的教育資源,保存了歷史街景和文化景觀,都享有「知識古都」美譽;且兩地歷史都與「茶文化」有著深厚淵源,是一耐人尋味的巧合。

NBA遇上日本戰國時代!官方授權創意品牌「NJBA忍者戰隊」帶6大球隊重回16世紀
(圖片來源:NINJA BASKETBALL ARMY)

隊徽由2種圖紋結合而成:外框是「六角龜甲紋」,寓意長壽、繁榮與安定;中央則為平安時代京都貴族——平氏一族——所使用的「揚羽蝶紋」,揚羽蝶由毛毛蟲蛻變為蝴蝶,自古便被視為重生、靈魂成長與飛黃騰達的吉祥象徵。

勇士:金州(舊金山)/神戶

勇士根據地——舊金山,自1957年起就與神戶締結為姊妹市,建立起被譽為「鏡像城市」的深厚連結。神戶所在的都道府縣——兵庫,坐擁國際港口和壯闊山景,是日本指標性港灣城區,舊金山之於美國也是如此。兵庫明石海峽大橋隔著大洋與舊金山金門大橋相映,體現兩地皆是因海洋而發展出國際視野、敢於接納前衛文化的開放港都。

NBA遇上日本戰國時代!官方授權創意品牌「NJBA忍者戰隊」帶6大球隊重回16世紀
(圖片來源:NINJA BASKETBALL ARMY)

隊徽以「海港」與「大橋」為主視覺,融入象徵德川幕府的「三葉葵紋」,以及攝津國(古代疆域含今兵庫東部)有馬氏的「有馬巴」家紋,藉兩者象徵這片土地悠久的榮耀。

雷霆:奧克拉荷馬/福岡

NJBA雷霆隊以福岡為據點,這座城市面向波濤洶湧的日本海,坐擁遼闊的肥沃平原,南方有相傳供奉雷神的雷山守護。正如雷字蘊藏的豐沛能量,福岡的城市性格也充滿爆發性和生命力,孕育著無數新世代人才,生猛活力勢不可擋。

NBA遇上日本戰國時代!官方授權創意品牌「NJBA忍者戰隊」帶6大球隊重回16世紀
(圖片來源:NINJA BASKETBALL ARMY)

隊徽以象徵雷電的的「組角紋」為主體,融合彼此交錯的方形和雷雲翻湧的天空圖樣,其象徵團結凝聚之力,以及如閃電般強大而迅捷的爆發力,呼應福岡的城市精神。

公牛:芝加哥/大阪

1990年代,由麥可·喬丹(Michael Jordan)率領的芝加哥公牛,曾締造8年內兩度3連霸的傳奇王朝。與其相輝映,古代大阪也曾是日本首次完成天下統一的根據地,當時豐臣秀吉從一名平凡士兵一路崛起,最終完成統一大業,這段偉大歷史所乘載的精神,至今仍流淌於大阪城的街道之間。

NBA遇上日本戰國時代!官方授權創意品牌「NJBA忍者戰隊」帶6大球隊重回16世紀
(圖片來源:NINJA BASKETBALL ARMY)

NJBA公牛隊徽結合大阪城雄偉的輪廓,以及象徵幕府將軍至高權力的「五三桐紋」、寓意商業繁榮的「抱稻紋」、代表武家權勢的「抱杏葉紋」、帶吉祥意涵的「梅花」圖騰等,這些元素共組為締造傳奇者至高權威的象徵,以及對一座城市長久繁榮的致敬之意。