TOPVE唯艺互动

TOPVE VIEW
保持不断的探索与研究
慧眼看世界,在设计的路上不断追求创新!
Keep exploration and research

插画在网站设计中的应用与使用技巧

发布于:2016-12-16 19:35:00 作者:佚名 来源:互联网  人气:

当前位置:首页观点设计理论 正文

在网站设计中,在网站中使用一些插画,提升网站页面的格调,让网站更有特色。至于该如何使用插画,需要结合页面整体结构、色彩、定位来确定,确保网站整体风格和谐、统一。高端网站设计分享网站设计中插画使用的技巧。

插画在网站设计中的应用与使用技巧

网站设计中,在网站中使用一些插画,提升网站页面的格调,让网站更有特色。至于该如何使用插画,需要结合页面整体结构、色彩、定位来确定,确保网站整体风格和谐、统一。下面唯艺互动-高端网站设计分享网站设计中插画使用的技巧。

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

插画在网站设计中的应用与使用技巧

由于优秀的摄影作品可遇不可求,而且并不一定会遇上合适自己使用的样式。专门请了摄影师来拍照如果不集齐适合的模特、布景、道具、灯光……也许结果都未必理想。因此,可以看到,依靠摄影作品作为设计素材是非常受限的,成本相对也高。所以,一个逆向的做法就是依靠插画。我们也许都知道,绘画并不是再现事物原来的样子,而是重新将你眼中的事物表达出来。

也许,你表达的笨拙、可爱、轻松、沉重、怪诞……这些个性化十足的表达就成就了插画一眼即可辨识的独特风格。插画对网站设计个性的塑造可谓是功不可没的。况且,插画的成本也比摄影来得更低,效率也许更高,而又比摄影作品更灵活。假如你想要表达出一个虚拟的场景,摄影作品都需要后期合成,而插画却能立即将幻想变为笔下的实在。因此,这也是我们大力提倡插画配图的原因。网站的插画其实无须一定要细节毕现,往往它传递的是一种价值、理念主张,而非具备叙事的规模。

一、扁平化

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

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

插画在网站设计中的应用与使用技巧

另外,扁平化也可以是抽象的表达。你也可以将一整张网页当作创作对象,整个页面的元素都像是浮动在整个画面的上方。由于扁平化失去了细节,如果想要带来更多“触感”,可以后期增加一些细微的纹理。

插画在网站设计中的应用与使用技巧

二、风格线条

线条是表现插画内容又一种极具风格特征的形式,线条的风格也决定了整个画面的风格。这个类别和扁平化非常接近,因为它们都并不在刻画细节,而是类似一种速写。具有几何特征的线条可以作为插画配图,还可以作为背景,即使是小小的几何线条围绕成形,都能作为背景使用,而这类风格目前正大行其道。

插画在网站设计中的应用与使用技巧

下面这类具有简笔画特征的插画,充满了整个网页,人物极具诙谐感,插画和网页其他组件的整体风格都同时采用线条,风格一致。

插画在网站设计中的应用与使用技巧

插画在网站设计中的应用与使用技巧

三、学院派

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

插画在网站设计中的应用与使用技巧

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

插画在网站设计中的应用与使用技巧

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

插画在网站设计中的应用与使用技巧

四、画影合成

所谓画影合成就是既有绘制的成分也有摄影的部分,它融合了摄影的“真实”和手绘的“想象”,完成来源生活又超越生活之上的跨越。然而这毕竟是比较少见到的表达形式,除了本身不好驾驭以外,画面也会因此而变得更复杂。

如果想要用画影合成作为焦点图形,可以选择一些简单的几何形。利用人像与几何造型、文字的合成,略增加空间感的办法是相互形成一定的遮挡。

插画在网站设计中的应用与使用技巧

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

最后还需要注意的一个问题时,使用网站设计中的插画时,在确保画质的同时,也把保证图片大小尽量小,否则会影响页面打开速度。

关键词:插画 网站设计 风格
分享到:
你觉得这篇文章:
收藏到个人中心
唯艺互动-专注高端网站设计

TOPVE唯艺互动

相信设计的价值 让美好的事情发生

专注高端网站界面设计

联系我们

QQ联系:270304282

邮箱:haobanfa1@163.com

唯艺互动-专注高端网站设计

抱歉!好像您使用的浏览器版本太低了
为了得到我们网站最好的体验效果,我们建议您升级到最新版本的IE浏览器,或选择其它推荐浏览器

继续访问请进入旧版TOPVE