- 零基礎學網頁UI設計
- 胡雪梅
- 315字
- 2020-11-02 10:02:40
1.5.2 扁平化風格
扁平化風格的核心設計思想是去除冗余、厚重和繁雜的裝飾效果。具體的表現是去掉了網頁元素中多余的透視、紋理、漸變以及3D效果等因素,這樣可以讓“信息”本身重新作為核心被凸顯出來。同時在設計元素上,需要強調元素的抽象、極簡和符號化。圖1-27所示為扁平化風格的網頁UI示例。
☆ 提示
扁平化設計風格的總體趨勢是以簡單和最少化為主。扁平化設計風格主要有5個要點,分別是極簡、貼切、圓角、中性和鮮明的對比。
在眾多的扁平化設計中,iOS系統的界面元素以簡單和純色為組合進行設計,微軟的界面設計則以單色和極簡的抽象矩形色塊為主,它們的特點是大字體、光滑和現代感十足。圖1-28所示為扁平化風格的網頁UI示例2。

圖1-27 扁平化風格網頁示例1

圖1-28 扁平化風格網頁示例2