零基础学网页UI设计
上QQ阅读APP看书,第一时间看更新

1.5.2 扁平化风格

扁平化风格的核心设计思想是去除冗余、厚重和繁杂的装饰效果。具体的表现是去掉了网页元素中多余的透视、纹理、渐变以及3D效果等因素,这样可以让“信息”本身重新作为核心被凸显出来。同时在设计元素上,需要强调元素的抽象、极简和符号化。图1-27所示为扁平化风格的网页UI示例。

☆ 提示

扁平化设计风格的总体趋势是以简单和最少化为主。扁平化设计风格主要有5个要点,分别是极简、贴切、圆角、中性和鲜明的对比。

在众多的扁平化设计中,iOS系统的界面元素以简单和纯色为组合进行设计,微软的界面设计则以单色和极简的抽象矩形色块为主,它们的特点是大字体、光滑和现代感十足。图1-28所示为扁平化风格的网页UI示例2。

图1-27 扁平化风格网页示例1

图1-28 扁平化风格网页示例2