做好扁平化設計的3個技(jì )巧

史蒂芬說：要想做出好的扁平化設計，也是非常需要技(jì )巧的，包括設計元素、字體(tǐ)、色彩、交互等方面，我們一起來分(fēn)享關于扁平化設計中(zhōng)的一些技(jì )巧。

對于設計師來說，如果你觀察微軟的 Windows Phone 的平台，你可(kě)能(néng)會發現一個特别的現象：那就是難看的應用(yòng)不多(duō)，但令人印象深刻的應用(yòng)也不多(duō)。應用(yòng)很(hěn)有(yǒu)統一感，但是很(hěn)難張揚個性，以至于有(yǒu)的開發者感歎，它 們看起來都是一個樣子。所以要想設做出好的扁平化設計，也是非常需要技(jì )巧的。

一、簡單的設計元素

扁平化完全屬于二次元世界，一個簡單的形狀加沒有(yǒu)景深的平面，不叫扁平化都浪費這個詞了。這個概念核心的地方就是放棄一切裝(zhuāng)飾效果，諸如陰影、 透視、紋理(lǐ)、漸變等等能(néng)做出 3D 效果的元素一概不用(yòng)。所有(yǒu)的元素的邊界都幹淨俐落，沒有(yǒu)任何羽化、漸變或者陰影。尤其在手機上，因為(wèi)屏幕的限制，使得這一風格在用(yòng)戶體(tǐ)驗上更有(yǒu)優勢，更少 的按鈕和選項使得界面幹淨整齊，使用(yòng)起來格外簡單。

二、強調字體(tǐ)的使用(yòng)

字體(tǐ)是排版中(zhōng)很(hěn)重要的一部分(fēn)，它需要和其他(tā)元素相輔相成，想想看，一款花(huā)體(tǐ)字在扁平化的界面裏得有(yǒu)多(duō)突兀。上圖是一些扁平化網站使用(yòng)無襯線(xiàn)字體(tǐ)的 例子，無襯線(xiàn)字體(tǐ)家族龐大分(fēn)之衆多(duō)，其中(zhōng)有(yǒu)些字體(tǐ)會在特殊得情景下會有(yǒu)意想不到得效果。但注意，過猶不及，不要使用(yòng)那些極為(wèi)生僻的字體(tǐ)，因為(wèi)保不齊它就把 你帶進坑裏了。

三、關注色彩

扁平化設計中(zhōng)，配色貌似是重要的一環，扁平化設計通常采用(yòng)比其他(tā)風格更明亮更炫麗的顔色。同時，扁平化設計中(zhōng)的配色還意味着更多(duō)的色調。比如， 其他(tā)設計多(duō)隻包含兩三種主要顔色，但是扁平化設計中(zhōng)會平均使用(yòng)六到八種顔色。另外還有(yǒu)一些顔色也挺受歡迎，如複古色淺橙、紫色、綠色、藍色等。

/jianzhanzhishi/7358.html 做好扁平化設計的3個技(jì )巧