1.1.2 扁平风格

基本特征

扁平风格插画主要由色块构成，造型几何化，外轮廓光滑，视觉表现多样化，可亲和，也可严谨。因此，扁平风格插画被广泛应用于各个领域。

下图中的画面元素简洁，大量的矩形和圆形等形状组成了整个画面。整体的色调偏稳重，低饱和度的深蓝色为主色作背景，低饱和度的暗红色和浅黄色为主元素的配色，画面风格成熟，偏中性化。

除扁平风格插画外还有微扁平风格插画，扁平风格插画与微扁平风格插画的差异较小，因此统称为扁平风格插画。部分扁平风格插画中会添加颗粒质感和渐变的效果，以丰富整个画面，让画面看起来更有质感。下下图中人物的脚部和手臂的暗部就添加了颗粒的质感。

基本表现方法

绘制扁平风格插画时，也会使用绘制卡通风格插画的工具，如“钢笔工具”和“矩形工具”等。虽然这两种风格插画的绘制工具相同，但是视觉表现效果不同。

扁平风格的插画主要由不同的色块构成，几乎没有轮廓线。绘制扁平风格插画时，应遵循“先整体，后局部”的步骤，即先绘制大元素色块，再绘制小元素色块。下图中，先使用“钢笔工具”勾画出雪地、雪人、树、雪花和云等元素，再为画面设定颜色。为了使地面和天空分开，可以将地面设定为深色，将天空设定为浅色，再按照主次和前后的关系将各个元素组合在一起，这样就构成了一幅完整的扁平风格插画。此外，我们可以在画面中加入一些杂点、颗粒质感和渐变的效果，让画面更丰富。

提示

扁平风格插画的应用范围比较广，如HTML5（通常简称H5）页面、Banner、闪屏页、海报、壁纸、皮肤和功能入口图标等。