浅谈网页艺术设计的要素分析

唐丹婷

【摘要】网页艺术设计作为第四媒体，以因特网为主要媒介，以网页为期载体，以及网络技术和数字技术为其基础，使得信息传播更好的为人们提供视觉传达活动。网页设计中的视觉构成元素怎样能更好的传达其信息的有效性成为当今设计者更为关注和研究的课题。

【关键词】视觉传达；网页设计；构成元素；视觉流程

随着我国经济实力和科学技术的蓬勃发展，国民的精神文化需求也日益增长，网络媒体作为一种时尚消费文化的主要载体之一，因而其显著的信息传达性及有效性被人们所重视。网页艺术设计作为一种新兴产物，以因特网为媒介，以网页为其载体，以网络技术和数字技术为其基础，依照设计目的、遵循艺术设计规律，艺术与科学相结合的艺术创造和视觉传达活动。

1.网络艺术设计的概述

1972年第一届国际计算机通信会议上通过了由美国人温顿·瑟夫（Vinton Cerf）和罗伯特·卡汉（Robert Kahn）开发的传输控制协议和Internnet协议（TCP/IP），为Internnet的诞生奠定了基础。

网络艺术是伴随着互联网的产生而形成的新媒体艺术形式，而互联网的迅猛发展，其作为一种新的大众媒介，具有交互性，广泛性，传播快等优点，为视觉传达提供了良好的基础条件。与此同时，由于互联网技术的制约，如何更好的将网页设计中的视觉信息传达给大众并且符合大众的阅读与审美需求，成为当今设计者考虑的一个课题。

2.网络艺术设计的要素分析

网页所涉及的元素种类繁多，如何将这些多元素更清楚更美观的罗列给浏览者，是设计者所考虑的一个重要因素。而网络艺术设计的要素主要分为两种，可以概括为形态要素和构成要素。

2.1 形态要素的分析

网络艺术设计的形态要素是指网页浏览器本身或在插件支持下能够运行、显示或收听的各类造型元素。主要的形态设计如下：文字设计，其包括Logo设计、正文文字、按钮文字；图标设计，其具体包括按钮、Logo、矢量图标、像素图标；导航设计，其具体包括导航条、站点地图；音频设计，其具体包括背景音乐、动画音乐；视频设计，其具体包含网络广告、网络视频；动画设计，其具体包含网络广告、GIF动画、FLASH动画；图形、图像设计，其具体包含广告条、矢量图形、像素图案；VR设计，其具体包含三维广告、虚拟现实。

由于网络艺术设计具有艺术性和科学性相结合的特点，网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，满足浏览者对网页信息的高质量需求。由于网页艺术设计所设计的繁多元素，为了更好的便于设计者和浏览者获得信息，我们将这些具体形态要素概括为视听元素和版式设计两种。

2.1.1 视听元素的分析

从人的五感来说，观感和听感的结合是获得信息要素最为直接和可视化的方式。在网页艺术设计中，视觉流程和最佳视域的合理运用，以及流畅的视觉导向，可以直接影响到传播者传达信息的准确性和有效性。所以能够根据网页的主题合理安排各视听元素的设计、组织和应用，是网页设计师的应具备的基本素质。

视听元素的构成主要包括：文字、图形图像、动画、音频、视频、交互元素等组成。这些元素在艺术上都具有相对独立性，其中有些视听元素本身就是一门艺术。

2.1.1.1 文字

文字我们大体可以分为文本文字和图形文字。所谓文本文字，是指在网页编辑软件中可以编辑和更改内容的字符，它具有字体、字号、色彩等的基本属性。而使用CSS○注具有三个主要优点：A.丰富了文本的表现形式；B.简化了文本的控制方式；C.兼容性强。而图形文字是指内容不可编辑，已经图形化了的各种文字。

2.1.1.2 图形图像

图形图像的运动可以大幅度的平衡文字的枯燥，并且更为直观的为文字对象服务。而网络中常用的图形图像格式主要有GIF图像格式、JPEG图像格式、PNG图像格式以及SWF图像格式。

在进行网络在进行网页图形图像设计时，要根据网页的特点注意以下要点：A.96dpi是网页图像的最佳分辨率；B.控制图像文件的大小；C.根据不同目的，选择适当图像文件格式；D.调整好网页图片的位置、面积、多少、主次、色调，对于形成网页的整体视觉印象非常重要。

同目的，选择适当图像文件格式。

2.1.1.3 网络动画

网页动画的生成原理有三种动画方式：逐帧动画、补间动画、控件动画。网页动画的种类也可以分为三类：FLASH动画、GIF动画和控件动画。旗帜广告又称条幅广告，是网页中重要的宣传形式。

2.1.1.4 视频音频

网络音频和视频是指网络中应用的各种声音和影片形式。网络音频和视频可应用于网络多媒体演示、网络动画、网络广告、互动点播、远程交流、电子商务等多种领域。

2.1.1.5 交互式视觉元素

互动是网页的显著特征，网页的互动功能是通过各种交互式视觉元素实现的。除通过为文字、图像、动画添加超链接可以实现页面间的跳转和人机互动外，网页中用于互动的视觉元素还有按钮、表单、导航条、虚拟现实等，它们是网页设计中实现人机交流的主要手段。

2.2 构成要素的分析

网页艺术设计的构成要素是指将形态要素组合的形式法则及艺术规律。它既包括一般艺术规律的应用，也有其具自身特点的艺术语言。这些艺术规律和语言可以归纳为以下三个方面的应用：版设设计、导航设计、色彩设计。

2.2.1 版设设计

所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，它将设计师的理性思维个性化地表现出来，是一种具有个人风格和艺术特色的视听传达方式。

2.2.2 导航设计

如果说网页的版式设计侧重于单个页面的组织构成，类似于平面的设计，那么网页的导航设计的重点则在于多个页面的整合，是一种空间的设计，也是一种技术的设计。

2.2.3 色彩设计

网页的色彩设计既蕴含于网页的版式设计和导航设计中，又具有相当的独立性。色彩的冷暖使用可以给浏览者产生最直接的情感反应，同时也是使浏览者产生第一印象感官的重要因素。

3.小结

网页设计虽然还有很多局限性，但综述来说，作为一种新兴的视觉表现形式，不仅是一种技能，更是艺术与技术的高度统一。网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，这样才能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。

参考文献：

[1]徐柯，苗彤，赵晖.网页视觉与设计[M].北京邮电出版社，2004.

[2]李砚祖，芦影.视觉传达的历史与美学[M].北京：中国人民大学出版社，2000