邵雪鹤

摘要：文章本着信息传递和视觉表达相结合的理念，对当前网页设计中存在的问题进行了归纳，并从美学原理和技术因素双方面入手提供了优化设计的原则。

关键词：网页设计；信息 ；视觉

网页设计并不仅仅是脚本编程，它也属于平面设计在信息时代的延续。其特点在于网页是一个动态交互的视觉平台，以超媒体的形式，向用户传递非线性的信息流。设计者需要具有信息无二义的表达能力和善于引导用户视觉注意力的艺术 ，保证用户迅速从某个网页中捕捉到所需的信息。故网页设计是一项现代数字科技与传统人文美学相结合的创造性智力活动。当前的网页设计虽然不乏精品，但还存在着诸多问题，影响了人们在网络冲浪时的满意度，并使信息流动偏离了人们预期的轨道，也给设计人员带来了挫折感。本文从分析现存的问题入手，提出网页设计的几个基本原则，以实现信息传递和视觉传达的统一。

一、当前网页设计中存在的问题

（一）视觉元素的堆砌和信息内容的缺失

网页中除了包括平面视觉构成的各个元素和布局机制，还包括了动态、多媒体、交互元素等网页特有的视觉元素。但是大量有欠规划、缺乏审美意识的设计却以简单的堆砌浪费了这些资源。杂乱无章的文字、图片、动画、广告窗口、色块，都在挑战用户浏览网页时的耐性极限。网络倡导注意力，但是只有赏心悦目的才能够吸引眼球，且形式和内容缺一不可。而某些设计精美的网页却像花瓶一样，在观赏者对其美丽的容貌啧啧赞叹后，发现其空洞无物。

（二）商业利益带来的干扰

由于商业利益上的考虑，某些网站的设计者故意诱使用户不断刷新网页或点击广告，或者将真正的资源链接隐藏在不被注意的位置，使用户更多地将目光放在广告区域。某些国内网站首页，经常存在悬浮的广告图片，挡住了下层的页面内容。这些蓄意干扰，是网页设计的大忌。毕竟用户只有方便地從网站获取利益之后，才乐意给予回馈。

（三）千篇一律的模仿丧失了独立创造性

赛博空间是个双刃剑。在带来技术和艺术创新的同时，也使得跟风模仿更加方便。缺乏独立创造性一直是国内网页设计的软肋。每个梦想成为杨致远的人都匆匆忙忙地搭建网站开始叫卖。急功近利的结果是肆意模仿抄袭。千篇一律的网页没有给用户带来欣赏艺术品的愉悦感，而能与人内心深处情感共鸣的设计才是好的艺术设计。

（四）动态交互网页设计中的界面友好性问题

网页是活的，它具有交互性，可根据用户指令的变化，显示的信息内容和样式产生很大的区别；它还有动态性，如图片和文本等内容可随时间变化而自动刷新替换。且网页内部可通过锚点进行跳转，网页之间也可以通过超链接进行跳转。不负责任的设计可能使得用户在变幻莫测的网页元素中迷失自己的初衷。

（五）技术因素带来的视觉尴尬

网页中包含的图片、影像、文字等媒体内容需要通过专门的软件（浏览器）在计算机屏幕上来显示。即它的观赏效果不仅由设计师和出版单位决定，还受到了用户软硬件（浏览器和显示器的）的约束。设计时机器和浏览时机器的分辨率差异会导致网页面容皆非。要观赏flash动画等媒体形式，必须安装特定的插件程序，否则将显示空白框和提示文字给用户，就像被遮去了头部的蒙娜丽莎，极大地破坏了设计师的设计初衷和作品的美感。另外，不同的浏览器产品对同一网页的显示效果也有差别，用户常需切换浏览器以达到最佳欣赏效果。

二、如何进行有效的网页设计

（一）传统平面设计美学原理的设计原则

文字作为最原始、最有力的信息传递方式，在网页设计中至关重要。通常可在CSS（层叠样式表）中为字体指定多个方案，并默认为机器常用字体如宋体。这样可使网页在安装了相关字体的机器上显示独特的效果却不影响标配机器的使用。大小指定为印刷字号如12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。颜色搭配要避免产生视觉疲劳，如黑字配白底能保证用户长时间地浏览网页而不厌烦。色彩，在一个页面不应超过三个，其中择一为主色调；应恰当使用颜色蕴含的文化心理信息，如绿色表示环保、蓝色表示科技，年轻人喜欢鲜艳的颜色、老年人喜欢灰色系、女性喜欢粉色系等；注意色彩的功能性，如蓝色表示超链接，红色表示删除等警示操作；要注意色彩的诱目性及视认性，如彩度高鲜艳的颜色可以用于提示标题、关键字和当前活动区域，并且注意色彩的搭配和谐，还需要注意色彩的周期性，即色彩的定义会因时因地因人产生不同解读。

网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等。如果信息内容多，可以用国字型或拐角型；雅虎就是典型的“国”字型。纲要性的网页可以考虑标题正文型；框架结构的一个共同特点就是浏览方便、速度快，但结构变化不灵活；对于企业宣传和个人简历而言，封面型是首选布局；Flash型则更灵活，但是不能表达过多的文字信息。由于网页不像纸张有版面限制，所以应把尽可能多的信息集中在一个页面上，做到一目了然；对必须分屏的页面也应统一风格。

（二）对新型媒体的设计要求

若带宽允许，多媒体元素必能增加设计的情趣和个性，否则弄巧成拙，将影响用户对目的信息的及时获取。如应避免“Gif”图片、flash动画过大而增加网页下载时间，分散观众对网站其他信息的注意力。有些网站大量地使用诱人的Flash技术，但其漫长的等待下载和令人迷惑的结构让用户难以忍受，不得不“暂时停止营运”。网页设计还要注意浏览器的兼容性，设计人员应当针对不同系统平台和软件环境进行测试。

（三）针对网页的交互动态性

网页并非绘画雕塑不可修改，其发布并非设计工作的终结。而应根据网站各个阶段的经营目标，以及用户的反馈信息，经常地对网页进行调整和修改，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设计作品。

（四）设计良好的导航系统

网络导航可以解决网页设计的非线性浏览问题。对于网页设计者来说，面对的不是按顺序排列的印刷页面，而是自由分散的网页。因此必须考虑构建合理的页面组织结构，理清网页内容之间的关系，以有限清晰的链接进行组织；建立包括站点索引，帮助页面，查询功能，网站地图在内的导航系统；当用户浏览每个页面时，清晰醒目的提示本页面所在位置，并且提供返回主页面的链接和的历史浏览的导航服务。

参考文献 ：

[1]黄海燕，张辉.网页设计和平面设计[J].包装工程，2004（1）

[2]袁璐.论网页 艺术 设计的人性化[J].武汉科技学院学报，2005（11）

[3]张雪艳.初探色彩与网页设计[J].吉林工程技术师范学院学报，2005（5）

[4]苏玉苍.网页视觉艺术的探讨[J].甘肃科技，2005（3）endprint