功能至上的扁平化界面！

文/吳麗婷

扁平化設計指的是在對圖形進行設計時，簡化諸如陰影、透視、紋理、漸變等圖形裝飾效果，力求界面的簡潔統一的設計風格。扁平化的界面多採用碩大突出的字體、強烈的色彩對比，從而達到吸引觀者的注意力。

由於擬物化界面的過度裝飾，忽略了對信息進行有效規劃，使用戶產生視覺負擔。其次，擬物化設計跨平台呈現時有限的兼容性，在很大程度上限制了自身的發展，與日益增長的用戶需求和當下快速迭代的技術是背道而馳的。

扁平化設計針對以上問題進行優化，利用特殊的界面設計方式，創造出而更加符合用戶需求的「功能內容式交互體驗設計」。

交互設計的主要目的：始終是清楚地向用戶傳達信息並提供易用的界面。扁平化設計將功能性與視覺化相互結合形成，符合人們心理的高效率可操作界面。

扁平化界面設計遵從少即是多的設計原則，除去了界面多餘的裝飾效果，其簡潔和大膽的視覺表現形式，與以往的界面設計有著本質上的區別，更是對當代年輕用戶情感需求的捕捉和反饋。

首先是圖標，扁平化圖標設計是對以往傳統圖標設計的抽象化和平面化，其捨棄了多餘陰影、高光、投影，採用符號性極強的視覺圖形，經過高度提煉的圖標，具有更強的標示性，而且有效地提高了信息傳達的準確性和快捷性。

再是字體，強調功能性的扁平化設計突破常規的字體和字型大小，在簡潔的界面中採用超大字型大小和新穎的無襯線字形，突出關鍵信息，同時為文本內容創建良好的次序和節奏。

然後是版面，傳統印刷排版風格被引進扁平化設計中，將超大字型大小的標題，亮麗的色彩和合理的信息，都精密按照邏輯性的柵格系統排版。另外，通過獨特的留白手段不僅為用戶流出思考空間，更是無形之中使內容本身更加醒目。

信息組織結構優化界面布局。界面設計應最大化地幫助用戶快速、直接地完成操作，獲取有效信息。而多層級菜單和頁面切換増加了中間層的詵項操作，打斷用戶的本來查詢路線甚至造成「迷航」現象。扁平化界面設計信息組織結構以「廣而扁」的魚網狀形式，體現信息的橫向維度。

減少或取消中間層級的信息類目從而縮短用戶訪問信息路徑，幫助用戶減少負擔，在最短的時間內快速鎖定信息目標。同時從用戶需求出發，對多樣化界面模塊進行信息透明化管理，無須切換畫面，用戶即可在一個界面同時掌握多個不同子模塊的信息變化，實現多重數據查看，為用戶提供更加直觀的界面導航，提高信息訪問效率。

多樣化導航擴大隱形面積。由於手機等移動設備的屏幕尺寸較小和設備功能相對較低的緣故，大多採用多層級縱向界面分，但若要實現「廣而扁」的扁平化設計，則要另闢途徑突破界面面積限制，扁平化設計利用多樣化導航方式開闢新的隱形畀面。

例如：扁平化設計利用特殊的「環景界面」設計，翻轉方格設計、摺紙式翻頁等手段增加界面的隱形面積。「環景界面設計」是利用界面設計元素的連續產生界面延伸感，通過橫向滑動，在二維的空間內展示多種類型、多種來源的信息內容，更加靈活的用戶推送更多的信息。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！