试分析网页设计中视觉元素的审美性和功能

吴希

摘要：在人类以计算机作为基础界面技术开发的二十一世纪，迅速发展的互联网络覆盖了人们的所有生活，使生活节奏和工作学习更加的方便快捷。互联网络不仅综合了文字和声音，还综合了图形和动画等各种信息，形成了人们易接受的媒体形式，使人们之间的信息传递更加丰富多元化，为人们提供了一种全新便捷的交流方式。而网页设计中，组成网络信息传达的重要部分——视觉元素，不仅需要综合信息传递，还必须具有强而有力的色彩、图像等视觉表现力，以此提高人们的审美和带动情感作用。

关键词：网页设计；视觉元素；审美性；功能

发展迅速的信息网络缩短了各国各地经济和文化的交融。我国的网页设计在国际化的影响下，结合了自身的地域特色开始了新的探索，逐渐营造出具体中国精髓文化的网页设计新格局。二十世纪末期，我国的网页设计有跟风欧美、日、韩的状态，一直未体现出我国文明大国的设计风格。目前，我国的网页设计师已经深入探索网页设计的方向，从平面设计、网页设计和建筑设计等方面进行实质性研究。近些年，网页设计已经从单一的文字样式编排发展到图像、动画、声音等视觉元素的综合体现，在新媒介的推动下，高要求的视觉元素和审美性能更值得深入研究。

一、网页设计以及网页设计中视觉元素的概况

（一）网页设计概况

网页是一个网站的支撑和体现，网站是信息传播的依靠，在互联网全面覆盖的今天，网页设计中的视觉元素的重要性不言而喻。实质上，网页设计已经成为信息传达的重要组成部分。根据现今的信息传递水平，网页设计的方向不仅要符合人们的的心理和生理特点，还要从各视觉元素的构成的顺序和关系上体现自身特征和人文科学的表现风格。

（二）网页设计的视觉元素类别划分

网页设计的视觉元素传达与传统的的相比，以信息传递媒介不同划分为两类，一类是二维平面元素，另一类是视听元素。

就二维平面元素而言，其包含了网页设计中基本的视觉元素，涉及到了文字与字体，图形与图像，版式设计和色彩。第一，在一般的网页设计中，宋体是默认的字体，但计算机提供了多种可选择的变化字体，为编辑网页提供了方便。但一般经过编辑的同一网页设计的字体类别不宜超过4种。因为经过编辑后的文字显示需要计算机本地硬盘的支持，浏览者的计算机没有PC的支持，将导致无法传递视觉的最终效果。第二，网页设计中的图形和图像是经过计算机设计和制作出的效果，精确度和效果特殊较传统手工具有精、准、快的特点。图片经过显示器分辨，质数达到最佳；传输通过宽带，图片尺寸和所占空间越小、传输越快、下载时间越短。第三，网页设计中的版式设计是以屏幕大小为空间，将多种视觉元素进行重叠组合，并做到各元素的连贯性和配置合理，以达到界面内各元素的均衡、颜色饱和，并具有律动和导向作用。以文化为基础不同的网站网页设计格局不同，大致有门字型、拐角型、左右和上下结构型、标题型和变化型等。现阶段我国的门户网站以宣传意义的“门”字格式居多，其他个人或者企业的网站一般根据自身的宣传特点，通常可以自由选择动画、图形等元素设计网页。另外，还应考虑计算机的硬件基础、屏幕的大小、像素等，详细过多的内容可以另建新窗口，以点击链接形式获得充分利用网页的空间性，即三维性。第四，网页设计的色彩必须均衡饱和，并能一眼突出重点。根据计算机的显示设备定出总体网页设计的颜色系，主色强烈。

视听元素包含了动画、视频和声音。首先，网络广告一般会采用动画，常见的动画模式有3D和Flash，有些会用Swish等。这些动画在印刷媒介中是体现不出来的只有通过电脑完成，运用网页的空间性才能完成。网页动画可以通过Flash、GIF89a软件制作。Flash是利用帧的变化制成；GIF89a是由多帧光栅组合的图像形成的。其次，视频又叫流媒体，指的是音频和视频的数据在网络上按时间顺序传输或者连续播放的数据流，具有连续、实时和时序性等特点。传统观看电影或者听音乐必须先下载到计算机上才能观看，不仅不能马上观看耗用时间，还占计算机内存。现在的流媒体只需要边看边缓存部分内容，数据一边缓冲一边播放，不仅节省了时间，也不占用计算机内存。常见的网络视频播放格式有Real和直播的Media Player。流媒体的常见应用有VOD、视频广播、视频会议、远程游戏等。当今网络中流媒体的应用居多已经成为网络元素的主流，除了应用在宽带网络上，还应用于3G网络的无线流媒体。最后，声音通常是指网络信息传递中声响和语言，甚至音乐的传递。网络中的视觉元素文字信息的传达和视听同步，在感受了视觉元素的同时加入了听觉元素，对网页内容文字的理解和感染力倍增。浏览者也可以在浏览网页内容的同时，通过听觉轻松享受听觉带来的声响音乐或者获取其他信息。

（三）视觉元素的发展

网页设计是视觉设计的一种，它的基础是平面设计并依靠计算机和网络，所以网页设计是平面设计发展的新方向。网页设计在兼具平面设计特征的基础上又加入了视听新元素，使更多信息传递便捷，使用范围广泛。在网页设计上，参入了数字化、多媒体交互性，使浏览者得到视觉和听觉的同时满足，最终便可以实现传递信息的功能。

二、网页设计中视觉元素的审美性和功能

（一）视觉元素的审美性和功能性

网页设计是通过网络，把信息快、准、简的传达给浏览者。网页设计的审美性也应运而生。审美是指通过视觉对美感的感受和心理体验。网络中的审美性是指在信息传达过程中，浏览者对网页上的各个视觉元素带来的感知美和享受性。

网页中的文字、色彩和图形的设计都应遵循视觉美的规律，实现功能形式的统一。故而，各元素之间的流程应有序的准确表达出信息的传达；内容要有突出的主题和清晰的效果；网页设计制作应美观统一使浏览者快捷接受信息，并满足视觉审美。另外，网站的网页版式审美主要指网页设计的版式风格，比如对内容的重要性的安排；图形审美指网站的标志、图标和banner图形等；网页上的动画和流媒体可以增加趣味性和易捷的传递信息；网页中的色彩能提高阅读的准确度。

（二）网页设计的视觉元素功能性和审美性的表现

随着视觉元素趋近国际化，互联网逐渐成为人类最大的信息资源库，融入我们生活各方面。使信息的传递更快、更广。另一方面，网页设计成果之后用户可以利用互联网通过各网页的检索功能或者下载获得自己想要的资料，并实现资源共享。而网页设计上的突出视觉性，方便用户易检性，在视觉上易区别。

此外，在网页上用户可以对看到的内容进行评论和信息反馈，使信息传播的单一性变成双向交流。视觉元素使信息多元化，为信息互动提供了空间性。

（三）视觉元素在不同网站上的审美性和功能差异

随着商品经济的发展，商业网站琳琅满目。而商业网站主要用于商品交易。但是现阶段大部分网页结构单调，过于注重产品介绍。色彩单一，文字多的情况屡见不鲜。尽管少许网站在网页插入一些Flash等，在视觉上形成动感。其次，公共服务网站，其信息量大、结构清晰、色彩简洁、风格正式、视觉上没有装饰，无插页广告，内容可信度高。视觉上简洁明了，给人干净清晰的美感。就现阶段的个人网站而言。这种网站无格式、编排的局限，色彩一般明亮、图形多样、个性鲜明，视觉元素极具感染力。

结束语：

数字信息的时代，给人类带来了信息传递的快捷与方便。网页的设计和表现元素带来了视觉和听觉的美感交融。网页设计功能给我们带来了信息传递的方便性和美感性，使人类可以再互联网的时代中，更加快速识别和接受信息的双向交流。（作者单位：湖南师范大学美术学院）

参考文献：

[1]孟凡军.网页设计创意与视觉元素审美性研究[J].佳木斯教育学院学报，2011（04）.

[2]张晶.网页设计中平面视觉元素的应用[J].中国管理信息化，2011（17）.

[3]李晓宁.论网页设计中视觉元素的特性[J].大众文艺，2014（02）.