23
11

干货!写给新手入门的运营插画设计指南!

近年来越来越多的banner、海报等采用了插画设计方式,虽然目的是为了更吸引眼球,但若把握不好运营插画的核心,很容易造成视觉混乱、得不偿失。

近年来越来越多的banner、海报等采用了插画设计方式,虽然目的是为了更吸引眼球,但若把握不好运营插画的核心,很容易造成视觉混乱、得不偿失。


所以今天小多就给大家讲讲运营插画设计的一些技巧方法,希望对大家有所帮助。



一、运营插画三大核心


提到运营插画,那么最不可忽视的就是它的三大核心:


运营文案表达清晰

在设计插画前,插画师需要和运营沟通清楚前期要画什么元素,通过草稿的形式表达出来,这样可以大篇幅的降低你改稿的次数。


20201123_103334_148.png


视觉元素要主次分明

平面感最为强调的是视觉内容主次分明,这样看上去会显得更加清晰有条理,能让人一眼就注意到信息源。


20201123_103400_158.png


背景元素:主要用大块面积的色块进行表示,颜色要弱化。


20201123_103433_383.png


辅助元素:可以先绘制主体物,后到素材网或者百度去搜索相关的辅助元素进行搭配,合适的就留下,主要起到画龙点睛的作用,一般面积比较小。


20201123_103447_340.png


主体元素:跟运营沟通后的主要绘制角色。


20201123_103502_588.png


风格特点要统一规划

画风统一

在设计的时候通常是有很多元素的,不同的元素汇总在一起,如果不将画风统一就会看上去很突兀;所以为了画面和谐,也为了让作品更有辨识度,在设计时需要将画风统一。比如主题都是线性插画,那么扁平插画就不可取。


20201123_103543_512.png


文案颜色统一

身边很多才入门PS的小伙伴们喜欢将一段文案用不同颜色强调关键字的突出效果,其实这样做视觉效果并不好。正确的做法应该是统一文案颜色,用大小、旋转角度等方式来展示突出效果。


20201123_103706_708.png


20201123_103725_982.png



二、插画运营五大视觉标准


1.视觉对齐(横屏竖直)

来一起感受下左右两边不同对齐效果图,是不是右边看上去更加舒服些,所以我们在设计的时候要注意视觉对齐。


20201123_103755_290.png


2.视觉留白

咱们在设计的时候要学会适当留白,不要将物体塞满整个画布,次要元素要么去掉,要么减弱,要么归到主体物本身。


20201123_103823_727.png

画布塞满效果图

20201123_103835_262.png

留白后效果图


3.内容集中

设计的时候不要把元素过于分散,影响第一视觉流程,尽量把元素集中,放大缩小元素来确定第一视觉元素。


20201123_104006_709.png

分散效果图

20201123_104018_328.png

集中效果图


4.视觉降噪

生活中可不止听觉有噪音,视觉同样有!当图中出现多种元素、多种元素时, 会妨碍我们感觉器官对所接收的信息的理解。所以在构图中禁止元素种类过多,禁止颜色过多,禁止字体过多。


20201123_104242_288.png


5.避免过多元素重复

我们想要作品看起来精致,就不能使用太多类似的元素,否则作品带给别人的印象会有粘贴复制、偷工减料的感觉。


20201123_104118_061.png

类似元素重复过多




三、运营插画常用构图



1.字体常用构图: 居左、中轴、居右


20201123_104321_058.png

20201123_104345_466.png


这三种文案基本上能包含百分之八十以上的文字排版,虽然简单却很重要。


2. 图像常用构图: 居左中轴居右



20201123_104407_387.png


好了,了解以上方法后我们开始最后的绘画!



四、四步构建物体造型


没学过绘画?不用担心,就算没有美术基础也能画准物体!教程如下


第一步:用真实场景构建图片

到素材网找一张真实的实物图片了解其构造和角度。


20201123_104704_219.png


第二步:用软件功能构建轮廓

对实物照片观察后,用软件绘制出轮廓。


20201123_104759_722.png


第三步:搜竞品确定产品风格

大家可以去素材网上找相应的插画风格,扁平的,线性的,简约的,微质感的,确定好插画风格走向。


20201123_105044_788.png


第四步:利用材质噪点增加画面的体积感和丰富感。

下面这类噪点材质现在比较流行的插画风格,可以给扁平风增加一些质感,视觉效果更好一些。


20201123_105106_396.png


小示例


文案要求:设计一款毕业季的插画,需要一个女性角色,周围布满植物。


视频教程如下



20201123_122038_531.png

文艺类的插画,衣着丰富多样,颜色各式,年龄层次和行业跨度比较大,大家可以根据文案主体要求来。



五、插画人物小技巧



最后再分享给大家一些插画人物非常实用的口诀技巧~


头身比顺口溜:

9头身和7.5头身比例是最常用的,立七坐五盘三半,伸九弯五跪四半;头一肩二臂三头,躯三腿四足一头;画手一头三分二,大腿小腿各两头。


20201123_115913_129.png

20201123_120034_154.png


至于抽象类插画,它已经突破正常头身比,不在正常人体比例范畴内。


20201123_120009_301.png


插画人物形体要求:可以用火柴棍法确定人物体态然后进行绘制。


20201123_120059_038.png

20201123_120312_247.png

20201123_120253_624.png


身高比列:用标尺来确定人物的身长比例高度大小合是否合适。


20201123_120113_153.png


四肢的比例和手势可以找真实图片进行绘制。


20201123_120158_481.png


文末想说:运营插画不是插画,是结合文字排版和插画同时进行的产物,是需要大家将美术基础和文案排版落到实处才能产出一副好的运营插画。


好啦!今天的干货教程分享到这里,下期我们不见不散~



附:学员插画作品分享

20201123_120653_883.png

20201123_120834_692.png



关注“阿多比设计学院”获取更多教程资讯!

20201123_121015_893.jpg






版权所有,转载本站文章请注明出处:蜗牛学苑, https://www.woniuxy.cn/article/561