翼狐> 设计资讯> 设计访谈>

解析网页设计中的那些插画风格

解析网页设计中的那些插画风格
549人浏览
2016-11-18

摘要:插画具有辅助文字叙事的功能,在书籍、杂志等平面中已然并不罕见,然而由于过去WEB技术发展的原因,网页设计中运用插画的情况却不多见,随着技术提升,插画越来越被网页设计师重视。今天这篇好文总结了网页设计中常见的4种个性插画风格。


  我们也许都知道,绘画并不是再现事物原来的样子,而是重新将你眼中的事物表达出来。也许,你表达的笨拙、可爱、轻松、沉重、怪诞……这些个性化十足的表达就成就了插画一眼即可辨识的独特风格。插画对网页设计个性的塑造可谓是功不可没的。况且,插画的成本也比摄影来得更低,效率也许更高,而又比摄影作品更灵活。假如你想要表达出一个虚拟的场景,摄影作品都需要后期合成,而插画却能立即将幻想变为笔下的实在。


  网页的插画其实无须一定要细节毕现,往往它传递的是一种价值、理念主张,而非具备叙事的规模。



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





  网页中插画的风格选择是依赖于品牌内容形象的。换句话说,你不能在技术控的页面上选用中国传统花鸟画。当然也有特例,这里我们只总结较为普遍的现象。简单来看,如果我们把插画的风格放在一个滑块里,这个滑块的左边一端是写实,右边一端是抽象的话,那我们的插画风格是在这两端中游移。有的插画能很好的表现实物的细节,“好像真的那样”。但这样的插画意义并不大,因为如果求真,绘画永远不如相机。因此,才有了各具特点的风格化插画。


  学院派


  笔触、纸纹,这些传统的学院派绘画所带来某种底蕴深厚的氛围,能结合网页自身的特点,传递出品牌的价值。尤其表现了一种“人为”的过程,不仅从视觉上还从触觉上激发观者的想象。这一类风格往往比较写实,细节也相对丰富。


  素描的特点有某种分析式的古典意味,在下面这个珠宝设计的网页里表现一种匠心。



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




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



  扁平化


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


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




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


1 2

收藏 | 36

精彩评论

设计教程
;