APP下载

插画在网页设计中的应用

2016-12-13张筱语

现代装饰·理论 2016年10期
关键词:浏览者插画网页

张筱语

如今,在现代互联网快速发展的依托下,各类的企业和个人都有

个用来展现自己的网站作为平台,其中插画也在各类网页设计中被频繁使用。不同类型的网站受众面不同,门户网站中的用户量大,面对大量的用户需要满足不同的审美需求,网页设计中的插画也需要满足大众的审美。

插画在网页设计中的作用

1.插画在网页设计中的效果

插画在网页环境中的运用必须要与传统媒介的运用有所区分,为了突出主题和满足人们的需求,这就要求插画设计在强调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力,让受众在审美的过程中接受和处理所传达的信息。这就是网页设计中插画与独立插画的大区别,优秀的网页设计插画是能更好的表现诉求的插画,而不一定是从艺术性角度最好的插画。

2.插画带来的用户体验价值

网站都在讲究用户体验,最重要的是体现在页面的设计和表达上,给用户的第印象也往往是从视觉开始。插画作为一种艺术的形式可以给网站建设以视觉上的填补,利用其特性改变网站的形象,给网站增添感染力。例如谷歌,从1998年开始尝试插画运用到主页logo上,自此以后利用插画来装饰谷歌Logo变成一项传统,重大纪念日、小游戏以及音乐元素都被融进谷歌的涂鸦中(如图1),这种插画元素的融入不仅仅受到用户的喜爱,还使自己的员工感受到公司对各种创新、创造的支持和鼓励,他们因此在这样的氛围中便能更加积极而无所顾忌地贡献他们的创造和想法。这一切的最终受益者还是谷歌,它因而得以这么多年来都保有源源不竭的创新能力,成为全球最领先的互联网公司。

插画在网页设计中的运用

1.插画使用在网页设计中的表达方式

插画在整个网页设计中的运用应该和导航系统联合起来共同引导浏览老的视觉流程,因此插画的艺术性在于确保整个网页的个性化和整体性。设计师需要让浏览者在最短的时间内接受到信息与美感的双重体验,满足人们的实用和需求。通过塑造可视的形象来表现社会生活和设计师情感的艺术形式。生动的视觉艺术能够唤起浏览者的审美情绪,从而符合他们获取信息的心理需求和审美体验上的满足。

2.不同类型的网页设计中插画的使用

插画在企业网站中的运用对于企业类型的网站来说,主要诉求便是以用户为中心让网站既美观又实用,提高企业形象,是种以网站的用户体验为导向的设计。网站通过设计师的艺术化渲染,让浏览者对企业产生好感度,从而激发浏览者的点击冲动。企业类型的网站把插画与网页设计融为一体,转化为生动、精彩的网页视觉形象,唤起人们对网络视觉艺术的追求与热爱。这种对于网站的喜欢最终会转化成为点击率再转化为购买率,为企业获得收益。通常这类网页设计中插画是使用是比较小面积的,起到画龙点睛的作用,例如美团外卖的网页设计(如图2)插画更加让本来呆板的网页按钮和分类设置,都变得卡通可爱。现代插画元素在网站中的除了能将信息简洁清晰的传递给用户之外,能够透过插画看到更深层次的网站内涵,通过欣赏插画从而带用户走进网站主题,引起对网站的关注。

插画在个人网站或小众风格网站中的应用对于个人网站或者小众风格的网站来说,插画风格成了网页设计中不可替代的艺术形式,在设计的表现上显示出独特的艺术魅力,利用插画表达自身独特的想法用来体现与众不同,从而在各种网站中脱颖而出。这种类型的网页需要大量的插画来形成风格,插画在网页设计中成为主体,插画中独特的亲切、活波、个性、旋目的感觉展现出网页设计的多样性,插画中个性化的表现技巧贯穿网页设计中,使得页面免于平庸,给浏览者带来别出心裁、强烈奇特的多元化视觉印象。

插画在移动端网页设计中的应用。由于移动端设备具有屏幕较小,使用场景多样这种特性,插画在移动端的运用和上面两个类别有着很大的不同。不像web端样喜欢图文混排,移动端的图和文字内容的界限比较分明,插画的形式主要有app启动界面和banner两种,其中启动界面占很大的比重。启动页面多以纯插画的形式表现,在单个的页面当中信息不会过多,表现个突出的主题即可,视觉形式上也会聚焦在个主题上。这类插画通常用来表现营销文字的内容,有的插画内容是卡通化的应用使用场景,还有的没有具体的活动内容,只是用插画来体现应用的产品形象和氛围,用插画形式展示自己的态度。当然还有类重要的类型节日插画,每逢节日或者热点各个应用软件搜索引擎都会有节日相关插画出现,这种插画可以大大提升企业的文化氛围和形象。

结语

通过对网站中的插画元素分析,我们可以发现很多企业网站已经达到艺术性和商业性的完美结合,个人网站的设计也标新立异,移动端中插画的使用也使冷冰冰的手机更具情感化。插画的着一些特性在互联网时代下很好的被结合在商业上,满足了商业设计中的需求,并且不同风格的插画作品也有着不同的使用范围,在细分的网页设计类型中插画的市场更加广泛。

猜你喜欢

浏览者插画网页
就要紧紧粘住你
浅析网页设计中色彩的运用
新媒体界面设计中视觉传达的效率问题研究
基于CSS的网页导航栏的设计
基于URL和网页类型的网页信息采集研究
无脸小插画
网页制作在英语教学中的应用
超暖萌治愈系插画
10个必知的网页设计术语
浅析教学网站中视觉传达设计的体现