水晶石教育华南区 广州 深圳 佛山

I Can See The Future!

水晶石教育—中国卓著的视觉艺术教育高端品牌

咨询热线:400-096-1018

关注微信公众号

教你玩转设计中的个性插画风

撰文 | ding 2016-11-21 16:25:18
插画具有辅助文字叙事的功能,在书籍、杂志等平面中已然并不罕见,随着技术提升,插画越来越被网页设计师重视。今天这篇好文总结了网页设计中常见的4种个性插画风格,涨姿势来。


扁平的画风非常适合网页端的展示,插画的对象也许可以是抽象的,模糊的,有的旨在塑造品牌氛围。






网页中插画的风格选择是依赖于品牌内容形象的,你不能在技术控的页面上选用中国传统花鸟画。简单来看,如果我们把插画的风格放在一个滑块里,这个滑块的左边一端是写实,右边一端是抽象的话,那我们的插画风格是在这两端中游移。

学院派
笔触、纸纹,这些传统的学院派绘画所带来某种底蕴深厚的氛围,能结合网页自身的特点,传递出品牌的价值。尤其表现了一种“人为”的过程,不仅从视觉上,还从触觉上激发观者的想象。这一类风格往往比较写实,细节也相对丰富。素描的特点有某种分析式的古典意味,在下面这个珠宝设计的网页里表现一种匠心。


具有水彩画纹理的插画,在下图这个度假中心的酒店展示页面里是一笔非常温馨、更贴近人的存在,酒店不再高高在上的奢华感,而充满了人文精神。




而如下这个联系表格的左侧采用一张速写作为配图,是想表达一种亲近感,设计师并不希望网页呈现这个时代冷冰冰的距离感,而是通过笔触就制造亲和感。
 


扁平化
扁平化可以说是网页设计中用到的最大的画种,它的扁平特质即失去阴影和高光,从“形”的方面去表达网页的内容。因此,扁平化插画绘制起来相对写实的学院派的插画更为简单。它们的表达重点是在于颜色,运用鲜艳的颜色能让扁平化插画丰富起来。

将动物的形象绘制出来就能表现一种活泼可爱的感觉。下面这个网页展示内容原本和技术有关,加入了这些可爱的插画,就能增加一种轻松的情趣。




另外,扁平化也可以是抽象的表达。

 

你也可以将一整张网页当作创作对象,整个页面的元素都像是浮动在整个画面的上方。




由于扁平化失去了细节,如果想要带来更多“触感”,可以后期增加一些细微的纹理。



风格线条
线条是表现插画内容又一种极具风格特征的形式,线条的风格也决定了整个画面的风格。这个类别和扁平化非常接近,因为它们都并不在刻画细节,而是类似一种速写。

具有几何特征的线条可以作为插画配图,还可以作为背景,即使是小小的几何线条围绕成形,都能作为背景使用,而这类风格目前正大行其道。






下面这类具有简笔画特征的插画,充满了整个网页,人物极具诙谐感。




插画和网页其他组件的整体风格都同时采用线条,风格一致。




画影合成
所谓画影合成就是既有绘制的成分也有摄影的部分,它融合了摄影的“真实”和手绘的“想象”,完成来源生活又超越生活之上的跨越。然而这毕竟是比较少见到的表达形式,除了本身不好驾驭以外,画面也会因此而变得更复杂。如果想要用画影合成作为焦点图形,可以选择一些简单的几何形,利用人像与几何造型、文字的合成,略增加空间感的办法是相互形成一定的遮挡。


无论哪一种类型的绘画,在运用到网页前都必须思考与内容的关联性,适合才是最重要的,而非一味寻求好看的原则。

后记
就像摄影作品需要设备和模特布景,传统的插画源自手绘或者数码绘画,这些我们已熟悉的知识无需赘述,还有很多创意的变体需要设计师的进一步探索。例如,一张绘画素材和另一张绘画素材的结合,甚至文字的夸张处理等。我们不应该将思维封闭在“只产出可预期以内的画面”,而要在已有的画面里再进一步修饰以达到整体页面的要求。
分享
上一篇 下一篇

热门文章

分享