扁平化如何設計 設計扁平化的技巧

今天給大家帶來扁平化如何設計，設計扁平化的技巧，讓您輕鬆解決問題。

業界對微軟Windows8操作係統全麵采用Metro界麵風格的作法褒貶不一，但在一切還沒有定論之前，蘋果的iOS和Android 安卓係統卻立即跟進，一時間扁平化設計風格風靡全球。於是一夜之間，好像所有的東西都被拍扁了，網頁、軟件、海報等各種界麵都刮起一陣扁平化的暴風。實際上，扁平化風格並不是什麼新鮮的事物，早在幾十年前，設計界就有極簡風格的流行。另外像傳統的平麵媒體，比如交通、公共場所指示係統等，也一貫采用的是扁平化的設計風格。對於設計師來說，其實扁平化風格要比傳統的擬物化風格更容易實現，特別是更容易矢量化，這也是為什麼當前UI設計偏愛扁平化風格的重要原因，因為這種風格可以適應在不同分辨率的屏幕之上。當然要設計出一款精美的扁平化風格產品，也不是容易的事情，這需要一些技巧和方法。下麵講述的技巧可以有助於設計師快速構建出美觀的界麵元素。

具體方法如下:

1

什麼是扁平化設計

扁平化設計是一種極簡主義的美術設計風格，通過簡單的圖形、字體和顏色的組合，來達到直觀、簡潔的設計目的。扁平化設計風格比較常見於傳統媒體，比如雜誌、公交指示牌等處。隨著計算機網絡技術的發展，扁平化設計風格越來越多應用於軟件、網站等人機交互界麵，以迎合使用者對信息快速閱讀和吸收的要求。與扁平化設計風格相對的是偏向寫實的擬物化設計風格。要設計出好的扁平化界麵，必須拋棄所有擬物風格的技巧。我們可以通過一張圖來了解擬物化設計的主要特點，把這些特點統統扔掉，就是扁平化設計的特征：

2

極簡的元素

扁平化設計追求的是一切極其的簡潔、簡單，反對使用複雜的、不明確的元素。在設計扁平化風格界麵時，特別是在圖標的設計時，應該遵循極簡原則。複雜的、含義模糊的元素將會造成使用者的困擾，這與扁平化設計風格直觀、簡潔的總原則是相違背的。隻有采用足夠簡約的設計元素，才能達到最好的展示效果。

3

貼切的圖標

在設計圖標時，必須使用與所對應功能緊密關聯的圖標元素，並且這個元素應是通用的、廣為人知的，基本不受地域、種族、文化、語言等因素影響。絕對禁止使用一些定義模糊，寓意不清的元素，或者某些行業特有的，某些領域專用的元素。比如在下麵這張圖中，如果設計師要表達的是“分享”這一功能，那麼顯然右側的圖標更具有通用性：

4

更多的圓角

在產品設計中，設計師經常會采用圓角設計，以防止在產品使用過程中對使用者造成傷害，這種人性化的設計深受使用者的歡迎。同樣的道理，在用戶界麵設計過程中，使用一些圓角圖案，不但會使設計更具親和力，也會讓使用者更容易接受設計者的設計意圖。這也符合大眾追求圓潤、圓滿的心理需求，下麵的圖例就可以充分表明這一情況：

5

中性之美

在扁平化設計中，色彩的應用極為重要。由於拋棄了擬物化設計風格的漸變、高光等特效，隻能使用純色塊來進行設計，那麼在色彩的搭配和選擇上就極有講究。為了能讓使用者舒適的閱讀、使用設計者的作品，不造成眼睛疲勞或者其它不適感，設計師應盡量選擇中性的顏色。也就是說，要避免使用飽和度過高的純色，比如純紅、純綠、純藍等顏色，因為這些顏色在展示的時候會非常刺眼，嚴重影響使用者的視覺體驗。同樣可以通過下麵的圖片來對比兩者之間的差異：

6

鮮明的對比

在色彩的應用中，要注意顏色之間的對比，隻有通過鮮明的顏色對比，才能迅速抓住使用者的眼球，讓設計師的意圖表現的更加明確。通常的技巧是，通過亮度、色溫、對比色、互補色等等手段來實現顏色的對比，應盡量避免使用參數相近的顏色，這樣的顏色搭配會使閱讀困難，甚至會造成使用者的極度不適。可以通過下麵的這張圖來體會其中的奧妙：

7

字體的選擇

在扁平化設計風格中，因為追求極致的簡潔，力求最快速、最直觀的表達設計者的意圖，所以在字體的選擇上，也是以簡潔、清爽為標準。應采用通用的、筆劃清晰的字體，避免使用字跡不清的字體，比如草書，特殊字體等，也應該避免使用已經不再流通的字體，比如古代甲骨文、篆體字等等（特殊用途除外）。對於中文字體來說，諸如雅黑、幼圓或者細黑等字體都是不錯的選擇。英文字體也是同樣的道理，如下圖所示：

8

善用灰色

黑色、白色和灰色在扁平化設計中至關重要，由於采用了大量的色塊，難免給用戶以眼花繚亂的感覺。所以在有的時候，設計師為了突出重點，可減少色塊的使用，而轉由使用一種或者二種主要的顏色來突出主體，其它部門則通過灰色來表達。由於灰色與任何顏色都不衝突，所以在設計時，巧妙的使用灰色，將起到意想不到的效果。正確的使用灰色，將使主體更明確和突出，更容易被使用者接受。

9

擬物設計的轉型

對於原有的擬物設計風格，如果要向扁平化設計轉型，那麼隻需要將原來設計風格逐一拋棄，分別去除描邊、陰影、漸變、高光等等特效，讓設計回歸本原，用最簡潔的幾何圖型和最清晰的顏色來表達設計者的靈感。當然扁平化設計雖然有許多的優點，但也並不是萬能藥，並不是所有場合都適用扁平化設計，設計師要根據情況選擇正確的設計風格，從而達到最佳的設計效果。

以上就是扁平化如何設計，設計扁平化的技巧教程,希望本文中能幫您解決問題。