关于潜规则

在扁平化风盛行的UI设计潜规则下，插画的使用必须与整体扁平化风格保持一致，极简插画非常适合在UI设计中作为赏心悦目的插画，尤其用在时尚相关的网页中，是最不容易被忽略的亮点，手绘能力也是雇主面试招聘设计师时考虑的参考条件之一！

复制中的思考

学习时尚极简风格插画的目的是为了应用，我们可以根据照片给出的轮廓来绘画，化繁为简。

眯起眼睛，离照片远一点！画中的物体和照片中实际物体的关系应该是轮廓，而不是简单的复制。在绘画的过程中，我们应该加入自己的想象和细化。

等值线符号化

我们画的物体往往具有象征意义。就像图标一样，我们模糊了所有个性化的细节，使它们具有象征意义。我们让外观变得“完美”。当然，绘画的主题不是为了展示人物造型的细节，而是为了凸显某种氛围。我们画的基本形状往往是完美的。

步骤 01

我们打开AI，新建一个宽度为1080px，高度为1920px的文档，然后将参考照片放入其中，锁定照片的图层，新建一个图层作为绘图图层，可以使用钢笔工具进行绘制。

步骤 02

将钢笔工具绘制的形状关闭填充，将描边设置为蓝色，描边大小设置为0.5px，也可以选择与照片本身差别很大的颜色。按照照片的轮廓来画线条，不必完全模仿照片。就像这个例子一样，我们不必完全模仿模特的发型和褶皱。基础形状中的每一个形状都要完全闭合，这是为了填充的需要。在画五官的时候，特别是眼睛，不要被线条误导。保持五官最简单的形状，去掉所有繁琐的细节，记得用平滑工具梳理闭合路径上的锚点，让它们变得光滑圆润。

简单配色

这里我们要学会控制色彩，画肖像的时候要从大到小，从后到前涂色。

步骤 03

隐藏原图。人物的五官是原图最吸引眼球的亮点，会被突出。例如，如果我们要突出嘴唇和眼睛，首先应该在颜色上区分嘴唇和皮肤部分。

此时，整体上最好不要使用超过三种颜色。使用颜色作为视觉引导，在人物的重要部位使用不同的颜色对比。为画面添加背景色，与唇色相呼应。添加一个较小的同心圆，颜色对比强烈，颜色看起来干净。

STEP 04最后添加阴影

基础上色完成后，人物的大致形象就一目了然了，对五官等细节进行微调则是进一步“符号化”的过程。

虽然我们舍弃了所有阴影细节，但这并不意味着我们不需要它们。使用阴影可以起到画龙点睛的作用。例如，在这幅画中，我们在颈部添加了头部，并在眼窝处添加了阴影，这增强了视觉层次感和立体感。

注意阴影区域的颜色透明度要在15%左右，不要太暗形成黑脸。

STEP05 营造氛围

在本例中，我们采用的是正负形交替的方法。即让背景和要绘制的物体主体的颜色相互融合。根据格式塔原理，我们人眼可以通过一些线索来判断物体。

STEP06文字修饰

添加文本路径并进行文本修饰。使用文本修改工具调整MAY和AND的方向。

最后，将画布大小调整为1080*1080，以获得更简单的视觉效果，然后将其导出为图像。

完成效果：

最后，请大家尝试用自己的照片，按照上面的方法绘制出属于自己的定制插画吧~~

如果你真的喜欢设计，请关注这个公众号，后续我会给大家带来更多UI插画教程，敬请期待。

胡小清

9年经验

曾就职于搜狐焦点、北京电通广告有限公司担任UI设计师、AE、PM，参与制作搜狐阿迪达斯、蒙牛、凡客诚品、吉百利、福特等奥运期间富媒体广告。

关于水晶石创业培训基地

水晶石教育20年品牌积淀，品质始终如一，以培养实用创意人才为目标，是国内视觉艺术人才培养基地领先品牌！

课程包含：UI设计训练班、建筑商演专业、室内设计专业、影视后期制作专业、新媒体包装与广告专业、游戏原画专业。