扁平化設計五大原則

摘要：這段時間以來，扁平化設計一直是設計師之間的熱門話題。那什麼是扁平呢？designmodo設計師carrie cousins總結扁平化的五大特點，並且介紹了「準」扁平化設計理念及其優缺點。

這段時間以來，扁平化設計一直是設計師之間的熱門話題。每個人都有自己的獨特認識，有的非常喜歡而有的人卻恰恰相反。那什麼是扁平呢？designmodo設計師carrie cousins在**上介紹了扁平化的五大特點，以及「準」扁平化設計的優缺點。csdn編譯如下。

cousins表示他雖然對扁平化設計的感覺非常強烈，但並沒有特別熱愛或者特別討厭扁平化設計。他認為好的設計不應當侷限於某種設計風格，而需要更注重可用性、有用性。如果因為時尚的緣故，那就順其自然吧。但該趨勢並不適合一切專案，所以不能強求所有應用都遵從這一風格。

顧名思義，扁平化設計僅僅採用二維元素。所有元素都不加修飾——陰影、斜面、突起、漸變這樣會帶來深度變化的設計都是不應該的。從框到按鈕，再到導航欄都乾脆有力，需要極力避免羽化、陰影這樣的特效。現實主義、3d、擬物化更是扁平化設計的大敵。

扁平化設計中的層次和其它的一一對應，但各個位面間沒有交叉，不會明確區分背景、前景、按鈕、文字、導航，等等。

那如何做好扁平化設計？扁平化設計依賴於清晰的層次結構和元素布局，優秀的扁平化設計應該能幫助使用者理解產品以及互動。

扁平設計中使用到很多簡單的ui元素，比如按鈕和圖示。設計師更常用矩形、圓形、方形等簡單的形狀。元素獨立。正角、直角、圓弧都非常常見。

ui元素應該在保持高可用性的前提下盡可能的簡單，保證應用或**直觀、易用，無需引導。為了同時達到簡單但直觀的效果，你可以嘗試為按鈕填充深色，以鼓勵使用者點選。

記住，簡單的元素並不意味著設計起來很簡單，恰恰相反，扁平化設計理念的複雜度可以與任何其他設計風格相提並論。

因為扁平化設計要求元素更簡單，排版的重要性就更為突出了。字型的大小應該匹配整體設計，高度美化的字型會與極簡設計原則相衝突。字形上可以應該使用粗體，文案要求精簡、幹練，最終保證產品在視覺上和措辭上的一致性。

字型選擇上可以使用簡單的無襯線字型，通過字型大小和比重來區分元素。同時你也可以使用新奇的字型作為點綴，但一定要記得不能過火。

排版的目的在於幫助使用者理解設計。標籤按鈕等其它元素更注重增強易用性和互動性。

色彩的使用對於扁平化設計來說非常重要。你可能已經發現了，扁平化設計的**、應用色彩明顯要更加鮮豔、明亮。此外扁平化設計的專案也擁有更多的色調。一般的**很少會使用3種以上的色調，但是在扁平化設計中，平均會使用6-8種顏色。

扁平化設計的色調偏通常更有活力——色彩更純。其主要、次要顏色通常都是非常大眾化的顏色，然後再配以幾種其它顏色。扁平化設計的另乙個趨勢在於復古顏色的使用——淺澄色、紫色、綠色、藍色——都極為流行。

扁平化設計生而簡單，整體上趨近極簡主義設計理念。設計中應該驅除任何無關元素，盡可能地僅使用簡單的顏色與文字。如果一定需要視覺元素，你可以新增簡單的圖形。

最近，越來越多的設計師開始贊同準扁平化的設計。在準扁平化設計中，基調仍然是扁平風格的，但會在設計方案中新增一種，且僅新增一種特效，無論是陰影也好、梯度也好……