【平面設計】扁平化設計(Ⅲ)——原則

【導讀】關於扁平化設計是一個大的門類,通過前面兩期的分享,我們已經知道了其概念和技巧的內容,今天我們繼續與大家一同分享它的原則。


拒絕特效


640

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

640

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

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


僅使用簡單的元素


640

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

640

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


注重排版


640

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


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

排版的目的在於幫助用戶理解設計。


關注色彩


640

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

640

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


極簡主義


640

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


“準”扁平化設計


640

在準扁平化設計中,基調仍然是扁平風格的,但會在設計方案中添加一種,且僅添加一種特效,無論是陰影也好、梯度也好。

640

這種設計風格比嚴肅的扁平化更加靈活。設計師們喜歡它,因爲可以添加深度和紋理;用戶喜歡它,因爲它能有助於直觀的交互。但反過來,也有設計師不喜歡它,因爲“準”扁平風格是另兩種風格的混合體,缺乏明確的定義,所以更難用好。


設計

需要不斷積累

需要不停磨練

更多資訊:呼聲社區

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章