浅谈网页艺术设计

摘要：一页设计应注重技术与艺术的统一。在进行一页设计时，应考虑风格定位，版面的壕排，色彩的处理等方面的因素，力求形式与
内容的统一，以期一页的显示达到快捷、美砚的视觉效果。
关键词：一页 艺术 设计
中图分类号：J01 文献标识码：A 文章编号：l674—098X(2008)0l(8)一0130—02
近几年随着网络的发展，网页设计能否实
现技术与艺术的统一，逐渐受到人们的重视。
然而，目前很多国内网站的现状并非如人所愿，
尤其在艺术设计和体现上存在诸多不足。主
要表现在：一是“堵塞过度”，即将诸如文
字、图片、动画等各种信息塞到页面上，不
分主次，不加以规范化、条理化，让人难以找
到自己所需的信息，二是“华而不实”，即网
页采用很深的带有花哨图案的图片作为背景，
严重干扰了浏览和阅读。同时有些网页还采
用了颜色各异，风格不同的图片、文字、动
画，让人眼花潦乱。有些页面虽内容不多，但
是整体设计不协调，浏览起来仍然特别困难，三
是“千篇一律”，即有些网站上的网页就像流
水线上下来的产品，几乎都是一个样子，很少有
自身网站的特点，四是“重技轻艺”，即有一
类站点的网页是一种纯技术化的网页，过分炫
耀技术，忽视了网页的实用性和艺术性。
造成目前网页设计上的种种不足，除了技
术上的问题外，关键是网页设计者读审美和艺
术设计上的认识不足。因此，要提高网页设计
制作的整体水平，应从以下几个方面不断提高
和完善。
1风格服从主题
网页的美化首先要考虑风格的定位。任
何网页都要根据主题的内容决定其风格与形
式，因为只有形式与内容的完美统一，才能达到
理想的宣传效果。目前主页的应用范围日益
扩大，几乎包括了所有的行业，林林总总，包罗
万象，但归纳起来大体有这么几个大类：新闻机
构、政府机关、科教文化、娱乐艺术、电
子商务、网络中心等。对于不同性质的行业，
应体现出不同的主页风格，就像穿着打扮，应依
不同的性别以及年龄层次而异一样。例如：政
府部门的主页风格一般应比较庄重，而娱乐行
业则可以活泼生动一些；文化教育部门的主页
风格应该高雅大方，而商务主页则可以贴近民
俗，使大众喜闻乐见。
网页设计与网站主题的关系应该是这样：
首先，设计是为主题服务的；其次，设计是艺术
和技术结合的产物，就是说，即要“美”，又要实
现“功能”；最后，“美”和“功能”都是为了更
好地表达主题。当然，有些情况下，“功能”即
是“主题”，还有些情况下，“美”即是主题。例
如，雅虎作为一个搜索引擎，首先要实现“搜
索”的“功能”。它的主题即是它的“功能”。而
个人网站，可以只体现作者的设计思想，或者仅
仅以设计出“美”的网页为目的。它的主题只
有一个，就是——美。
根据认知心理学的理论，大多数人在短期
记忆中只能同时把握4到7条分立的信息，而
对多于7条的分立信息或者不分立的信息容易
产生记忆上的模糊或遗忘，概括起来就是：较小
而分立的信息要比较长而不分立的信息更为有
效和容易浏览。这个规律蕴含在人们寻找信息
和使用信息的实践活动中，它要求设计者的设
计活动必须自觉地掌握和遵从。
只注重主题思想的条理性而忽视网页构成
元素空间关系的形式美组合，或者只重视网页
形式上的条理而淡化主题思想的逻辑，都将削
弱网页主题的最佳诉求效果，难以吸引浏览者
的注意力，出现平庸的网页设计或使网页设计
以失败而告终。
2网页版面编排
网页的版面编排同报刊杂志等平面媒体的
版面编排有很多共同之处，它在网页的艺术设
计中占据着重要的地位。所谓网页的版面编
排，是在有限的屏幕空间上将视听多媒体元素
进行有机的排列组合，将理性思维个性化的表
现出来，是一种具有个人风格和艺术特色的视
听传达方式。它在传达信启．的同时，也产生感
官上的美感和精神上的享受。
但网页的排版与书籍杂志的排版又有很多
差异。印刷品都有固定的规格尺寸，网页则不
然，它的尺寸是由读者来控制的。这使网页设
计者不能精确控制页面上每个元素的尺寸和位
置。而且，网页的组织结构不像印刷品那样为
线性组合，这给网页的版式设计带来了一定的
难度。可以依据如下几条来做：
2．1主次分明 中心突出
在一个页面上，必然考虑视觉的中心，这个
中心一般在屏幕的中央，或者在中间偏左上的
部位。因此，一些重要的文章和图片一般可以
安排在这个部位，在视觉中心以外的地方就可
以安排那些稍微次要的内容，这样在页面上就
突出了重点，做到了主次有别，大小搭配，相互
呼应。较长的文章或标题，不要编排在一起，
要有一定的距离；同样，较短的文章，也不能编
排在一起。对待图片的安排也是这样，要互相
错开，造成大小之间有一定的间隔，这样可以使
页面错落有致，避免重心的偏离。
2．2图文并茂，相得益彰
文字和图片具有一种相互补充的视觉关
系，页面上文字太多，就显得沉闷，缺乏生气。
页面上图片太多，缺少文字，必然就会减少页面
的信息容量。因此，最理想的效果是文字与图
片的密切配合，互为衬托，既能活跃页面，又使
主页有丰富的内容。
3色彩处理
色彩是人的视觉最敏感的东西。主页的
色彩处理得好，可以锦上添花，达到事半功倍的
效果。在色彩的运用上，可以根据网页内容的
需要，分别采用不同的主色调以及与内容风格
l 30 科技创新导报Science and Technology Innovation Herald
相适宜的颜色。
3．1色彩有冷暖的感觉
如儿童类站点宜使用暖色系(即红色、橙
色、黄色、赭色等色彩)，不宜使用冷色系(Up青
色、绿色、紫色等色彩)，且色彩要丰富一些。
3．2色彩有柔软和坚硬感
同色相，明度高，则有柔软感。明度低，则
会有坚硬感。女性站点，适量选用柔美的淡粉
色或高级灰，而男性类站点，就可以使用棕色，
深蓝色。
3．3色相
从色相看，暖色给人的感觉华丽，从明度
看，明度高的感觉华丽；从纯度看，纯度高的色
彩给人的感觉华丽。由此首饰类站点可以使
用高雅的咖啡和金黄色，而香水类站点可以用
明度高的淡绿或浅蓝色。
3．4色彩的联想
红色：热情。橙色：温暖、欢乐。黄色：
光明、快活。绿色：和平、新鲜。蓝色：安
宁、平静、理智。紫色：优雅、高贵、庄
重、神秘。黑色：恐怖、死亡。白色：纯洁、
神圣、清净。灰色；谦逊等等。
如游戏站点，适合黑色，因为暗色感觉诡
秘。旅游类站点，可以选用草绿搭配黄色。政
府类站点，可以使用红色、蓝色。时装类站点，
可以选择高级灰、紫色等，突出高雅氛围。校
园类站点也适合绿色。科技类适合深蓝色。新
闻类适合深红色，或黑色，搭配高级灰等等。
3．5对比色调
即把色性完全相反的色彩搭配在同一个空
间里。例如：红与绿、黄与紫、橙与蓝等。这种
色彩的搭配，可以产生强烈的视觉效果，给人亮
丽、鲜艳、喜庆的感觉。当然，对比色调如果用
得不好，会适得其反，产生俗气、刺眼的不良效
果。这就要把握“大调和，小对比”这一个重要
原则，即总体的色调应该是统一和谐的，局部的
地方可以有一些小的强烈对比。
4形式与内容统一
任何设计都有一定的内容和形式。内容
是构成设计的一切内在要素的总和，是设计存
在的基础，被称为“设计的灵魂”；形式是构
成内容诸要素的内部结构或内容的外部表现方
式。设计的内容就是指它的主题、形象、题
材等要素的总和，形式就是它的结构、风格或
设计语言等表现方式。内容决定形式，形式反
作用于内容。一个优秀的设计必定是形式对
内容的完美表现。
一方面，网页设计所追求的形式美，必须适
合主题的需要，这是网页设计的前提。只讲花
哨的表现形式以及过于强调“独特的设计风
格”而脱离内容，或者只求内容而缺乏艺术的
表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的
情髓，再融合自己的思想感情，找到一个完美的
表现形式，才能体现出网页设计独具的分量和
特有的价值。
另一方面，要确保网页上的每一个元素都
有存在的必要性，不要为了炫耀而使用冗余的
技术。那样得到的效果可能会适得其反。只
有通过认真设计和充分的考虑来实现全面的功
能并体现美感才能实现形式与内容的统一。
假设某个网页为了丰富其艺术性而追赶时
髦地大量使用图像或其它多媒体元素等，虽然
达到了其静态形式美的效果，却造成多达几十
K甚至更大的网页数据，使浏览者必须等待很
长时间才能看到“庐山真面目”，这样的网页
就不是一个好的网页，因为它不符合网页传播
信息的突出特性之一—— 快捷性，影响了网页
访问效果和质量，降低了访问者的情趣和积极
性，因而不是形式与内容的完美统一
5结语
网页艺术设计是伴随着计算机互联网络的
产生而形成的视听设计新课题。它不仅兼容
了传统平面设计的特征，而且包括消费者心理
学、视觉设计美学、哲学等诸多方面，成为
今后信息交流的一个非常有影响的表现途径。
表面上，它是关于网页版式编排的技巧与方法，
但实际上，是艺术与技术的高度统一的产品。
参考文献
【1】梁景红．设计师谈网页设计思维． 电子工
业出版社，2006，
【2】姜恩正，黄静慧．设计师谈成功网页设计原
则．周钦华译．电子工业出版社，2006．
【3l SteveKrug．访客至上的网页设计秘笈．
DeDream译．机械工业出版社，2006．
【4】权智殷 设计师谈网页色彩与风格．周钦华
译．电子工业出版社，2005．