移動終端UI扁平化設計

范敬超

摘 要：文章介紹了互聯(lián)網移動終端UI扁平化設計的形式特點，通過與之前主流的擬物化設計進行比較，論述了兩種界面風格在信息傳達及情感層面對交互的影響和意義；在對扁平化設計思想追本溯源的同時分析了它在移動終端流行的驅動因素；以此為基礎，從用戶體驗角度和移動界面未來的發(fā)展趨勢來探討扁平化設計理念在移動終端UI設計中的應用與價值。

關鍵詞：界面；交互；扁平化設計；擬物化設計；用戶體驗

中圖分類號：TB472 文獻標識碼：A 文章編號：1005-5312（2016）24-0160-01

隨著2014年6月蘋果最新一代的移動操作系統(tǒng)iOS8的發(fā)布，“扁平化”設計風格又一次成為焦點。這種設計理念使整個系統(tǒng)看上去更加簡潔，卻不再華麗，它正好是蘋果一度推崇的擬物化設計的反面極致。此前，微軟以Windows UI最大化地呈現(xiàn)了“扁平化”設計理念，它源自國際主義平面設計風格，具有整潔、嚴謹、理性化的特征，一絲不茍，傳達準確。隨著移動互聯(lián)網的崛起，扁平化的設計界面風格，無論系統(tǒng)、網站還是軟件的設計者，似乎都急于拋棄擬物化，迎接扁平化時代的到來。從本質上看，這不僅僅是一種視覺風格的改變，更是一種設計語言和思維方式的轉變。

一、 UI的擬物化研究

擬物既是在界面設計中對實物的模仿，它使數字對象看起來更接近真實，蘋果官方的人機界面指南中認為界面的擬物設計有利于改善應用程序的用戶體驗：“界面和行為看起來越接近現(xiàn)實生活中的事物，用戶就越容易理解他們的運行方式，使用起來也就越簡單?！苯缑嬷械臄M物化設計包括模擬現(xiàn)實世界物體的形態(tài)（如質感、紋理、聲音等），以及它和人之間的交互方式。擬物在模擬形態(tài)時，表現(xiàn)的直觀高效，并可以增加界面的美感，善于營造“華麗的視覺效果”，它更多的滿足了用戶的娛樂需求和情感需求。iOS 之前，用戶界面上形態(tài)的擬物寫實設計多出現(xiàn)在游戲界面，為了營造玩家在游戲中的沉浸感，設計師很早就開始精心修飾他們的用戶界面。游戲界面框體中會大量運用與游戲場景中年代、風格一致的羊皮紙、巖石、金屬的紋理及質感，甚至以建筑，雕塑紋樣來進行裝飾，光標的狀態(tài)也會設計成質感強烈的冰刃或者寶石，這種對真實世界感知的還原，在藝術效果上的提升，有助于沉浸感的實現(xiàn)，并使用戶感到愉悅。

二、UI的扁平化設計

在視覺及傳達層面，密斯·凡德羅的“少即是多”這句悖論式的箴言無疑是UI扁平化的最有力的的描述，他主張形式簡單、高度功能化與理性化的設計，反對裝飾化的設計風格。

放棄任何附加效果，突出重要信息，簡化交互的流程。視覺層面，UI扁平化設計可以通俗地理解為：不包含三維屬性，諸如紋理、投影、斜面、羽化邊緣、浮雕等特效都不在設計中使用。從本質上講，UI扁平化設計的核心是強調信息本身，而不是冗余的界面元素。比如Windows UI的設計靈感來自交通系統(tǒng)：他需要幫助人們能夠在短時間內，快速找到自己所需的信息。扁平化界面目的不僅僅是為了創(chuàng)造視覺刺激，而是解決干擾，內容優(yōu)于形式，在屏幕上僅留下用戶當前最關注的信息，讓用戶沉浸在他們喜歡的內容中，注重通過對齊來呈現(xiàn)簡潔、易讀的內容，把精力集中到最核心內容上。減少概念與界面層級的視覺裝飾，更多地使用用戶已經掌握的交互行為。

三、 移動互聯(lián)網發(fā)展對UI設計風格的影響

擬物風格軟件界面中如果僅僅模仿實物的形態(tài)，而并不指向其原本的功能，就會對用戶形成誤導。比如日歷軟件框體邊緣模仿紙的撕邊效果或者電話薄邊緣金屬扣環(huán)就是如此，這樣設計容易使用戶對其功能誤解或受到不必要的干擾，即使同樣概念準確也會有傳達效果的不同。對于界面的一致性而言，雖然iOS通過單個程序全屏運行的方式避免了不同的視覺風格的應用同時在屏幕上出現(xiàn)所造成的強烈對比，而扁平化的設計使得功能化的界面之間更具有視覺上的一致性和連貫性，并允許它們一起在主界面顯示內容和信息。此外，在界面設計上不僅要簡潔、高效，也需要應用國際通識的視覺語言，正如當年由于國際交往、國際貿易的劇增促進了國際主義設計風格的形成，界面扁平化也成為時代的需要。現(xiàn)在，移動互聯(lián)網帶給我們最大的變化是把虛擬世界跟現(xiàn)實世界進行融合。增強現(xiàn)實技術在移動互聯(lián)網上的應用是未來的一大趨勢，其應用形式主要體現(xiàn)在實景上的信息增強，既將現(xiàn)有互聯(lián)網信息附加顯示在現(xiàn)實信心中。扁平化的界面風格相對于擬物風格更容易做到，也更能減少冗余信息的干擾，呈現(xiàn)主要的信息，同時也更需要將交互過程進一步簡化，既操作界面的扁平化。

用戶的審美、視覺經驗、交互經驗各不相同，選擇哪一種設計風格，關鍵在能不能適應用戶當前的需求。這兩種設計思維在設計過程中反復交替地出現(xiàn)，需要設計師從中找到平衡點，也就是兩種設計風格的交匯點。隨著交互技術的飛速發(fā)展，UI設計師們總在探索和挑戰(zhàn)新的設計風格，也熱衷于看到不斷變化的趨勢和進步。扁平與擬物的取與舍，需要以用戶為中心，目標為導向，不同用戶群體、硬件類型、功能訴求和情感訴求都決定界面的結構與形式。我們應時刻關注用戶的需求，以用戶為出發(fā)點進行設計，才能構建一個舒適、方便、易用高效的界面。更有助于產品和用戶建立一個穩(wěn)定、和諧的關系，真正使科學服務于人。

指導老師：劉宏芹

參考文獻：

[1]王受之.世界現(xiàn)代設計史（第2版）[M].深圳：新世紀出版社，2001.

[2]唐納德·A諾曼（美）.付秋芳，程進三（譯）.情感化設計（第3版）[M].北京：電子工業(yè)出版社，2006.