淺析蘇州軌交終端機UI設計與地域性文化符號融合

胡依娜

（蘇州科技大學，江蘇 蘇州，215009）

當今世界，人與物及外部環境的交流非常頻繁，人們已適應了智能手機的界面布局，ios系統手機圖標設計及app應用程序對于線下界面設計的影響不容小覷，最直觀的頁面組成是一組組排列有序的可移動式圖標，設計理念與設計方法考慮了用戶整合化、自由、愉悅的情感化體驗以及個性化的新需求。在人機互動過程中，對于線下終端UI（User interface ）消費者可以用指腹手在軌交終端機觸摸屏的方寸之地完成自助式選票、充值功能操作。筆者撥云見霧、從現象看本質，從界面主流風格這一切入點入手，建構當今大數據（big data）環境下蘇州軌交終端機適宜的風格，映射出它在時代的發展中體現出該有的“模樣”, 擴展用戶體驗與人機交互界面的范疇。

一、主流風格

大數據時代井噴式的發展需具備簡潔、有效的視覺呈現設計特征,包括情感傳遞的個體化、多元化的定制體驗。人和機器之間的交流界面體現在生活的每一個環節，如開車時候面對的儀表盤，它的美觀和簡潔影響著讀取速度及用戶心理。新媒體發展初期UI設計主要以具象、寫實的擬物化形式呈現，由高光、陰影及漸變等效果來疊加、穿插使用；到自媒體時代，普遍流行的是類扁平化形式，其以制作周期短、更新速度快而大行其道，更符合推陳出新、日新月異的快節奏時代。扁平化的特點在于用色相對鮮艷、表達更為明確、直觀。類扁平化設計隨著扁平化設計趨勢的流行，將某些細微效果融入到扁平化設計中，比單純的扁平化更加適用、美觀以及更加地靈活。

近幾年線下終端的發展有跡可循，如“蘇州銀行”ATM機界面由早期的網頁模板直接生成，頁面背景色為阻撓視覺辨識的飽和度較高的明中調，字體為正規的宋體且不統一，平添了用戶的心理壓力，此外還有提醒式語言繁冗不簡潔等諸多問題；到了2017年，跨越式發展為商業模式的“麥當勞”線下終端機定點實驗性的進化為觸摸屏設計，布局為和智慧型手機接軌的豎式直立型，內頁采用分欄排版。蘇州提取城市顏色中的深灰、白色凝練成圖形符號，高度濃縮并快捷傳達信息，便于記憶，類似LOGO，起到了識別和推廣作用，通過形象徽標可以讓消費者記住主體和符號。操作系統主界面顏色是操作快捷方式的功能標識，如同設計中的指示路牌，因而需提煉該應用程序的符號化特征，凸顯它的視覺感與功用的結合，不囿于美感和特殊效果，主要是貫穿各個層級頁面用來與其它板塊鏈接的顏色符號。扁平化設計的核心是通過簡化的圖形設計元素來表現。如舊版“優酷”圖標（圖1），圖2是2016年發布的全新的優酷LOGO設計，以透明化的紅色與藍色通過透疊方式組合而成，主界面圖為品牌口號“這世界很酷”（圖3），可謂是近年來類扁平化風格的標桿。這一圖標意欲定義其未來性，把脈超前的或至少還將相伴十年的市場并為其做準備，在國內優酷視頻為其App圖標率先作了順應潮流的改革，其新穎感和未來感較強，可識別特點使得該應用程序在大量圖標中脫穎而出。針對扁平化缺乏空間感、距離感和視覺層次的缺點, 結合擬物化設計的理念提出了類扁平化設計, 強調極簡主義，是繼擬物化之后的風格發展，為了避免過于單調，推陳出新地衍生了類扁平化風格來打破單一感，所帶來的“真實”感能建構用戶對于產品的信任度之間的聯系性。

圖1 舊版App圖標

圖2 新版App圖標

圖3 優酷界面

圖6 騰訊圖標2014年前 >

圖4 舊支付寶圖標

圖7 騰訊圖標2014年

圖8 騰訊圖標2015年

圖5 新支付寶圖標

二、地域特色的隱喻性語言

從心理層面解構，城市化進程所帶來的壓力顯而易見，人們普遍有焦慮感，軌交線下終端機所給予的碎片化時間及外部可變環境，使得人們會在交互過程中以第一眼的感受來判斷喜歡與否，第一秒就希望快速找到自己想要的應用程序。圖標具有隱喻性語言表現，如優酷圖標即是作為視頻類播放器的“播放”按鍵進行的符號化提煉，而圓形類似軸承的外輪廓，本身有無限循環感，可理解為企業前進、進取的寓意；還有“支付寶”（圖4）軟件的圖標內涵扁平化實例，其于2015年7月8日發布了最新的9.0版本（圖5），加入了“商家”和“朋友”兩個新一級入口，替代“服務窗”與“探索”， 啟用藍底白字的全新標識。取中文的“支”字，其漢字的屬性，設定了用戶人群，并彰顯了其本身的華夏淵源性，其與“中國銀行”等紅色字體標志設計做了類別的區分，沿用首字又做到了同類性寓意的表達，從該圖標的進化史可以看出其從擬物化到扁平化再到類扁平化的發展過程。界面設計應該順應時代，既要具備明確的功能性，又不要湮沒在其它城市的程式里，蘇州的粉墻黛瓦建筑特色源于江南氣候，深入人心，將這一元素進行提煉用于界面設計中獨具城市特色，是蘇州這一城市的圖形化隱喻性語言的代表，在人流量大、發展快速的軌道交通站點的界面設計中亟需建構。

三、正面情感依賴

目前的扁平化風格基于用戶體驗的考量，突出導覽的功用和需求適用性，兼具美觀和簡單易操作性，置于用戶的控制之下，接受使用習慣較為自然，也給新系統升級后風格的小小變化帶來些許新鮮感，實現了減輕用戶面對太新的界面后重新學習的壓力。從用戶的角度考慮降低了門檻，頗具人性化和靈活性，也更加美觀，有突出的視覺效果，并確保簡潔，使用者才愿意接受，才會讓這些界面模式長久占據有限的屏幕空間，從而帶來良好的用戶體驗，這種友好的設計與消費者之間就形成了良性循環。再從騰訊圖標（圖6）的進化史來看其從擬物化到類扁平化再到扁平化的發展過程，看到質感純凈的設計順應了當代趨勢，去除了一切繁雜的表現效果，變得更直接明朗，而這種簡約的設計其時尚度也會更加持久。去除質感也帶來了更大的設計挑戰，對比七彩漸變的效果（圖7），純色效果更難立刻凸顯,保持無投影、無漸變、無透明是社交網絡產品對精品塑造的追求。產品名稱帶有“企鵝”前綴，正面或側面企鵝造型與系統一致。用戶只需記住同樣的外型設計，從而塑造出更加統一的識別系統。社交網絡產品需要保持著年輕友好的風格，其LOGO的結構比例也會起到輔助與控制作用，避免使用鋒利的設計，細節做小圓角處理，同時最小圓角大小一致，達到更高的統一度。圖形和字母類的LOGO適用性和傳播性最強,形體方正的整體利于APP的呈現（圖8），造型以“面”型設計為主，保持整體飽滿和穩固。一個美觀的、無需用戶思考且引人入勝的整體布局可改善用戶界面的應用程序功能，激發正面情感、習慣和依賴感，前端界面如沒有吸引力、令人費解、不合邏輯，應用程序就會讓人覺得繁瑣。因而，受時代影響下的蘇州市軌道交通終端機界面設計應偏向植根于本土，構建前端窗口設計中富于江南區域性的特色元素，贏得受眾的正面情感依賴，塑造更好的城市形象。

四、結論

到一個城市乘坐地鐵，其軌交界面的些微差別會給人留下深刻的記憶點，如日本東京的老式的具實用性的界面操作，即使不懂日文但通過數字及顏色的區分使用起來也會毫不費力；上海的軌交界面設計系統性強且簡潔，操作快捷，符合城市快節奏生活需要。目前蘇州軌交站點地方特色顯著，且加入了蘇州方言報站可謂是文化的傳承，自助式終端機一可從主流風格中提取界面設計所需元素，如陰影風格、長陰影風格、微漸變風格等，與蘇州建筑特色形成呼應，應用一般附帶自然層級結構。二可依靠色彩來體現交互、信息的分隔，可使用半透明底板、保證清晰度、大量留白，給人喘息和想象空間，為用戶帶來更好的體驗感；三可使用無邊框的按鈕、盡量減少視覺修飾，用深度來體現層次。在整個版式上舍棄邊界，能讓用戶一目了然地看到其功能及內容，幫助用戶快速掃描并直接選中，避免了不必要的交互，擁有明快美觀的界面，充分利用整個屏幕。這一民生工程作為使用最為廣泛的對外窗口，融合時代性和地域特色，福祉于民。■

該課題為“蘇州市文化研究一般資助項目”2017年度“植根于文化傳承及數字化融合——蘇州軌交線下終端機界面設計研究”項目（項目編號：SZ20170201）

[1] （日）木村博之.跟頂級設計師學作信息圖[M].吳曉芬，顧毅，譯.北京：人民郵電出版社，2013.

[2] （美）魯道夫·阿恩海姆.藝術與視知覺[M].成都：四川人民出版社，1998.

[3] （墨西哥)埃烏拉里奧·費雷爾.色彩的語言[M].歸溢，等譯.南京：譯林出版社，2004.