論界面設計中的扁平化設計現象

熊 昭 （武漢工程大學 430000）

論界面設計中的扁平化設計現象

熊 昭 （武漢工程大學 430000）

“扁平化設計”一詞開始在界面設計中頻繁出現，這種設計風格更是逐漸被廣泛運用。扁平化設計并不單單只是一種簡單的設計風格，它通過簡潔理性的界面編排、扁平的界面層級、多運用幾何造型元素以及溫和的平涂式色彩搭配，來達到操作更加簡易、生動、直觀的效果。用戶操作時軟件的功能性更夠得到更好的體現、使用過程更加簡單流暢、操作反饋也更加清晰直接，極大的降低了用戶操作上的認知學習成本，從而達到更好的用戶體驗。正因為扁平化設計的這些獨特優勢和造型美感，使得它逐漸在交互設計中占據主導趨勢，成為界面設計中的主流設計風格。

扁平化設計；界面設計；用戶體驗；交互

扁平化設計是近年來視覺傳達設計領域中出現的一種新的設計風格，在界面設計中更是被廣泛運用，成為一種新的設計潮流。扁平化設計相比擬物化設計，除去了界面中一些繁瑣的設計因素，崇尚簡約，平面化的表現形式，在現代快節奏生活中，更易被人們欣賞和接受。

一、對扁平化設計理念的認識

過去界面設計就一直在強調交互的易操作性和優質的用戶體驗，扁平化設計的出現，是對這些設計目標的總體概括。它不僅是一種簡約的設計風格，更是一種設計理念：讓內容能夠更加直接的呈現，以更低成本實現功能作用，同時讓用戶獲得更加良好的用戶體驗。運用簡潔、直接的的方式將信息和事物的工作方式展示出來，減少用戶認知障礙。扁平化的界面設計，是以用戶為中心的設計原則的必要要求，也是當代主義的集中體現。

1.扁平化設計成為交互設計主流風格的原因

扁平化對于互聯網而言意味著兩個詞：快速，突出。時間就是金錢，快速同時代表更低成本的運作。扁平化設計的界面,能夠在短時間內完成更新，也方便再更新。其次在大數據時代下，信息突出是網站取勝的關鍵。扁平化的界面設計通過把重要的信息放在首要位置，弱化其他次要元素，讓用戶的注意力能夠集中放在產品和重要信息上，而不會被網站界面上的其他設計元素干擾。達到突出核心信息和操作的目的，網站的易用性和可用性大大增強。

對于用戶而言在一個布局簡潔邏輯清晰扁平化設計網站里，能夠快速完成自己的需求，自然也就能夠得到良好的用戶體驗。越復雜的界面設計，提取信息的時間就越長，用戶的注意力會被繁瑣的交互形式分散，華麗的界面元素過多也會造成用戶的閱讀和使用障礙。而使用清晰直觀的扁平化界面，大腦提取和轉換信息所用的時間會大大減少。

二、扁平化界面設計的特點

實現扁平化界面的可用性，首先需要清楚了解整個交互層級之間的結構，在用戶能夠快速又準確的找到交互對象的前提下，再去實現界面的美觀性。所以扁平化界面設計不僅只是界面設計風格上的變化，更是一種思維邏輯層面的提升。

1.形式結構簡易化

整個交互過程中，最重要的就是界面的結構設計，可以界面結構就是交互的基礎。而界面布局和界面層級是界面結構的基本，可以看做界面結構中縱橫的兩個層面，這兩者之間的邏輯是否合理，直接影響著用戶的操作。所以簡易化界面層級之間的形式結構，讓用戶能夠更加直接的進行操作，降低用戶操作中的錯誤率，這是扁平化設計最核心的目標。

2.界面布局簡潔化

界面中的布局指的是將界面中的各種設計元素，根據需求及其之間的聯系進行合理的排列組織。扁平化界面的基本是布局簡潔，同時定位好元素之間的主從關系，這樣界面中的重要功能能夠直接凸顯，以便于用戶能夠更迅速準確的獲得信息。

3.界面層級扁淺

為了是用戶能夠快速完成需求，扁平化界面設計中應盡量避免界面之間不必要的切換。盡可能的把低層級信息合并上移，減少不必要的界面層級的劃分。只有層級越少，用戶才會覺得是方便的好用的。這就要求在一個層級中需要顯示更多的內容，所以核心功能一定要著重突出，這樣界面才更加針對性也更加便捷。

4.功能表達簡便化

互聯網技術發展的同時界面上也誕生了更多的功能，五花八門的功能讓用戶難以直接判斷其真實作用，我們稱這種現象為“認知摩擦”。好的界面設計一定要最大程度減少認知摩擦，讓用戶可以直觀準確的了解界面中不同功能的作用，節省操作時間。所以，扁平化的界面設計要根據用戶的慣性去設計功能，從用戶行為模式出發做設計，同時操作方式要簡易。

5.操作反饋明晰化

用戶在APP或者網頁上操作時反饋一定要及時并清晰。這是用戶衡量自己操作的標準。及時，正面的反饋信息可以幫助用戶更加合理的操作，例如可以防止用戶錯誤或無意刪除一些他們本身不想刪除想內容。如果反饋不夠及時，那么及時這個網站或者APP的界面設計多美觀，動效多生動，功能多強大，也還是會造成不好的用戶體驗。以至用戶粘性降低，最終造成用戶的流失。因為清晰及時的反饋信息在整個交互設計里都是至關重要的。

三、如何在界面設計中合理運用扁平化設計

一些偉大的設計中所運用的“形式跟隨功能”和“少即是多”的理念依然是我們今天還在談論和學習的。扁平化設計要求設計師必須清楚的知道設計對象最本質，最重要的功能。然后在設計里去合理的體現這點。

扁平化界面設計的前提是好的界面排版。排版是界面信息的具體展現方式，這就要求界面排版要具有視覺導向性，能夠更加有效地清晰地傳達信息。而扁平化界面設計的核心是交互層級，所以，優秀的界面設計，既要做到層級扁淺有邏輯，還要做到頁面布局美觀功能設計合理。不能僅僅是為了簡單而扁平化，而是為了更優質的用戶體驗而扁平化。

所以優秀的扁平化界面設計，界面的排版布局一定不能忽略，也就是要協調好界面中的圖形、色彩、文字等內容，只有合理分配好它們，整個界面布局才能做到既簡潔美觀，同時還具有一定的視覺導向性。做到扁平化的視覺和交互設計相融合。

1.色彩

“色彩一定要酷點再酷點”。扁平化設計幾乎都是平涂色彩，沒有光影的立體效果。因為少了些質感，所以顏色的運用變得更加重要。而色彩之間是否和諧在扁平化界面設計中尤為重要，扁平化設計中的色彩大多給人鮮亮、強撞色的印象。高飽和度的色彩，往往更容易吸引人，給用戶強烈的視覺沖擊。同時不管在什么樣的背景前，高飽和、鮮艷明亮的色彩都能不被背景掩蓋。也正是因為如此，在扁平化界面中通常鮮亮的色彩中所包含的信息或代表的功能，就是界面要傳遞的主要信息和主要功能。

2.圖形

在扁平化界面設計中，通常使用基本形簡單明確的圖形，取代以往的具有仿真效果的有機圖形。這些基本形多由幾何形、曲直線條等組合形成。在圖標設計上也采用更加精簡的方式表現，將圖形進行概括提煉，用以簡潔的線條來展示，幾乎不具備裝飾性。這樣的表現形式去除或減少了多余的修飾，直接突出主題，用戶能夠更加關注內容本身，而不被裝飾所打擾，視覺效果直接，功能清晰直觀，減少了用戶接受、適應信息時花費的時間和精力。

3.文字

扁平化界面設計中的重要元素之一就是文字，合理使用能夠讓界面整體的編排更加簡潔。扁平化的界面在編排過程中，應最多使用兩個系列的字體，通過改變文字的大小、粗細以及形態來區分內容的主次，例如大小字號、段落以及文字特別的排列組合等，使頁面主次信息一目了然，同時兼具節奏感。正因為文字的這些特性，在扁平化設計中使用基本的設計手法就可起到保持頁面的簡潔和準確傳遞頁面信息的作用。

4.具體案例分析

Windows 8的主要界面風格就是典型的扁平化界面設計，其實從2006年起，微軟的應用軟件就以經開始使用這種設計風格。相比之前的Windows7，不僅減少了頁面之間的跳轉，同時在主界面上直接添加了用戶經常使用的工具，以更清爽的排版和突出重點來方便用戶使用。把這些工具全部集中擺放在開始界面上，圖標采用方形外輪廓，加以高度凝括的圖形和純色填充，給用戶直觀，醒目的視覺感受。用戶使用也更加方便快捷，直接通過開始界面，就可以進入到一些常用應用，相比之前的版本減少了操作流程節約了時間，不在需要需要分別點開不同的工具和子菜單才能看到。微軟的這一設計靈感源于美國華盛頓州的巴士站牌、機場和地鐵的指示牌設計，它采用大量醒目的字體，以次吸引受眾注意力。微軟認為扁平化的設計原則應該是“光滑、快、現代”。而這也正是當下現代設計的一種趨勢。

如今的微軟產品，會越來越多的出現更多這種“扁平化”的設計風格，而少見傳統的Windows視窗界面。其實不僅僅只是微軟，我們可以看到越來越多的界面設計、APP設計都在運用扁平化的設計風格，這種以文字為主的界面導航，功能圖標高度凝括、摒棄多余裝飾的界面設計。

四、結語

扁平化設計用一種簡潔明了，卻又十分吸引用戶注意的方式，實現了對界面設計的革新。扁平化的界面設計中，用戶能夠清楚直接的獲得信息，能夠快速的完成操作目標，達到最優質的用戶體驗。扁平化設計不單單只是做減法的設計，它傳遞的是一種“少即是多”的設計理念。在扁平化設計中，看似簡單的圖形，單調的色彩，單一的字體加以組合設計，卻能夠比那些花哨的設計更具視覺沖擊和視覺導向性。這種設計的優勢顯而易見，它能夠快速、準確、清晰的完成用戶需求，實現界面設計為提升用戶體驗而服務。

[1]開源中國.深入探討扁平化設計[EB/OL].（2013-07-10）[2014-03-07].

[2]馬娜娜.簡潔而不乏味——淺談扁平化界面設計[J].大眾文藝，2013（16）：137—138.

[3]視覺中國.扁平化設計的色彩選擇[EB/OL].（2013-04-28）[2014-03-07].

[4]張蕓.扁平化設計在網頁應用上的優勢[J].藝術科技，2013（6）：229.

[5]楊帆.基于扁平化的界面設計美學思想的探討[J].藝術科技，2014（1）：59.

熊昭（1995.07- )，女,湖北大冶人，民族：漢族，武漢工程大學藝術設計研究生在讀，學歷：研究生在讀，研究方向：數字媒體設計，作者單位:武漢工程大學。