史蒂芬說:要想做出好的扁平化設計,也是非常需要技巧的,包括設計元素、字型、色彩、互動等方面,我們一起來分享關於扁平化設計中的一些技巧。
對於設計師來說,如果您觀察微軟的 Windows Phone 的平臺,您可能會發現一個特別的現象:那就是難看的應用不多,但令人印象深刻的應用也不多。應用很有統一感,但是很難張揚個性,以至於有的開發者感嘆,它 們看起來都是一個樣子。所以要想設做出好的扁平化設計,也是非常需要技巧的。
一、簡單的設計元素
扁平化完全屬於二次元世界,一個簡單的形狀加沒有景深的平面,不叫扁平化都浪費這個詞了。這個概念核心的地方就是放棄一切裝飾效果,諸如陰影、 透視、紋理、漸變等等能做出 3D 效果的元素一概不用。所有的元素的邊界都乾淨俐落,沒有任何羽化、漸變或者陰影。尤其在手機上,因為螢幕的限制,使得這一風格在多使用者體驗上更有優勢,更少 的按鈕和選項使得介面乾淨整齊,使用起來格外簡單。
二、強調字型的使用
字型是排版中很重要的一部分,它需要和其他元素相輔相成,想想看,一款花體字在扁平化的介面裡得有多突兀。上圖是一些扁平化網站使用無襯線字型的 例子,無襯線字型家族龐大分之眾多,其中有些字型會在特殊得情景下會有意想不到得效果。但注意,過猶不及,不要使用那些極為生僻的字型,因為保不齊它就把 您帶進坑裡了。
三、關注色彩
扁平化設計中,配色貌似是重要的一環,扁平化設計通常採用比其他風格更明亮更炫麗的顏色。同時,扁平化設計中的配色還意味著更多的色調。比如, 其他設計多隻包含兩三種主要顏色,但是扁平化設計中會平均使用六到八種顏色。另外還有一些顏色也挺受歡迎,如復古色淺橙、紫色、綠色、藍色等。