老板今天让我做插画页面需求，我没画出来，然后....-轻识

兄弟们，微信公众号又改版了，不设置星标，可能会错过文章干货，所以我们专门为大家设计一个如何给菜心设计铺加星标的教程动图，嘎嘎好看，嘎嘎用心，大家现在就可以加一下，以免错过干货！

环境问题日益严峻，低碳行动迫在眉睫。

最近我们就接到一个低碳活动的H5需求，是针对一系列办公场景下的低碳行为进行的打卡活动。根据需求内容我们采用了扁平插画的风格去绘制了这样的一副头图。

最终效果如下：

怎么去制作这种潮流扁平插画风格的头图呢，我将分成以下几个步骤来讲解：

1.草图绘制 2.铺色 3.细节优化 4.合成输出

01 草图绘制

草图绘制，是完成头图插画的第一步也是最重要的一步。因为设计不是艺术创作，需要我们有明确目的去实施。

目的有二：①结合目标活动，与甲方确认画面中内容要素和元素，避免无效设计。②把握方向，结合界面提前规划好尺寸和布局。

以下是绘制的第一版草图，画面核心为活动标题，视觉主体为三只手，中间以三个箭头关联起画面，与低碳活动的三个场景相对应，然后辅以抽象图形和icon进行画面丰富，整体画面呈中心构图。

目前草图的元素丰富度已经差不多，但是主次表现有些较弱，视觉表现也较为平均。于是调整了第二版草图。

优化了以下几点：
①调整画面布局，放大标题区域，占整体画面的50%，并且进行字体斜切处理，让标题更为灵动更突出。
②预留副标题区域，优化元素布局，增加画面透气感。
③增强以手为主体的主视觉，弱化其他元素，增强画面层次表现。

草图绘制到这个阶段就差不多了，对于整体的画面表现逻辑和后期细化的方向已经有了一个很清晰的认识。接着就可以进行下一步了。

02 铺底色

铺底色，就是每部分填上固有色，进一步区分和展示画面的层次，也能继续调整画面。根据此次低碳办公场景的主题，我选取了蓝色为主色，表现低碳、办公和科技感，辅助色为绿色，增加环保，自然感，其余点缀一些暖色系颜色丰富画面，增加冷暖对比。

由于走的是扁平潮流风，颜色的饱和度整体比较高，标题部分则选择无彩色-黑色，与周围高饱和度亮色对比，进行主题强调。