本期我们邀请插画师 @于朝蓬 讲解十年来的插画心得


10年前,当插画这种艺术已逐步在国内被大众普遍所接受时,已经涌现了一批牛逼的插画师,这里就不一一列举了。插画,西文统称为「illustration」,源自于拉丁文「illustraio」,意指照亮之意,也就是说插画可以使文字意念变得更明确清晰。这是百度里能查到的比较概念性的解释。插画和设计一样,一般都分为艺术性和商业性,艺术性比较偏个性,插画师的个人色彩比较重,受众面也更小众;而商业性插画要考虑大多数受众群体,所以需要设计师创作出来的作品,大家都能看的懂,感受也更清晰。


在没接触插画之前,一提起“插画”这个词,我脑海里马上涌现的是街头涂鸦、书页插图这种使用场景,因为这种艺术形式足够街头化、平民化,能被大众所接受。当互联网兴起一波后,随着手机移动的普及,因为产品设计实际场景的需要,单一的UI界面并不能带给用户更多的情感化体验,从而越来越多的插画在产品APP里出现,使用场景如:登录页、空白页、专题运营、节日皮肤,以及H5、产品宣传海报等等,于是在一些互联网公司里会有一批需要手绘能力强的职位要求。关于插画,我在坚持了十多年的时间里,也积累了一些心得体会,这里整理了一些关键的问题点,希望对刚开始学插画的同学会有帮助。


A 关于配色问题


配色可能对于刚开始学习插画的人是个比较头疼的问题,我的建议是:在没有足够信心能自己把控好画面整体色调时,直接找一些好的插画资料,用吸管吸他们的颜色,再在自己的画布里重新去调整这些吸收的颜色。



相信绝大多数设计师都曾经甚至现在都这么做,这样可以快速对作品定一个色彩的基调,因为那些你找的好的素材都是经过作者反复调整过的。况且,自己调一套好的颜色并没有那么容易,为何不让自己的创作更高效一些?


B 生动的人物动作和表


生动的人物形象可以让插画看起来更有趣,画面细节也更耐看。其实,主要是表情的传达,加上肢体语言的表现。


如上图简单的画面布局却戏剧满满,小人和狮子重点刻画在于眼神的互动,夸张的头身比例,自行车小到你甚至忽视它的存在,作者将重点想展示的信息都集中在了头部上,但仔细看又能发现其他精彩的细节。即便像下面这组目前很流行的单一面瘫式表情人物,靠服装和简单的动作姿势来刻画每个人的性格,也能让插画看起来文艺范儿十足。


因为有一些设计聊天表情的经验积累,(PS:关于表情设计的思考会在后期里详细的跟大家分享)帮助我在一些插画人物的处理上更得心应手。


上图是2013年我在百度的一个项目里借鉴了电影《功夫》里反派的角色造型,采用了粗糙的手绘线条风格,表情和动作都经过反复推敲,希望可以让人物表现的足够夸张,也足够的接地气。


C 场景渲染



复杂、庞大的场景很容易让画面看起来更震撼、过瘾,我比较喜欢这类大场景式手法,早期有意去收集、借鉴这类不错的案例,如下图PeachBeach的作品《Never-Ever Wood》画面色彩鲜艳、内容足够丰富,细看里面的每个细节小场景都很有意思。



所以2010年圣诞节那段时间,我借鉴了这幅非常棒的作品也同样绘制了自己的世界《自由世界-Pudding布丁村1号》,自我感觉也很擅长画一些有想象力的小场景。(PS:后期也会逐步给大家分享一些插画创作的过程和草图。)虽然我的作品世界看起来也很丰富,但比较起来却是小巫见大巫了,还需努力。



其实,不管大场景、小场景、复杂场景,亦或是简单的场景,我觉得重要的是想办法让你的画面单个元素能融入到这个场景里来,让这些元素之间能产生化学反应,互动起来。除了人物,还有植物、远处的山、天空、云朵…等等,思考每个元素放到画面里是否看起来显得突兀格格不入?处理后的效果是否还能更好一些?


D  画面整体布局


说到画面布局,这个比较考验设计师的整体画面把握能力,来看两组商业案例。下图关于VISA广告中IC卡的商业插图,整个画面围绕一张立体的IC卡展开与业务相关场景想象的延伸,卡的芯片部分被强调突出在画面视觉中心位置,正被工人安装到卡片上,突出是VISA新推出的一张卡片。



伊右卫门茶饮料的创意海报主画面,虽不是绘制的形式,只是将插画真人化去表现,产品当然是画面的核心,茶饮料的原料产地环境作为画面背景,采好的茶直接被送到瓶子外形的作坊里加工出来,以表现茶的新鲜口感和品质感。画面中既有制茶师傅一丝不苟的工作细节又有远处的采茶女辛勤劳作、日本富士山的本土标志,近景远景的关系处理的相当完美,给人很强的带入感和视觉冲击力。


分享2012年在微博画的一组PC端登录页banner插画,第一个是春分节气主题“春分到 蛋儿翘”,鸡蛋实物搭配很轻的手绘线条和淡色处理,立着的鸡蛋本身就很吸引眼球了,给它一个微笑表情,让它巨大的矗立在“春天”里,周围的一切背景元素都是来衬托它的,当天这张图被很多媒体拿去微博转载。


上图第二张是那年圣诞节画的,背景的月亮画成微博符号化的“气泡”形状,圣诞老人在正中央,旁边配一句“想要礼物的@我哟”就很微博语言化了。


E  风格统一、主题明确



整个画面保持统一,没有适当的理由,尽量不要同一个画面出现两种以上的风格。这一块区域用扁平化,那一块用描线风格,会显得很不搭。明确的主题很重要,再多的元素其实都是为了一个大的主题服务,其实这个大家都能理解,就不详细解说了。


以上,也许不能很全面把所有遇到的问题点都get到,但这篇分享的主要目的是帮助大家在今后的创作中多留心观察,自己多一些过程中的思考。今后,会在分享中更多分享设计细节的东西。



回顾一下


A  快速定一个色彩基调后再调整优化


B  生动的人物处理让画面更有细节


C  让每个元素都能融入到场景里


D  画面布局让要表达的东西能抓人眼球


E  所有的元素都是为一个大的主题服务



本篇文章来源于微信公众号: 我们的设计日记