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

NewJeans、TWICE、SEVENTEEN韓團MV調光幕後!專訪韓國調光公司Lucid Colour,解析工作方法與美感日常養成

NewJeans、TWICE、SEVENTEEN韓團MV調光幕後!專訪韓國調光公司Lucid Colour,解析工作方法與美感日常養成

點進Lucid Colour官網,作品一字排開是NewJeans、TWICE、SEVENTEEN、G-DRAGON、aespa等歌手的MV,以及SAMSUNG、LG、Hyundai等品牌廣告,很難不注意到這間調光公司的光芒。我們專訪到Lucid Colour調光師廉智允,以韓團MV為案例親解工作方法,也分享身為調光師的美感養成!

Lucid Colour團隊由4位調光師帶領著15名組員,並有2位製片和經理管理時程和營運,可謂足具規模。調光師廉智允分享,自己在大學時修習攝影和電影,而攝影通常得負責執導、燈光、後期製作等所有工作,其中她最感興趣的是「修圖」,想著「與其把這項技術應用在單張照片,不如嘗試用在由無數畫格組成的影片,應該會很有趣。」這樣的好奇,引領著她走向調光領域。

IU為雅詩蘭黛演繹的廣告,由Lucid Colour負責挑光。(圖片提供:Lucid Colour)
IU為雅詩蘭黛演繹的廣告,由Lucid Colour負責挑光。(圖片提供:Lucid Colour)

從關鍵鏡頭決定主要色調

廉智允分享調光師的工作流程,他們會收到定剪版本,以確保作業的時間線和定剪保持一致。「我們會根據空間中的關鍵鏡頭決定主要色調方向,每個空間確定色調後,再依據這些色調對整部影片做調光。」和客戶開會時,她會根據導演的參考資料、歌曲的情緒、影片的整體內容,以及自己想透過顏色表達的訊息,提出多種色調選擇。「如果客戶希望審查每一幀畫格、每一個鏡頭,會議可能會長達8小時,但有時30分鐘內就能達成共識。」廉智允進一步說明,調光師通常不參與前期製作,但有時會需要介入特效或拍攝的意外狀況,「例如一件應該是粉紅色的衣服,最終拍出來變成橘色,我們可能會被詢問是否可以修正。」

CASETiFY和NCT DREAM合作的手機廣告,廉智允認為在廣告調光上,重點在清楚地傳遞商品訊息。(圖片提供:Lucid Colour)
CASETiFY和NCT DREAM合作的手機廣告,廉智允認為在廣告調光上,重點在清楚地傳遞商品訊息。(圖片提供:Lucid Colour)

NewJeans〈HOW SWEET〉MV:先理解鏡位意圖

NewJeans於台灣拍攝的〈HOW SWEETMV,就是由廉智允負責調光。她說,在調光之前得先理解導演的意圖,MV裡的各種鏡位代表「外部視線」,象徵「世界上的一切都在注視著NewJeans!」她坦言,最初和導演討論時,背景與人物之間的「異質感」調性,很好地傳達演出重點,但當影片逐步推進,「最終調性比最初設想稍微弱了些,讓我有點遺憾。」

NewJeans〈HOW SWEET〉MV,廉智允認為MV調光要以「讓藝人看起來更有魅力」為優先,且要了解該藝人的特質和世界觀,並加以呈現。(圖片提供:Lucid Colour)
NewJeans〈HOW SWEET〉MV,廉智允認為MV調光要以「讓藝人看起來更有魅力」為優先,且要了解該藝人的特質和世界觀,並加以呈現。(圖片提供:Lucid Colour)
NewJeans〈HOW SWEET〉MV。(圖片提供:Lucid Colour)
NewJeans〈HOW SWEET〉MV。(圖片提供:Lucid Colour)

TWICE〈Strategy〉MV:最大限度展現成員的美

TWICE最新專輯主打歌〈StrategyMV調光也出自她手,廉智允說,MV概念著重每位成員的「視覺」和「美」,「得知導演的概念後,了解到TWICE雖然出道已久,但從未拍攝過此種概念的MV。因此我使用清晰的色彩,最大程度地展現成員們的美。」

TWICE〈Strategy〉MV。(圖片提供:Lucid Colour)
TWICE〈Strategy〉MV。(圖片提供:Lucid Colour)
TWICE〈Strategy〉MV。(圖片提供:Lucid Colour)
TWICE〈Strategy〉MV。(圖片提供:Lucid Colour)

SEVENTEEN〈消費期限〉、〈MAESTRO〉MV:多元調性以免局限導演風格

SEVENTEEN的〈消費期限〉、〈MAESTRO〉等多支MV均由同位導演執導,也皆由Lucid Colour調光。對此廉智允表示,多次和同位導演合作會讓過程更順暢,但「我會努力展現新的調性和多樣性,以避免導演的作品風格被局限於單一氛圍。」

SEVENTEEN〈MAESTRO〉MV。(圖片提供:Lucid Colour)
SEVENTEEN〈MAESTRO〉MV。(圖片提供:Lucid Colour)
SEVENTEEN〈Cheers to youth〉MV。(圖片提供:Lucid Colour)
SEVENTEEN〈Cheers to youth〉MV。(圖片提供:Lucid Colour)

調光美感養成:分析生活中的空間並記住細節

調光固然得兼具技術與藝術,若得擇其一,廉智允認為藝術更為重要,因技術可以透過方法學習,藝術更仰賴繪畫、攝影、電影等不同媒材的接觸,以及旅行、戀愛、品嚐美食、購物等個人經驗的汲取。因此她會有意識地分析生活中的空間,「我會努力記住細節,再將這些細節與拍攝氛圍結合,應用到工作中。」

 Lucid Colour調光工作側拍。(圖片提供:Lucid Colour)
Lucid Colour調光工作側拍。(圖片提供:Lucid Colour)

廉智允認為,調光是「將無形的概念或想法,以視覺方式具體化」的工作,有時導演想像中的夕陽是粉紫色,而她作為調光師所想的卻是黃色和紅色,這時如何透過溝通達到每個人都滿意的結果,就至關重要。她希望未來能嘗試一種工作方法,讓每個人針對同一個場景調光,並討論色調差異,「這會很有趣,且可以發現我未曾想到的細節。」

Red Velvet〈Feel My Rhythm〉MV。(圖片提供:Lucid Colour)
Red Velvet〈Feel My Rhythm〉MV。(圖片提供:Lucid Colour)
ITZY〈CHESHIRE〉MV。(圖片提供:Lucid Colour)
ITZY〈CHESHIRE〉MV。(圖片提供:Lucid Colour)

至於光是什麼的大哉問,廉智允首先提及光在調光工作的關鍵角色,不同種類的光與色溫,會直接改變影像色彩;想營造特定氛圍、強調某些訊息,也都源自對光的理解與掌握。「如果以料理來比喻的話,作為『色彩廚師』,光對我來說就像是『鹽』。」她說,鹽運用得好或壞,會直接影響食物味道,而光之於影像作品,就是這樣的關鍵元素。

Lucid Colour調光師廉智允。(圖片提供:Lucid Colour)
Lucid Colour調光師廉智允。(圖片提供:Lucid Colour)

廉智允

Lucid Colour調光師。Lucid Colour為專精於調光的韓國後期製作公司,命名源自「lucid dream」(清醒夢),期望提升影像的精緻和精準度,模糊現實與想像的界限。廣告產業常常受到現實主義的引領,但Lucid Colour的調光師們皆是理想主義者,追求商業領域的純粹藝術表現。創作領域包括廣告、MV、串流平台影視等等。IG:lucidcolour.official

文|張以潔 圖片提供|Lucid Colour

更多精彩內容請見 La Vie 2025/2月號《跟著光,尋找創作靈感》

延伸閱讀

RECOMMEND

2025金馬影展主視覺公開!插畫家徐世賢結合塔羅牌元素,描繪「奇幻馬」的探索旅程

2025金馬影展主視覺公開!插畫家徐世賢結合塔羅牌元素描繪「金馬的魔幻旅程」

2025金馬奇幻影展將於411日登場,本屆主視覺由新生代插畫家徐世賢(Nic Hsu)操刀,他以塔羅牌神秘元素創造六種造型獨特的「奇幻馬」,繪出一趟「金馬的魔幻旅程」。

2025金馬奇幻影展主視覺!插畫家徐世賢結合塔羅牌元素描繪「金馬的魔幻旅程」
2025金馬奇幻影展主視覺。(圖片提供:金馬奇幻影展)

如童話富想像力,又不失生活感的手繪風格

畢業於英國皇家藝術學院的徐世賢,曾獲指標性的英國世界插畫獎(WIA)圖書類新銳首獎,其手繪風格富童話般的細膩與想像力、同時不失生活感,近年在國家兩廳院表演藝術圖書館、公視、嘉義市立美術館、南國生活節等國內藝文場館、平台的大小活動上,皆能看見他的作品,他也陸續參與多檔國際藝術展覽,在當代插畫領域嶄露頭角。

結合塔羅牌元素勾勒「奇幻馬」的探索旅程

首度操刀奇幻影展主視覺,徐世賢結合太陽、火焰、聖杯等塔羅牌的經典視覺元素,打造六種造型獨特的「奇幻馬」。畫面中,馬兒起初獨自負重前行,路上先後遇見了魔術師與戀人,旅途中難免被憤怒情緒左右,卻也成功在自我療癒後尋回方向,奔向藍天與太陽所在的嶄新世界。神祕基調中又充滿希望的細膩圖像,不僅帶領觀眾身歷其境,更為即將展開的奇幻影展,留下無限遐想。

2025金馬奇幻影展主視覺!插畫家徐世賢結合塔羅牌元素描繪「金馬的魔幻旅程」
2025金馬奇幻影展主視覺。(圖片提供:金馬奇幻影展)

透過這幅主視覺,徐世賢想對觀眾表達:「畫中姿態各異的馬,就像身處不同人生情境的人們,我們都是自己生命奇幻旅程的主角。變革不斷的新世界中,無論身在何處,只要向前,終能走向太陽高掛的藍天。」

2025金馬奇幻影展主視覺!插畫家徐世賢結合塔羅牌元素描繪「金馬的魔幻旅程」
插畫家徐世賢。(圖片提供:金馬奇幻影展)

2025年金馬奇幻影展將於411日至20日展開,選片指南將在328日舉辦,並於330日正式開賣,若有興趣不妨鎖定官方消息

延伸閱讀

RECOMMEND