前言

现在岗位对ui设计师的要求越来越高，只会画界面已经远远不能满足要求。很多时候我们处在一个小公司，岗位并没有分的那么细，UI设计师也需要做一些与运营相关的工作，这个时候就要求你拥有能力去绘制一些插画使用频次较高的设计工作，比如banner，启动页等。

这是之前在公司分享的一下自己平时绘制插画的一些方法和一些小技巧，现在重新整理一遍分享出来，说不定自己的一些思路对一些刚入门小伙伴有所帮助呢，有不同意见欢迎一起讨论。  

分享目录 

1. 插画的商业价值

2. 插画的类型

3. 如何绘制插画

1）确定主题

2）发散思维

3）构图画草稿

4）确定风格

5）上色

1. 插画的商业价值 

我们经常看到APP闪屏，空状态，活动运营页，banner，引导页等等越来越多的内容采用插画的形式来表达内容，传递信息，插画的使用场景非常广。

你有没有想过为什么插画的使用场景如此广呢？原因有很多，我说一下自己的观点，第一个就是现在很多图片都有版权，而且找图是一件费时的事情，就算找到了，图片还不一定能很好得贴合主题，而用插画就省去了上述的很多烦恼。第二个就是插画的视觉冲击力强，能更好的营销气氛，增加趣味性，同时可以更好的控制哪些区域用来展示信息，而图片除了把适合的主体抠出来，如果用一整张图片，用来传递信息的区域很受限制。

2. 插画的类型

插画的类型有很多种，例如：扁平风格，手绘风格，立体风格等等。现在最流行的插画风格就是扁平插画了，我们不难发现大部分场景都是用扁平插画，但是最近也逐渐流行用C4d制作的立体插画，例如支付宝的某些活动页，淘宝就更不用说了，淘宝属于电商了，活动运营页视觉要求高，立体插画所带来的的空间感和营造的氛围/视觉冲击力，普通的扁平插画是很难相比的的。还有一些电视台的视觉改版也是采用立体风格。扯远了，继续说扁平插画，扁平插画很适合新手，首先不需要你有多深厚的美术功底，其次不需要考虑透视，很复杂的光影等，只需要运用一些简单的图形就能绘制出一副简单的插画。插画的类型也分为很多种，我们现在讨论常见的几种：

（1）扁平插画

这个插画类型最适合新手，没有复杂光影关系，肌理等。通常是将物体抽象化简约化，用规则的几何形状或不规则形状变形搭建形体，再搭配大块面的色块配色。这类插画也是现在互联网视觉设计中最常见的插画类型，画风比较简单，容易突出画面的重点，向用户快速传递信息 

（2）描边插画

描边插画跟扁平插画差不多，只是形状外轮廓多了一层描边。描边插画里元素也是一些基础图形加变形组成，然后用较深色的色块作为暗部，区分明暗关系。外轮廓的描边一般用深色的颜色，才能清楚看出描边，不然压不住画面，感觉跟扁平插画一样了。当背景是深色时，才会用浅色描边。描边插画给人一种卡通，轻松活泼的感觉。

（3）剪纸风

剪纸风，正如名字所述，插画看起来像一张剪纸，通过不同图层加投影效果，制作分层剪纸的效果。剪纸插画比扁平插画更具有层次感，因层级叠加丰富，类似一张张纸片，给人一种新奇有趣的感觉。

（4）2.5D风格

2.5D插画，也伪3D，因为它不是3D软件建模而成的，是用平面软件制作的3D效果，所以它不是立体插画。此类插画比较常用于金融类，科技类闪屏，banner。此类插画制作简单，可用ai里的3d工具（效果-3D-凸出与斜角-等角），即可快速制作出立体形状。另外还有一个ps插件神器-Generator，也可快速生成立体形状，安装即可使用，有需要的小伙伴可用自行百度一下。

（5）国潮风格

这几年，随着李宁品牌登上纽约时装周，故宫推出一系列文创产品，“国潮风”逐渐进入消费者视野，更多的人对中国传统文化产生了兴趣。越来越多的年轻人追求潮，追求新鲜，“国潮热“愈演愈烈，所以很多国货品牌都从包装下手，采用国潮风格插画进行包装设计，将东方古典之美和现代产品化相结合，满足年轻人对潮流文化和生活方式的追求

（6）立体插画

随着C4D的火热，立体插画也越来越流行。设计师可以通过好用的3D 工具更好的表达自己的创意和想法。相比扁平插画，立体插画营造的空间感与细腻的材质质感，能给用户更震撼的视觉冲击力。 

3. 如何绘制插画 

了解完插画的商业价值以及常见的插画风格类型，接下来说说如何绘制一幅插画。大概讲述一下我个人练习插画的大概思路，希望对你有所启发 

（1）确定主题

都说艺术来源于生活，我们可以从生活中获取灵感，新手不要急着去挑战人像，可以先画一画身边的小物品，也可以从节日入手，例如什么中秋节，元宵节，圣诞节等等。或者春夏秋冬也行，还有就是可以加入一些打卡群，这样每天都会有一个主题，围绕群主给的主题进行创作就好了。至于打卡群怎么找，可以在微信/微博搜一下“插画打卡”，就会出现很多训练营和超话。点进去“超话”就会搜到对应的打卡群

（2）发散思维

也就是头脑风暴了，从一个主题进行联想，比如画端午节的闪屏，那我们自然的就会想到龙舟啊，粽子啊，圣诞节就会想到圣诞老人，麋鹿，礼物，烟囱，雪啊。此时就要拿笔记录下来，不然只是在那里空想，等下画草稿的时候就忘了。我这里举一个详细的例子，就拿国庆的闪屏来说吧，我们自然就想到国旗，阅兵，故宫等。再通过这些关键词联想其他关键词，确定想要的几个关键词后就去百度、花瓣等搜索对应的实物元素。

（3）构思画草图

我们在进行头脑风暴的时候会有很多想法，当确定了按哪一条思路走的时候，就可以画草图了。比如上面提到的国庆闪屏，假设选择故宫作为主体，我一般都是采用居中构图，先画好主体之后再在加入其他元素在丰富画面。这里讲一下我的作图思路，在构思画面的时候，我们肯定会遇到元素不知道怎么画的情况，例如上面提到的故宫，此时不要在那里空想，这时候可以打开百度，搜一下故宫，就会出现很多故宫的图片，通过图片提取简化故宫的造型。这对于新手有一定的难度，还有另一个方法就是打开素材网站，例如什么千图网，千库网，也许有人会说上面的素材很low，又不是让你直接用素材，而是看看别人是怎么画的，看一下别人怎么提取造型，用自己的方法画出来。这里比较建议用几何形去画，能用几何形的就用几何形去做布尔运算，这样做出来的形状比较规整圆滑，看起来比较高质量，不会像钢笔勾的那么歪歪扭扭。

（4）确定风格 

这里就知道平时收集灵感库有多么重要了，这里是建议每天都去收集灵感，站酷上面有很多优秀的插画师，追波，behance，ins上面也一堆，看首页作品，再看看这些优秀的插画师关注的人，这样就会关注到很多优秀插画师了（这里划重点）。从我们平时收集到的灵感素材也能获得很多灵感，我们可以把多个灵感进行融合设计，那就变成你的作品了。一定要多找参考，不要只是想。 

这里提一下，我们要对灵感库进行分类，这样找起来比较方便。像我，人物我们会经常画，所以我就会建立一个人物的文件夹（如下图），里面有各种人物的姿势。这样画的时候就会有参考，知道各种场景下的人物姿势应该怎么画。你也可以直接去花瓣搜人物姿势。 

（5）上色 

构图就像一个人的的长相，配色就好像一个人的衣服，长得好看的人穿了一件很丑的衣服，整体的印象也会大打折扣。要有良好的色感，需要长期欣赏优秀的作品，培养色感。另外还要了解一下色彩的情绪，色彩的基础理论知识啥的。例如红色有热情，喜庆等等的意思，这就是为什么春节相关插画都会采用红色的原因。 

色感好的大佬，随便怎么配都不会丑，像我们这种没经过科班训练的人就只能使用一些小技巧了。下面分享几个技巧 

「1」不同色系，但是明度和饱和度保持一致。 

由于明度和饱和度保持一致，3个颜色看起来很和谐，不会说当中某一个颜色显得很突兀。也可以让色相一致，明度和饱和度不一致，上述两种方法因为保持了某一变量不变，所以做出来的配色不会太差。当然这不是死规矩，人还是要懂得变通，有些颜色，同样的明度下会看起来比较亮，这时候就要适当降低一点。 

「2」”偷“色

追波和behance上面有非常多优秀的作品，假如你是用eagle收集灵感素材，点开某一张图片，在右上角会有该图片的主要配色。追波上面点开某一幅作品之后，也有该作品相关的配色，然后你就可以去借鉴别人的配色了。  

我想这里大家是会用吸管去吸，我建议可以自己看着原图的颜色，手动调到原图颜色差不多为止，然后再用吸管去吸，比较一下前后颜色的位置，这样长期锻炼，看到一个颜色，你就知道大概是在哪个位置。 

「3」借助一些配色在线的配色工具 

这里放一个收集了很多配色的工具的网站，超级无敌全。网址我也放在顶部，方便大家复制。

最后总结一下插画绘制的必杀技 —— 多看多练 

如果觉得这篇文章对你有帮助，请点个赞，谢谢大家 

Powered by Froala Editor