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

前言：本站为你精心整理了平面视觉元素在网页设计的运用范文，希望能为你的创作提供参考价值，我们的客服老师可以帮助你提供个性化的参考范文，欢迎咨询。

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

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

1.平面视觉

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

2.网页设计

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

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

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

（1）板式编排上

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

（2）文字排列上

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

（3）色彩搭配上

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

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

（1）按需设计网页版面

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

（2）文字设计尽量简洁

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

（3）色彩搭配注重整体性

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

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

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

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

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

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

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

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

四、结语

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

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