扁平化設計五大原則

扁平化設計五大原則

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

這段時間以來，扁平化設計一直是設計師之間的熱門話題。每一個人都有本身的獨特認識，有的很是喜歡而有的人卻偏偏相反。那什麼是扁平呢？designmodo設計師Carrie Cousins在網站上介紹了扁平化的五大特色，以及「準」扁平化設計的優缺點。CSDN編譯以下。

Cousins表示他雖然對扁平化設計的感受很是強烈，但並無特別熱愛或者特別討厭扁平化設計。他認爲好的設計不該當侷限於某種設計風格，而須要更注重可用性、有用性。若是由於時尚的緣故，那就順其天然吧。但該趨勢並不適合一切項目，因此不能強求全部應用都聽從這一風格。

拒絕特效

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

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

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

如今，愈來愈多的網站開始應用扁平化設計，在App和移動設計中這一趨勢更爲明顯。在小屏幕中，按鈕和選項更少，也讓扁平化設計如魚得水。

僅使用簡單的元素

扁平設計中使用到不少簡單的UI元素，好比按鈕和圖標。設計師更經常使用矩形、圓形、方形等簡單的形狀。元素獨立。正角、直角、圓弧都很是常見。

UI元素應該在保持高可用性的前提下儘量的簡單，保證應用或網站直觀、易用，無需引導。爲了同時達到簡單但直觀的效果，你能夠嘗試爲按鈕填充深色，以鼓勵用戶點擊。

記住，簡單的元素並不意味着設計起來很簡單，偏偏相反，扁平化設計理念的複雜度能夠與任何其餘設計風格相提並論。

注重排版

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

字體選擇上可使用簡單的無襯線字體，經過字體大小和比重來區分元素。同時你也可使用新奇的字體做爲點綴，但必定要記得不能過火。

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

關注色彩

色彩的使用對於扁平化設計來講很是重要。你可能已經發現了，扁平化設計的網站、應用色彩明顯要更加鮮豔、明亮。此外扁平化設計的項目也擁有更多的色調。通常的網站不多會使用3種以上的色調，可是在扁平化設計中，平均會使用6-8種顏色。

扁平化設計的色調偏一般更有活力——色彩更純。其主要、次要顏色一般都是很是大衆化的顏色，而後再配以幾種其它顏色。扁平化設計的另外一個趨勢在於復古顏色的使用——淺澄色、紫色、綠色、藍色——都極爲流行。

極簡主義

扁平化設計生而簡單，總體上趨近極簡主義設計理念。設計中應該驅除任何無關元素，儘量地僅使用簡單的顏色與文本。若是必定須要視覺元素，你能夠添加簡單的圖形。

「準」扁平化設計

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

這種設計風格比嚴肅的扁平化更加靈活。設計師們喜歡它，由於能夠添加深度和紋理；用戶喜歡它，由於它能有助於直觀的交互。但反過來，也有設計師不喜歡它，由於「準」扁平風格是另兩種風格的混合體，缺少明確的定義，因此更難用好。

原文連接：designmono