电商设计之商业插画的绘画技巧

电商设计之商业插画的绘画技巧

关键词：设计技巧，创意想法，氛围搭配，色彩搭配，手稿运用，场景构图，文案搭配。

文章导读: 这次分享的关于我在淘积木里的一个H5手绘页面，为什么要说到手绘这个主题，要知道，现在的电商设计再也不是单纯的套套图和加点文案那么单调的玩法了，玩法多种多样，但是要玩到精细和有情调，那也是一种境界啊。今天这里会说到关于手绘的创意想法、起线稿、基本色、贴图、细节处理、颜色关系、文案设计，这些都是作为一张商业插画必不可少的组成部分，每一步都是我们要进行学习和深究的，力求在这个设计大神那么多的电商时代站得住脚。

正文：

一、关于想法和小构图

这个铅笔画的小构图就是这次淘积木H5的其中几张线稿，其实这样的线稿是想法的构思，这次的产品是花茶，所以在产品的构图上，我是往那种安静的静物摆放上面走的，所以我要大致地确定构图和细节的方

向，在后面的线稿构成的时候继续加入我想要的东西。很多时候并不是一个简单的小构图就可以满足一切的，但是没有事先的小构图，很多想法是没有表达出来的，在画线稿的时候，灵感会随着这些随意的线条而进入你的脑海以及画纸，这样的设计才是我们设计师所需要和追求的。

二、手绘线稿

在起稿前，我给它定位的方向是一个古韵风味的花茶在复古的氛围中安静的展示，所以它的底纸是有书香味的纸张，这么做的目的是一开始我就要固定我的大感觉，至少我有纸张的衬托下我不会走偏风格，往往在画画的时候，设计师是很容易画着画着就走偏风格，因为一开始大感觉的东西不支持着你的东西的存在的话，后面从细碎的东西开始，就容易走偏了自己最初的风格，可能你会说，走偏了也挺好的，至少也是一种新的方向和创意。这话没毛病，但是如果是你的个人纯创作，这样绝对是可以的，但是在商业插画里，是不能这样的，因为商业插画它是一系列地展示下去的，当初确定了风格之后，一旦执行了就不能轻易的改变，这也

是为什么我会从线稿和纸张开始定住风格的原因。

其次就是线的走向以及笔触的运用，很多人一开始线条会比较粗糙，建议下载铅笔笔刷或者自己制作属于自己的笔刷（怎么下载笔刷和制作笔刷这期我就不多说了，下期我会着重讲这块的）。线稿有一点就是不需要像平常的素描那样画的那般精细和阴影效果强烈的，因为我们着重的是放在颜色那块，除非你是纯线稿展示。

三、线稿铺色

线稿简单的铺上一层基础颜色，这里可以看到，所有的第一层颜色都是比较单色块和有点边缘粗糙的，这个是我用框选工具大致勾勒出来填色的，这个不需要在一开始的时候就比较严谨的进行上色，随意的出界和错误也是可以有一种属于自己的风格，那种自己刻意出点小错误的笔触也是你的风格，但是，这种美丽的错误不是随便乱来的，如果你是刚开始学的，建议你先保守上色。

四、主题物的颜色表达区分

这里就是在我们的主体物里面进行勾勒上色了，在主体物里面，它的摆放和色彩是有规律可言的，图中的黄色菊花占据画面的中心点，所以它是视觉的亮点以及最重要的视觉点，所以这一抹黄色在红色的衬布下一点都不显得突兀，这个也要归于颜色的纯度选取，颜色的温度选对了，搭配色也选合适了，一切的颜色在

画面都不会突兀。

五、深入细节上色

大致的基础铺色完成了，接下来就是深度细节上色了，在画面颜色最重的红色上，我铺了一个贴图，可以说我是有点偷懒或者什么吧，因为我觉得在画画上面，可能有些设计师他们会全程画到底，但是有时候借

助一些贴图不是不可以的，因为有时候画不出来那种感觉的时候，贴图是最好最快的辅助工具之一了，如果借助一点小工具能让你的画面瞬速起效果的话，何乐而不为呢。

六、颜色那些问题

随着物体的基本色上完之后，接下里就是一步步深入，就是力求把每个物体的明暗关系做到位，就像画布和茶碗的那块暗面的处理，画布的边缘处理，以及茶碗里面的各种物体的关系。

这里会着重说下明暗关系，首先在高光的处理上，是如何用纯度高的颜色进行描绘的，一般高光大多数人是会用本色靠近白色的颜色来点缀的，我的做法就是用纯色，但是这个有点难把握，因为在颜色的温度下，你这个纯色必须要尝试多次才能找到适合的，虽然步骤过程是多了点，但是这种效果往往比那些灰度低明度高的颜色好太多，因为纯色在一片色度底的颜色里永远都是最亮眼的那个。

再说下中间色这档事，中间的颜色我基本是保持颜色不动的，因为这是我一开始就定下的基本色，所以为什么之前我在填第一层颜色的时候选色会慎重点，基本色在其他颜色的深入下，会被覆盖，所以说中间色是多样多彩的，是高光和阴影的重要衔接色。

阴影，说到阴影大家第一时间想到的就是暗面，觉得一片暗色就搞定了。其实色彩这东西，没有绝对的颜色，因为随着环境和光的不同变化，物体的颜色也是跟着改变的。

反光也是一种奇妙的颜色，他在暗面的时候支撑起阴影的整个存在，让人发现，暗面的色彩是有如此多样化的。

在画面上，我在处理那个水纹的时候，我给水面的高光是偏蓝色的，因为日光的照射下，天空是蓝的，它的倒映是偏蓝色的。在处理细节的时候，记得不要被细碎的东西带偏了，记得多恢复100%的比例回来看大感觉，对比下颜色和整体效果。

七、文案搭配

最后一个步骤，就是为我们的画面添加上我们该有的诗意般的文案了。商业插画如果没有好的文案搭配，画得再好也表达不出来它的味道。所以在排版上面和文案的选词上面，我们都要多做功夫，不能毁了一张商业插画的价值。

总结：

与10多年前的电商设计不同，10年前的电商设计是追求卖货，因为当时的需求就是价格便宜，很多都是什么跳楼价啊买什么送什么啊的，所以在设计上大多数表现的都是那些红黄蓝的色彩，要多抢眼就有多抢眼，要多low就有多low。10年后的电商，不再是以前那个样子了，现在人的需求除了价格便宜，在品质，品牌度，款式设计上都有了高的追求。现在的电商时代打的是情感的视觉营销，就好像三只松鼠、百雀羚、阿芙那样，视觉上的营销不再单一产品纯展示，而且多种设计的玩法，有合成的，有手绘的，有C4D模型制作的，有视频制作的，各种各样的手法去展示。

现在展示的都是其中最基本的手绘，手绘的风格是多种多样的，希望我们在学习新东西的时候能不忘初心，做最好的设计。

本文是大麦电商原创文章，如无授权，其他平台严禁转载，如需转载请私信！如有违反，追责到底！