网页设计的艺术美感分析

《长江论坛》2008.6期 总第93期 栏外撷英

89

收稿日期：2008-11-19

[作者简介]马 力，武汉软件工程职业学院软件技术系助教。

[摘 要]人们对美的追求是不断深入的，网页设计同样如此。网页不光是把各种东西放到网上去，

能看就行，还要考虑如何使受众能有个一见倾心的感觉。网页艺术设计包含视听元素与版式设计两项内容；网页设计中的视觉设计，在明确了网页艺术设计与网站主题关系的基础上，提出了“视觉化”是为了更好地表达网站主题。

[关键词]网页设计；视觉设计；色彩；构成要素

[中图分类号]J045 [文献标识码]A [文章编号]1005－3980（2008）06－0089－03

网页视觉艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分。网页艺术设计是艺术与技术的高度统一，它包含视听元素与版式设计两项内容，以主题鲜明、形式与内容相统一、强调整体为设计原则。

一、网页视觉艺术设计的主要种类

（一）视觉视听

网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里，多媒体技术的运用大大丰富了网页艺术设计的表现力，这里所说的视听元素主要包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。

（二）版式设计

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

二、网页设计视觉审美的要求与误区

（一）要求

首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息充塞到网页上去的时候，应考虑怎样把它们以合理的统一的方式来排布、使整体感强同时又要有变化，怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面显得更丰富，更有生气，看起来就不感到枯燥。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，

网页设计的艺术美感分析

马 力

（武汉软件工程职业学院 软件技术系，湖北 武汉 430205）

深圳远程教育ｗｗｗ．ｓｚｓｔｕｄｙ．ｃｏｍ．ｃｎ深圳成人高考

深圳远程教育ｗｗｗ．ｓｚｓｔｕｄｙ．ｃｏｍ．ｃｎ深圳成人高考

栏外撷英 《长江论坛》2008.6期 总第93期

90 以强化页面的整体吸引力。作为形式美的法则，随着时代的不同而不断发展进步，特别在生活节奏如此快的互联网时代，由于追求目标的变化，人们的审美观念也在不断地变化，但是美的本质是一样的，同时随着技术的发展，突破带宽的瓶颈，很多目前不容易实现的审美形式也逐渐被克服，这会给网页设计的自如发展带来一片新的天地。

（二）误区

1、拥塞。这是不少的网页都存在的问题，它将各种信息诸如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范化，条理化，更谈不上艺术处理了。导致浏览时会遇到很多的不方便，主要就是页面五花八门，不分主次，没有很好的归类，让人难以找到需要的东西。

2、花哨。许多设计者把页面做的很花哨，但是非常不实用，例如采用艳丽的带有花哨图案的图片作为背景，严重干扰了浏览者的视觉，信息获取反而很困难。同时，有些还采用了颜色各异，风格不同的图片、文字、动画，使页面五彩缤纷，没有整体感觉，尽管有些页面内容不多，但是浏览起来仍然特别困难。这种过度的包装甚至不如不加任何装饰的页面，不加装饰最起码不会损害其基本功能的需求。所以这种网页属于粗制滥造的次品，是对自己的受众不负责任的表现。或许他们的初衷是好的，想把自己的页面做的漂亮，结果却是适得其反。

3、千篇一律，毫无特色。当我们打开电脑，上网一看，好像哪个网站都是一样的。从标题的放置，按钮的编排到动画的采用都是如此。用色时随心所欲，只要能区分开文本和背景就达到目的。这些失去了自己特点的网页就像流水线上下来的产品，好像随便看哪一个都一样，这样就不能达到网页设计的目的。这也是对自己的用户不负责任的表现。不能片面地追求唯美主义，不能只是注重页面的漂亮而不顾受众的使用的不方便。例如有些网页将按钮溶入到页面的图片中去，倒是比较漂亮了，整体感强了。但是受众有时候却找不到按钮，造成困难。这同样是不可取的。

三、视觉艺术在页面中构成的要素 （一）文字

文字是网页中必不可少的元素，也是网页中的主要信息描述要素，所以网页中文字将占据相当大的面积，文字表现的好与坏将影响到整个网页的质量。网页文字

的主要功能是传达各种信息，而要达到这种传达的有效性，必须考虑文字编辑的整体效果，能给人以清晰的视觉印象。网页文字编排与设计，重要的一点在于要服从信息内容的性质及特点的要求，其风格要与内容特性相吻合，而不是相脱离，更不能相互冲突。如政府网页其文字具有庄重和规范的特质，字体造型规整而有序，简洁而大方；休闲旅游类内容网页，文字编辑应具有欢快轻盈的风格，字体生动活泼，跳跃明快，有鲜明的节奏感，给人以生机盎然的感受；有关历史文化教育方面的网页，字体编辑可具有一种苍劲古朴的意蕴、端庄典雅的风范或优美清新的格调；公司网页可根据行业性质、企业理念或产品特点，追求某种富于活力的字体编排与设计；个人主页则可结合个人的性格特点及追求，别出心裁，给人一种强烈的独特的印象。

在网页文字的编排与设计中，由于计算机给我们提供了大量可供选择的字体，导致字体的变化趋于多样化。这既为网页编辑提供了方便，同时也对编排与设计的选择能力提出了考验。虽然可供选择的字体很多，但在同一网页上，使用几种字体尚需精心编辑和考虑。一般来讲，同一页面上使用的字体种类最多只能有三四种。由于文本字体的显示是需要本地硬盘字体文件的支持的，所以在互联网上使用过多的字体是没有意义的。文字在视觉传达中作为页面的形象要素之一，除了表意以外，还具有传达感情的功能。

（二）图片

图片的引入也大大美化了网络页面。可以说，要使网页在纯文本基础上变得更有趣味，最为简捷省力的办法就是使用图片。对于一条信息来说，图片对受众吸引也远远超过单纯的文字。网络图片的特点：一是图片质量不需很高。因为网络图片一般只显示于计算机的显示器上，受显示器最小分辨率的限制，即使图片的分辨率很高，颜色深度很大，我们的肉眼也经常无法把它和一幅处理过的普通图片区分开来。一般来说，分辨率为72dpi(dot per inch)是大多数图片最佳选择；二是图片要尽量小。网络页面的图片用于网络的传输，受到带宽的限制，其文件尺寸在一定范围内越小越好。这也是适应信息高速公路的要求。文件的长度越小，下载的时间就会越短，图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在图片的选择和优化的同时，应考虑图片在整体编辑计划中的作用，达到和谐整齐。要达到这样的效果，在页面图片的合理选用时，一要注意统一，二要注意悦目，三要注意突出重点。