首页 > 文章中心 > 正文

平面视觉元素在网页设计的运用

平面视觉元素在网页设计的运用

互联网时代中,人们浏览网页的时间越来越长,而对网页的美感要求也水涨船高。在网页设计中,平面视觉元素应用广泛,创造性地运用往往使网页设计整体质量飞跃。本文首先理解平面设计元素的外延开始,并结合网页设计的定义与特征等基础信息,对平面视觉元素在网页设计中的使用方式做出归纳总结,最终得出应用价值所在。

一、平面视觉元素和网页设计

1.平面视觉

元素文字、图形、图像与颜色等平面设计的构成元素。设计之所以为设计,在于其创造性地组合、分离、叠加、重复等手法的运用。元素是素材,也是整个设计的基础所在。各元素的运用手法不同,其作用也大有差别。但一般来讲,我们认为文字是信息概括能力最强的形式,而图片则是追求视觉冲击的最佳方式。

2.网页设计

平面设计是一个较大的概念,其中就包含了网页设计。顾名思义,网页设计是针对网页的需求而进行的设计,包括功能设计、形象设计以及信息设计等内容,其目的还是在于实现网站的某些功能,同时提高美观性。

二、平面视觉元素在网页设计中

1.网页设计中使用平面视觉元素的问题示范

(1)板式编排上

编排是一个整理、再构的过程。目前许多网页中,各种元素要么无序堆叠,要么过于单薄,无法形成元素间的配合。此外,编排能够起到建立网页级别的作用,只需要通过在编排上的区分就可实现。但在现实中,许多网站设计者都忽视了这一作用。一级、二级、三级的素材混合使用,提高了浏览者收集信息的成本。

(2)文字排列上

作为网页信息的主要载体,有时候需要对文字做加粗、加大、加下划线等处理,同时,还有对文字加链接的情况。这样的设计可能会分散浏览者的注意力,而且破坏了文字板块与板块间的平衡关系。此外,有网站为了在一个页面上实现更多的信息传递而大幅堆叠文字元素。造成整个网页看起来密密麻麻,非常厚重,这是一种十分考验浏览者耐心的做法。

(3)色彩搭配上

红配绿固然难看,但却有较强的视觉吸引力。因此,色彩的搭配中的和谐与冲突是一门富有哲学意味的学问。目前我国的某些网站,为了在色彩搭配上“不出错”而大幅度使用同色系、同色调的颜色搭配,如只有暖色调的网页和冷冷清清的冷色调网页。二者都不能有主有次地吸引浏览者的目光,反而会造成视觉审美疲劳,无心看下去。同样的道理,太过丰富的色彩搭配容易喧宾夺主,过犹不及。

2.平面视觉元素在网页设计中的正确运用

(1)按需设计网页版面

网页版面的设计依据应该是该网页的级别、应当突出的重点信息等需求。因此在设计网页版面时,需要根据信息的内容特点来制定色彩搭配、板块大小和形状特征等元素内容。不应毫无目的地随意设计。

(2)文字设计尽量简洁

文字在网页设计中的信息承载功能无可替代,但不合理的文字排版很容易干扰浏览者阅读网页。因此,不宜使用过度的艺术字和复杂的字体花样。同时文字所占的板块也不宜过密,最好使用图片等元素进行间隔。

(3)色彩搭配注重整体性

根据整体风格设计配色的主色调,如科技类网站最好使用冷色调为主,而情感类网站则需要更多暖色。在确定整体的色彩选择后,在比较重要的局部可以用另一种颜色来进行区别,以突出重点。同时还能制造出画面冲突,增加视觉上的刺激性。

三、平面视觉元素在网页设计中形成的价值

1.提升美感,赋予网页艺术性

平面视觉的各元素通过彼此之间的搭配、对立形成一幅整体和谐,局部冲突的画面,这样的网页更具艺术性和美感,能够提升浏览者的观看体验。

2.吸引浏览,实现网站建设价值

一个美丽的网页往往能吸引更多的用户进入浏览,并且增加他们在网页上的滞留时间。从而提升了网页点击率、滞留时间等指数。注意力经济时代中,只有有人看的网页才有价值,只有吸引更多地浏览才能给网站创造价值留下空间。

3.激发需求,促进人才全面发展

平面视觉元素是由设计人员来应用的,且对设计人员提出了较高的技术要求。网页设计中,设计人员需要熟练使用包括AE、CorelDRAW、Photoshop在内的各种软件。同时,还需要设计人员有较高的艺术涵养。因此网页设计刺激了对人才的需求,从而刺激了社会需求和设计专业的教育发展。

四、结语

网页设计发展至今,对设计的要求日渐提高,实质上,是对设计人才的水平提出了新的要求。在这其中,设计者需要运用文字、色彩、图形等元素完成网页设计,使一个网页从无到有,从有到好的过程。而在这其中,设计者所关注的应当是网页自身的功能、信息以及美感的统一性。毕竟,平面视觉元素是网页设计的素材,只有交到会使用的人手中,才能发挥出它的极大价值。

作者:王中岳 单位:湖南师范大学工程与设计学院