网页设计中的个性插画风格发布者：本站     时间：2022-01-13 10:01:46

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

由于优秀的摄影作品可遇不可求，而且并不一定会遇上合适自己使用的样式。专门请了摄影师来拍照如果不集齐适合的模特、布景、道具、灯光……也许结果都未必理想。因此，可以看到，依靠摄影作品作为设计素材是非常受限的，成本相对也高。所以，一个逆向的做法就是依靠插画。我们也许都知道，绘画并不是再现事物原来的样子，而是重新将你眼中的事物表达出来。也许，你表达的笨拙、可爱、轻松、沉重、怪诞……这些个性化十足的表达就成就了插画一眼即可辨识的独特风格。插画对网页设计个性的塑造可谓是功不可没的。况且，插画的成本也比摄影来得更低，效率也许更高，而又比摄影作品更灵活。假如你想要表达出一个虚拟的场景，摄影作品都需要后期合成，而插画却能立即将幻想变为笔下的实在。因此，这也是我大力提倡插画配图的原因。

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

详细解析网页设计中的个性插画风格,PS教程,

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

详细解析网页设计中的个性插画风格,PS教程,

详细解析网页设计中的个性插画风格,PS教程,

详细解析网页设计中的个性插画风格,PS教程,

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

学院派

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

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

详细解析网页设计中的个性插画风格,PS教程,

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

详细解析网页设计中的个性插画风格,PS教程,

详细解析网页设计中的个性插画风格,PS教程,

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