淺談扁平化設計在移動終端界面設計中的優勢

廖騰峰，陳靜

（廣西工業職業技術學院，廣西 南寧 530001）

淺談扁平化設計在移動終端界面設計中的優勢

廖騰峰，陳靜

（廣西工業職業技術學院，廣西 南寧 530001）

目前移動終端設備界面設計主要有擬物化設計和扁平化設計兩種設計風格，而扁平化設計之所以成為主要的設計趨勢，除了在設計風格上崇尚極簡帶來清新的感覺外，在使用體驗上也具有自身的優勢。

擬物化設計；扁平化設計；移動終端設備；界面設計

隨著通信網絡科技的創新發展，手機、平板電腦、智能穿戴等移動終端設備已經成為人們日常生活中不可缺少的一種工具。移動終端設備的界面設計至關重要，它能從視覺傳達和操作體驗上滿足用戶訴求，決定著一款產品的成敗。[1]近年來，Google、Microsoft、iPhone,三大廠商越來越多產品的GUI（用戶圖形界面）更“扁平化”了，之所以從原來的擬物化設計轉而運用扁平化設計風格，并不是因為大眾審美疲勞和為了盲目的迎合設計流行趨勢，而主要是因為人們對智能化的生活訴求變化所導致的。隨著智能化生活的發展變化，擬物化設計在產品運用上的問題越來越凸顯，而扁平化設計卻更適應新時代的需求而獲得推廣發展。

1　擬物化設計風格

1.1擬物化設計的發展

擬物化設計是將界面中的可視化對象和操作對照現實世界中的對象與操作進行模擬，使用戶能快速領會如何使用它。[2]在移動終端設備發展初期，界面設計的理念是讓不同年齡、不同經歷的人拿到設備后能快速輕松地掌握其使用方法，設計師根據人們對事物的認知習慣，在界面設計中利用擬物化設計，達到使人們快速理解和掌握其操作的目的。一個經典的案例就是按鈕效果的設計，用手按下按鈕，按鈕就會伴隨著凹陷和突起動態效果，這樣的擬物化設計通俗易懂，十分受人們歡迎。擬物化設計在藝術審美性，直觀性，引導性方面的優勢非常明顯，因此在移動終端界面設計中獲得廣泛應用。

1.2擬物化設計的缺陷

隨著普適計算的發展，人們對移動終端設備的使用訴求從“視覺享受”已經轉變到“隨心使用”,人們使用移動終端設備變得越來越純粹，就是執行所需的任務，獲取信息，因此界面設計也隨著人們的使用習慣發生改變，開始放棄絢麗多彩的界面特效，更專注于信息和任務本身。在數字化的信息時代，用戶更希望快速獲取經過加工處理的，更有意義的數據信息，比如一個獲取氣溫APP應用，其界面更傾向于信息展示，使用戶更高效的獲取信息，而不是將界面刻意設計成實體溫度計的樣子，這樣反而會降低使用效率。同時，在移動終端的屏幕上，存在著物理反饋的先天不足，比如現實中按下一個按鈕，人們能感受到它的彈性和彈力，但在手機界面中無法實現，因此擬物化設計事實上沒有達到預期效果。隨著智能化生活時代的發展，人們對移動終端設備訴求的轉變要求在產品界面設計上更注重用戶體驗，而擬物化設計存在的缺陷，使得人們用它的理由越來越少。

2　扁平化設計風格

扁平化設計最早出現在20世紀40年代瑞士風格的設計中，主要是因為響應在不同屏幕尺寸的設備上的設計需要，最近幾年，特別是2013年蘋果公司推出IOS7系統后才逐漸成為流行，它的設計理念主要是圍繞消除盡可能多的視覺噪聲，為用戶提供一個專注和快速加載的體驗。扁平化設計是一種極簡主義美學，目的是使人們的注意力從過分聚焦在界面元素的狀態，回歸為重視內容本身，這種設計迎合了當前用戶對信息快速獲取的訴求，因而獲得大眾認可并發展成為移動終端界面設計的主流風格。

3　扁平化設計的優勢

扁平化設計在移動終端界面設計中之所以受大眾歡迎，并不是因為它迎合了視覺上的新奇，而是它能為移動終端設備中遇到的問題提供最合適的設計解決方案。相比擬物化設計，扁平化設計具有以下優勢：

3.1響應性

隨著移動終端設備屏幕分辨率的提高，在特定尺寸下，擬物化設計需要大量視覺細節，必然會使用到更多的顏色，從而使GUI的數據量成倍增加，占用更多的系統資源，再加上隨著屏幕尺寸的不斷增大圖標的尺寸也隨之增加，這樣勢必會占用更多的系統空間，極為影響用戶快速流暢的體驗訴求。而扁平化的設計對細節元素的使用極為克制，其設計的核心便是簡約，使界面“減負”，不需要耗費太多的系統資源，因此扁平化設計具有快速響應的優勢。

3.2交互性

良好的交互界面和交互功能給與客戶良好的體驗，目前主流手機的屏幕在5~6英寸之間，而平板電腦的屏幕比這更大，移動終端設備屏幕尺寸的增加，使得手指完成任務操作的路徑增長，擬物化設計風格在按鈕設計上，實際的點觸響應區域要大于視覺限定的區域，手指即使未精確點擊到視覺上的按鈕區域，也會觸發返回的動作，容易造成誤操作。[3]而扁平化設計對點擊區域邊緣模糊化的處理在一定程度上釋放了用戶的操作壓力。如圖1所示。同時，采用這樣的扁平化處理，弱化了按鈕的視覺形象，同時增強了整個界面的整體感和一體化的方向感的視覺效果,有更好的用戶體驗。

圖1　 視覺響應區與實際響應區示意圖

3.3效率性

從設計開發角度來看，采用擬物化設計一款圖標，需要制作十幾款不同大小的圖標以兼容不同屏幕分辨率下的正常呈現，設計師不得不投入大量時間與精力用規范的形態來控制圖標或界面設計在紋理、陰影、縱深以及色彩上的統一，而且擬物化設計要將現實生活中的事物在二維環境下完美重現本身就會增加開發時間和難度。扁平化設計采用的是矢量元素，具有快速執行和修正的特性，這也是目前扁平化設計流行的一大因素之一。扁平化設計無論開發效率還是成本上都優于擬物化設計。

3.4呈現性

首先，人們需要在不同的場合，使用不同的移動終端設備使生活更加信息化，智能化。因此移動終端設備中的界面設計需要在多個平臺具備一致性的呈現。擬物化設計在智能穿戴設備上將一個細節豐富的圖標縮小到小屏幕上呈現會造成細節的全部丟失，識別性也幾乎很難保證。扁平化設計的設計語言主要是線條和色塊的應用，線條和色塊的可延展性保證了其在不同設備，不同屏幕尺寸，不同分辨率可的自適應，以及更強的識別性。其次，扁平化設計利用簡單元素、幾何圖形與鮮艷色彩的搭配表達信息，強調方案的簡單與清晰特性，更少的界面元素使得界面更加簡潔明了，可以更加簡單直接的將信息和事物的工作方式呈現出來。[4]因此，扁平化設計具有更好的呈現性。

3.5傳達性

一方面，擬物化的缺點在于對所擬實物的斷代認知，造成功能傳達的不清晰，比如計時器的設計，相對于沒有使用過秒表的人來說，扁平化設計更具有功能傳達準確的優勢。如圖2所示。另一方面，移動終端設備的擬物化設計難以表達復雜的功能和抽象的概念。比如常用的復制粘貼圖標，就難以使用擬物化的圖標進行表達，而利用扁平化設計，依靠文字最直白的表述和最扁平的圖形來傳達給用戶，是最直觀的表達方式。

4　結語

移動終端界面設計風格的選取，并不是看它是否符合當前的流行風格，而是取決于具體的實際使用情況。扁平化設計并不是簡單的將圖標壓扁，使界面扁平，視覺上的扁平化只是外在的表現，其深層次的含義是信息架構的扁平化，交互體驗的扁平化，建立一整套完整的視覺傳達方案，設計統一的標準化的符號標識和操作邏輯幫助用戶快速識別出信息和功能的層級關系，為用戶帶來最佳的體驗。扁平化設計與擬物設計并不是對立，扁平化設計與擬物化設計風格的互補，會是未來移動終端界面設計的發展趨勢。

[1] 李亭.基于用戶體驗的智能手機APP界面設計研究[D].太原理工大學，2015.

[2] 李佳.界面設計中的扁平化設計與擬物化設計之探議[J].藝術與設計(理論)，2014(03).

[3] 邱燁.淺析手機界面從擬物化到扁平化的衍變[D].西北大學，2015.

[4] 宋方.析“扁平化”手機界面設計[J].包裝工程，2012,33(014):60~63.

圖2　 計時器扁平化設計和秒表設計的對比

TN929.5

A

1671-0711（2016）09（上）-0112-02