网页设计中视觉元素的应用与研究

高 翔

（淮阴工学院 设计艺术学院，江苏 淮安 223001）

网络作为信息传播的重要渠道和交流方式，随着国际互联网络的不断普及与发展，越来越成为人们日常生活不可缺少的部分。在浩瀚的网页海洋里，访问者停留在上面的时间往往并不长，大多数只有几秒钟。那么在网页设计中如何吸引住访问者，并引发更进一步的点击呢？

网页通过视觉元素吸引受众从而实现信息传达，为了使网页最大程度的吸引受众的注意力，网页的设计必须适应人们的视觉流程心理和生理的特点，由此确定各种视觉构成元素之间的关系和秩序。本文研究分析网页设计中的平面视觉元素，分别对平面视觉元素中的文字、图形、色彩和版式进行深入分析研究。在网页设计中这些元素相辅相成，最终合理搭配才能形成一个完美的界面。

一、文字元素

文字作为记载信息的符号，在网页设计中有着举足轻重的重要性，其作用是图片、视频和动画等元素不可代替的，文字的设计优劣也决定了整个网站的视觉效果。文字的易读性和辨识性是网页设计的重点。文字颜色和背景要区别开，周围元素不能影响到文字的阅读，对流动文字的应用要慎重。文字的距离一定要设置好，注意细节，安排好文字和图形之间的交叉错合。在现代设计中，文字图形化的趋势越来越强烈，即是强调把文字作为图形元素来展现，加强其美学效应，强化了原有的功能。

二、图形元素

图形元素的存在大大美化了网页设计，它拥有强烈的艺术美感和视觉冲击力，是文字之后最早被引入到网页设计中的元素，它所传递信息的直观性远胜于文字。图形设计中的色彩搭配、元素构成、版式布局都要符合浏览者的审美心理，才能使得网页在短时间内给受众留下深刻的印象。网页设计中的图片提供导向和链接的功能。根据人机心理学研究，人们的视线在浏览网页时，会首先垂直的落在屏幕中心，然后向四周游动。决定了设计师要将重要的信息安排在注视点高的区域，所以设计师要根据视觉流程来合理安排图片的适度位置。网页设计中的图片是要经过网络下载才可以最后看到，受到宽带的限制，所以要求图形文件量尽可能的小。在图片大小固定的情况下，文件量越低说明图片分辨率要越低。对于显示器上的图片而言，分辨率为72dpi是大多数图片的最佳选择。

三、色彩元素

色彩的配色设计直接影响网站的整体定位、风格。作为设计中不可缺少的元素，它建立在文字图形的基础上，依靠眼睛的功能，通过感觉的视觉冲击力对心理起作用。每一种颜色都有不同的心理暗示。冷色中的蓝色代表平静，暖色中的红色代表激动；黑色给人沉重感，浅色则让物体轻盈；色彩从色调、饱和度、明度三个方面影响着网页，我们可以找到很多运用广泛的色彩配色方案，来作为实际学习和工作中的向导。

网页设计中的色彩元素需要符合国际色彩的标准，因为互联网络是建立在国际互联网统一的平台上的。最简单的说就是采用网页安全色，不能毫无节制的运用太多颜色，一般情况下先根据总体风格的要求定出主色调和辅助色进行色彩的搭配。网页色彩模式一般采取RGB模式。网页设计是通过显示器来进行展示的，目前显示器大都采用RGB颜色标准，这与RGB颜色模式的原理分不开。RGB是从颜色发光的原理来设计定的，通俗点说它的颜色混合方式就好像有红、绿、蓝三盏灯，当它们的光相互叠合的时候，色彩相混，而亮度却等于两者亮度之总和，越混合亮度越高，即加法混合。在显示器上，通过电子枪打在屏幕的红、绿、蓝三色发光极上来产生色彩的。

四、版式设计

用户界面展现在浏览者面前的数字化物化界面，组成元素是与传统物化界面相同的图文信息、版面设计、色彩布局。界面设计普遍遵循了平面设计的视觉传达方式。版式设计就是在有限的空间中遵循视觉设计原则，把各种多媒体元素进行合理的组合。不同的主题网站有着不同的设计思路，引起思想、情感、形式等各方面的不同。有些网页直接对视觉元素进行堆砌，欠缺规划，缺乏审美意识。各种文字、动画、色块等杂乱无章，令消费者厌烦。网站设计首先要对企业、产品、受众信息等进行全面的调研和综合分析，指定网站合适的整体风格，以合适的版式设计表达形式营造出相适应的氛围。

[1]公茂兰.平面视觉元素在网页设计中的运用研究[D].赣南师范学院.2013.

[2]曾扬.网页设计中文字动态表现形式的研究[D].湖北工业大学.2012.