揭開指標系統的設計巧思！專訪「角白設計」莊濟寰、「Bohan Graphic」施博瀚

「我想到去日本買衣服的經驗，每次看衣服時都察覺不到店員的存在，但當你要問價格、正要轉頭時，他就會馬上出現在你面前，我想像的指標系統就是這樣，你需要它時，它可以讓你輕鬆辨識，但當你關注在其他事情時，它也不會干擾你。」這是角白設計負責人莊濟寰（Roger）對指標系統設計的期待。

車站2號出口往哪走？你知道洗手間在哪嗎？要回答這些方向性問題，往往得仰賴指標系統，舉凡車站、美術館、百貨公司、飯店，都可見其蹤跡；融入場域的同時，指標也肩負著資訊傳遞的重要任務。參與過許多指標系統設計案的Roger，近期新作為嘉義市立美術館的視覺識別系統（VIS），從logo開始，一步步形塑嘉美館的品牌形象；而其中的指標系統正是相對隱性的存在，「因為美術館真正的主角是展品，所以我希望指標可以退到最後，提供指引功能即可，不要再創造更多物件讓民眾心緒混亂。」為了與該場域相融，指標最後不另作量體，而直接以牆面絹印的方式呈現，icon顏色也使用深灰色，絲毫不搶展品風采。

要達到空氣一般的存在，其實並不容易，背後所付諸的時間心力不容小覷。操刀新竹火車站指標系統優化設計的Bohan Graphic負責人施博瀚表示，由於指標系統存放於真實場域，不像一般logo設計能在紙面上與客戶討論就好，場勘極其重要，「我都會想像自己是第一次到這個場域的人，對於動線的理解是什麼？然後用體驗的方式去感受這空間的布局，思考如何能夠更好。」

指標落點因地制宜

新竹火車站因為歷史悠久，且場域功能明確，指標的落點大都沿用原來的位置；嘉美館亦同，各樓層的平面配置相似，落點位置並不是一件太傷腦的事。反觀某些高複雜性空間，就會需要空間設計師介入，進行整體動線規畫，最明顯的例子就是台北車站。

Roger分析，要判別落點位置，通常有幾項參考，例如該處是否屬於動線樞紐位置、單一通道過長時會增設落點等。而依據場域功能的不同，落點位置也會有所調整，以商場為例，由於周年慶等活動會造成大量人流，設計師在規畫指標落點時，需事先了解百貨慣用的廣告訊息露出位置，若以頂掛式橫幅廣告為主，那指標就要避免設置在天花板附近，以防遭遮擋，導致周年慶期間大批民眾迷路的窘狀。

落點位置沒有絕對，視空間條件而定，好比電影院就不適用嘉美館的絹印手法，因為燈光過於昏暗；反觀美術館等擁有大面玻璃、任自然光傾瀉而下的空間，若設置電影院常見的燈箱式指標，反而會看不清楚；又或是地鐵站等交通樞紐，指標則以頂掛矩形量體為佳，因為這樣一來，將能顧及來自四面八方的民眾，以免大家一窩蜂擠至牆面前閱讀指標訊息，造成人潮堵塞。

icon 組合應用大哉問

icon設計重點在於風格的一致性，分成線條感，色塊感、幾何圖形圈限3種，例如手機app就屬第3種，「但新竹火車站icon都是混著用，空間會太跳，所以當我們用統一的架構去收整，即便看起來差不多，你還是會覺得整體變舒服很多。」施博瀚說道。正所謂魔鬼出在細節裡，原先計程車和公車logo的風格明顯不同、各種人像在內的icon也可見肩膀造型不一等，逐一修正後，不僅大力減輕視覺的凌亂感，也讓新竹火車站搖身變成一處清幽雅致的公共客廳。

 

 

在 Instagram 查看這則貼文

 

 

Bohan Graphi©（@bohangraphic）分享的貼文

「如果畫茶水間，是要畫飲水機、茶壺、還是一個人在喝水的樣子？」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月號《拆解一家餐廳》

全球擁有超過10億用戶的Instagram，在相隔10年後，迎來全新品牌識別重塑。執行長Adam Mosseri率先發文，表示煥然一新的Instagram品牌識別，以社群源源不絕的創造力為核心，只不過本次重塑並沒有換掉在2022年更新的日落漸層Logo，而是聚焦品牌字標以及整套視覺系統，選擇以簡潔且現代的設計，回應平台從照片分享App發展為全球創作多元平台的轉變！

在2010年正式登場的Instagram，品牌發展至今早已成為陪伴人們日常的App，舉凡和親朋好友聚會、參加演唱會，或是拍攝韓團舞蹈挑戰影片，每個人幾乎都會本能地拿出手機，上傳貼文或是限動分享充滿喜悅的瞬間。

為什麼要更新品牌識別？從照片分享App成長為多元創作平台

Instagram上一次大幅更新品牌識別是在 2016 年，當時改版反映平台從單純的照片分享工具，逐漸轉型為全球性的社群媒體。經過10年發展，如今的Instagram不只有照片分享功能，還同時容納了演唱會紀錄、迷因、品牌企畫、限時動態與各式Reels。

Instagram品牌設計總監Cynthia Pratomo形容全新改版像是Instagram的「成長」，不僅擁有了更多不同面貌，同時也必須處理許多不同的語氣與訊息，有嚴肅、有鼓舞人心，也有帶著尖銳與前衛的風格，基於此因，品牌勢必得需要一套能夠相對應的全新品牌系統。

對於全新設計，Adam Mosseri發文寫道：「原有設計已使用超過10年，多少顯得有些過時我們認為，這次改版讓字標變得更加俐落、現代，同時保留了對原始設計的呼應，以及一直以來成就Instagram獨特的簡潔感與工藝細節。」

全新字標登場！從手寫字跡及工藝字體中汲取靈感

本次Instagram品牌重塑，保留了2022年就率先換新的Logo標誌，因此重點皆擺在了手寫字標與整體視覺系統更新上。

不過手寫字標長期成為Instagram品牌識別中最廣為人知的元素，該如何拿捏取捨，自然成為最大的問題之一。團隊表示最初思考如何處理字標時，曾經探索從頭開始，甚至完全捨棄手寫字體，可是經過多次非手寫字體標誌的嘗試後，反倒讓品牌形象變得不易辨認，最終如同新亮相的字標設計，保有了手寫筆觸風格的同時，也延續了品牌特色精神。

全新字標以簡潔、創意與連結為三大核心，在探索了數百種不同方向後，團隊回到Instagram 長久以來最具特色的元素，透過細緻設計的手寫字體來彰顯品牌，「我們喜歡手寫字體的原因，是它能讓人聯想到個人的手寫筆跡、創意表達，以及獨特且屬於自己的聲音。」Cynthia Pratomo說。

然而面對重新設計的Instagram字標，不少人卻認為字母反而變得更不容易辨識，像是「r」看起來像「z」，也讓不少用戶笑稱以為Instagram要改名為Instagzam，成為更以Z世代為目標的社群品牌，而Chatgpt甚至用AI揶揄了一番。

一套頌揚社群創造力的全新品牌系統

除了全新字標之外，Instagram也同步更新整套品牌視覺系統。漸層色彩依然是品牌的核心元素，不過在新的動態設計、版面配置與使用者介面中，將以更加細緻、含蓄的方式運用。

新的品牌系統也加入更多字體，隨著Instagram漸漸轉變為完整的創作平台，人們如何及何時運用內建工具，將文字疊加在自己的作品上，也成為影響平台對字體理解的關鍵。因此本次更新也延伸至整體視覺語言，包括更新後的Instagram Sans、全新手寫字體Instagram Pen，以及Instagram Mono等寬字體都將接連登場。

Instagram品牌設計與創意行銷總監Christy Silva將全新品牌系統比喻為「一本設計得非常好的素描本」，擁有足以維持整體秩序的結構，卻仍保留鼓勵實驗與意外發生的彈性，其所重視的不只是最終發布的精緻成果，也包括那些尚未完成、帶有瑕疵的不完美創作過程。

然而，全新字體與動態視覺設計究竟何時正式登場，品牌沒有給出確切日期。或許下一次打開 Instagram時，就會發現某些細節已悄悄改變，又有新的功能加入。正如本次品牌重塑所傳達，Instagram早已從最初分享照片的社群，持續進化成能符合不同使用者揮灑創意的平台。

資料來源｜Meta、It's Nice That

「右滑」在網路約會世界裡，是傳送愛心的動作，象徵著一段緣分的開端。是誰讓這微小的指尖移動，延伸出關於情和慾的各種想像？答案是Tinder——交友軟體的始祖之一。

近日，Tinder迎來十年來首次品牌重塑，試圖拉近與年輕世代之間的距離。專精品牌策略的跨國設計團隊Porto Rocha，以「戀愛專欄作家」定位品牌，並巧妙抓住Z世代厭倦約會卻渴望真愛、渴求真實卻沈浸於幻象的「矛盾」心理，為Tinder發展出嶄新的品牌識別和語言——不僅為標準字及經典的「火焰」Logo換上新貌，也融合動漫、迷因、油畫等多重影像元素，勾勒Z世代生活群像，試圖引起年輕世代共鳴，讓他們遇上Tinder時願意選擇「右滑」。

Tinder為何要重塑品牌？

誕生於2012年的Tinder，在2010年代可說是交友軟體市場的霸主和時髦象徵。然而，隨著越來越多不同類型的交友軟體出現，如主打每日限量配對的Coffee Meets Bagel、鼓勵女性先開啟話題的Bumble等，加上年輕世代對交友軟體的想像和需求有所轉變，Tinder雖仍是Z世代間受歡迎的選擇，但已不如以往強勢。

為與Z世代展開更有效的對話，Tinder展開暌違10年的品牌重塑（rebranding），並找來活躍於倫敦和紐約，曾為Gemini、Twitch、W Hotels定調視覺策略的Porto Rocha團隊主策。以下整理6大亮點，從Logo、字體、色彩計畫到延伸視覺素材，帶你看Tinder的嶄新面貌及其背後的設計策略。

＃亮點1｜Tinder化身「戀愛專欄作家」

重塑品牌，首先要為品牌「定位」並決定它試圖傳遞的「觀點」。Porto Rocha將Tinder定調為一位「值得信任的戀愛專欄作家」，像是經典影集《慾望城市》中的凱莉（Carrie Bradshaw），或是1990年代英國《Sky Magazine》戀愛專欄「Dear Karen」那般的存在。兩位筆者在面對複雜多變的戀愛世界，或給予他人戀愛建議時，都能夠在幽默和真誠之間自在切換，同時帶著關懷和尊重。

為了讓Tinder的戀愛專欄作家身份更為生動，Porto Rocha在品牌重塑過程中，創造了一個名叫「T」的虛構角色，藉由她傳達Tinder擬人化後的特質：擁有豐富戀愛經驗、熟悉流行文化、機智敏銳、富同理心——就像你我身邊那位充滿智慧又不失玩心的大姐姐。

＃亮點2｜火焰圖案變纖細、標準字「轉大人」

作為交友軟體的先驅，Tinder本身已累積大量品牌資產，如原品牌識別的橘紅色系、火焰圖樣，都極具辨識度且為大眾熟悉。因此，Porto Rocha希望延續並放大這些特質，同時賦予它令人感到新鮮感，讓Z世代感受到Tinder是一個有趣、充滿玩心，能與他人建立連結的地方。

那具體來說，新版Tinder識別做了哪些調整？Porto Rocha首先調整了品牌經典的火焰圖標，讓其輪廓更纖細、俐落，呼應戀愛專欄作家定位的大膽、機智特質，同時保留些許火焰原有的溫暖和親近感。文字標誌方面，從原先的全小寫無襯線字體，改成了全大寫，藉此宣告Tinder以更大膽、自信的面貌歸來。

＃亮點3｜更豐富的調色盤與字體

過去Tinder色彩以鮮亮的橘、紅色系為主，給人活潑、大膽的印象，Porto Rocha對此做了相當大的調整。色彩計畫整體仍延續Tinder標誌性的橘紅色系，然明度較以往拉低許多，呈現更內斂的氣質；另加入藍、綠及接近霓虹色調的桃色，注入新鮮感和玩趣，讓人們在使用App時能體驗到更豐富、多元的色彩和情緒光譜。

這種內斂和外放、優雅與活潑的對比，也體現在字體運用上。Porto Rocha將全新的襯線字體引入Tinder品牌視覺系統，取代以往幾乎全為無襯線字體的模式，為品牌個性和App介面帶來更多元的表情。

＃亮點4｜經典「右滑」動作融入視覺呈現

Tinder最具代表性的「右滑」動作，也成了此次品牌重塑的一大靈感。這邊先補充，如今「右滑=like」幾乎是所有交友軟體的標準設定，這深受Tinder啟發和影響。接著把視線轉回設計本身，Porto Rocha將「滑動」的概念延伸，讓其跳脫單純滑手機的行為，轉而把它定義為一種「揭開以下內容」的動作——每次滑動，都可能揭露新的Logo、字體或影像——利用這種「揭曉的驚喜感」呼應使用Tinder時所會感受到的興奮和期待感。

＃亮點5｜將Z世代「矛盾」心理視覺化

支撐此次品牌重塑策略的一大洞察，是Porto Rocha從Z世代身上觀察到的「矛盾性」——對約會感到疲乏，卻仍期待愛情發生；懷念傳統，又想創造新的規範；既追求極致，也選擇躺平；渴望真實，卻又逃進幻想世界。當大多品牌選擇簡化這種「矛盾」，引導使用者選擇特定方向時，Porto Rocha反其道而行，讓Tinder保留容納這些矛盾的空間。畢竟，這些矛盾，不就是當代人的共同狀態嗎？

這樣的矛盾性，被Porto Rocha融會成為Tinder嶄新的視覺風格。在影像素材的表現上，可見「明示／隱喻」的對比，有真實約會、姐妹聚會的情境圖片，也有講悄悄話、兩支牙刷敲杯般碰在一起，這類暗喻關係建立的影像。

而隱晦，是Porto Rocha刻意為之，與其透過直白影像告訴受眾：「約會就是這個樣子。」他們更希望呈現各種不同形式的關係——無論是一段認真的戀愛、輕鬆的互動，或是剛建立的友情——並真實傳達出Z世代能夠共感的生活經驗。對此團隊資深設計師Yedo Han接受《It’s Nice That》專訪時提出犀利觀點：「許多競品的影像都太像圖庫照片，或過度懷舊、強調（底片相機般的）閃光效果，有些刻意。我們希望能呈現自然且真實的畫面。」

此外，Porto Rocha也將動漫截圖、網路迷因、古典油畫等元素作為表現形式，藉此讓Tinder與不同視覺文化產生連結。Yedo Han補充，「我認為描繪約會或愛情，不一定只能透過兩個人在約會的照片。它可以很簡單，單純是一張美麗的花朵照。人們會根據自己當下的狀態，從中感受到可能性、興奮感，或是愛。我們希望打造一個『愛能以各種形式被表達的世界』，而不只是透過人物本身。」畫面或許是一支愛神丘比特的箭、一張愜意度假的海景照、一場睡衣派對、一次耳邊交換秘密的時刻……，它們隱晦卻又俏皮，正符合許多年輕人談戀愛時的溝通方式。

這些不同主題、由不同媒材拼組而成的影像，讓Tinder品牌擁有更多延展性和探索空間，觀者可以透過自己的想像，賦予圖像屬於自己的意義。即使影像曖昧，它所引起的悸動、期待和興奮，仍是真實的。

＃亮點6｜推翻交友軟體慣用的「找真愛」敘事

Porto Rocha在為Tinder定調全新的品牌語言時，刻意顛覆了交友軟體慣用的敘事，像是「遇見真愛」、「找到命中註定的那個人」等愛情公式，轉而將「從此幸福快樂（Happily ever after）」改寫為「幸福快樂，待定（happily TBD）」。換句話說，要找真愛，Tinder或許能提供那份可能，但它所能給予的其實是「與他人建立連結的各種不同方式」。至於怎麼樣才是幸福快樂，由你定奪。