网页版面设计中的视觉传达

摘 要：网页设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是设计者依照设计目的和要求进行的创造性思维活动，在此过程中包括了"技术"与"艺术"两个必需的网页元素

关键词：互联网 网页 界面 技术

随着互联网络的迅猛发展，信息传播业面临一场深刻的变革，网络作为一种全新的大众传媒，具有迅捷、及时、价廉、交互性好、传播面广的特点.作为网络传播中最主要的载体――“网页”，其设计是一种新的视觉表现形式，它兼容了传统平面设计的特征，又具备其所没有的优势，是将技术性与艺术性融为一体的创造性活动。本文尝试从网页界面设计的形式、方法和特点等三个方面，对这个新的艺术设计领域进行初步的归纳总结和理论探讨。强调网页界面设计“技术”和“艺术”两方面的内容;提出网页界面设计应具备艺术性、交互性、多媒体性、实用性、操作性、技术性等六大特点。在明确了网页界面设计与网站主题的关系的基础上，提出了“美观”和“功能”都是为了更好地表达网站主题这一观点。[1]

互联网里面的信息是以二进制的数字化形式存在的，用户要看懂这些信息，必须使用网页浏览器将数字化的HTML语言转换为普通的文字，图片，声音，视频。因此人与网络信息之间存在一个相互作用的网页界面。网页界面设计的中心便是“信息传达”这一主要目的。与传统媒体不同，网页除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，更借助由代码语言所实现各种交互效果，使得网页设计者需要考虑更多页面元素的排布、优化。所以网页界面设计是一门新兴的设计和网络的交叉学科，它本身以网络为载体，要把各种信息以最快捷、方便，美观的方式传达给网站的浏览者。网页不光是把各种东西放上去，能看就行。要考虑网站的浏览者能更多的和更有效率的接收网页上的信息。这就需要结合使用方便的要求，制作出清晰、整体性好的页面。接收信息也会更加容易，同时提升网站的形象。

网页设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是设计者依照设计目的和要求进行的创造性思维活动，在此过程中包括了“技术”与“艺术”两个必需的网页元素，因此在进行网页设计中要考滤到以下3个方面;

1.网页界面的尺寸大小;不同于传统平面媒体的设计，网页页面尺寸和显示器大小和分辨率有关系，分辨率越高页面尺寸越大。浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，当显示全部的工具栏时，或关闭全部工具栏时，页面的尺寸是不一样的。[2]

2.导航操作方便快捷;网站是一个整体，网页在设计时就要考渡到各个页面之间的链接和网站之间的超链接。一个优秀的网站也是一个易操作的网站。

3.兼顾美观与网络速度;为了达到界面美观漂亮的视觉效果，不能以牺牲网页下载显示速度为代价，图像和动画是网站中最主要造成传输速度缓慢的文件，在保证所需清晰度的条件下，尽量压缩图像和动画文件的大小。

在充分理解以上三点的前提下如何设计出兼顾“艺术”和“技术”的网页作品，本文认为主要是“版式设计”、“组织内容”和“颜色搭配”三个方面;

版式设计就是网页中的文字、图像、动画和装饰图案在网页版面上编排形式的设计。版面设计相对于网页设计来说是一门相对具有独立性的设计艺术，它研究的是平面设计的视觉语言与艺术风格，版式设计一般表现为平面，它具有这样的特点：形式灵活，一个版面有文字、有图案，文字可以横排、可以竖排，字号可大可小，字体可方可圆，能够增加美感，吸引受众注意。网页版式设计就是将文字、图形、动画等视觉元素进行组合配置，使页面整体视觉效果美观和谐，便于阅读，实现信息传达的最佳效果

何理组织网页内容;总的来说网页内容主要包括文字、图形、多媒体等几个方面。

文字

文字元素是信息传达的主体部分，从网页最初的纯文字界面发展至今，文字仍是其他任何元素无法取代的重要构成。这首先是文字信息符合人类的阅读习惯，其次因为文字所占存取空间小，节省了下载和浏览时间。网页中的文字主要包括标题、信息、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同，是内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影响极大，应精心处理。[3]

图形（图像）

图形在网页界面中具有重要作用。图形的出现，打破了网页初期单纯的文字界面，也带来了新的直观表现形式。很多网页中，图形占据了重要页面，有的甚至是全部页面。图形往往能引起人们的注意，激发阅读兴趣，图形给人的视觉印象要优于文字，合理的运用图形。可以生动直观、形象地表现设计主题。网页中常用的图形格式包括jpg和gif，这两种格式压缩比高，得到了规范浏览器的支持，下载速度快，不需要浏览器安装插件即可直接阅览。以图像作为标题和链接可以使网页具有更好的视觉效果，配合文字增强生动和形象性。需要特别注意的是背景和主图的作用。以图形为背景能衬托主题的表现，增加网页的层次感，使网页不再但点枯燥，融入设计者的风格。主图与背景和装饰性小土不同，背景是衬托主题，主图则是突出表现主题。主图是整个网页的视觉中心，它具有直观性强的特点，可以为单调的文字信息增强活力，不需要象文字那样去逐句阅读，可以不受文化水平的限制，能给人强烈的视觉信息。

多媒体

利用屏幕显示的优势，运用多媒体元素（主要包括音频、视频和动画），网络传播可以说是多媒体的传播，网络传播，实际上是三大媒体的综合体，网上音频、视频、节目，等于开办了网上电台、电视台、这些构成了网络信息最吸引人的元素。

理搭配网页颜色：网页的色彩是树立网站形象的关键之一，色彩搭配却是网页设计的主要问题。网页的背景，文字，图标，边框，超链接...，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵呢？本文认为可以将颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外的所有色彩。网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。

因此网页设计中可以将主要内容文字用非彩色（黑色），边框，背景，图片用彩色。这样页面整体不单调，看主要内容也不会眼花。根据网站主题选择好切合自己的色彩，使用与网站内容相关的颜色;无论用非彩色、单一色彩或彩色都可以设计出简洁精美的网页界面。

参考文献：

[1] 王愉、隋涌，论网页视觉要素设计，北京印刷学院学报， 2005年04期

[2] 刁学栋、吴彬，网页设计的视觉信息传达分析，教育信息化， 2006年19期

[3] 周朋红，多媒体技术与应用，中国水利水电出版社， 2005.7