浅析网页设计中的视觉艺术处理

唐雨薇

[摘要]就网页设计过程中所涉及到的视觉元素的艺术处理进行分析，主要尝试从网页设计的内容与原则等方面，对这个新的艺术设计领域进行探讨。

[关键词]网页艺术处理版面布局风格设计色彩搭配

中图分类号：TP3文献标识码：A文章编号：1671－7597(2009)0210052－01

一、版面布局中艺术处理

从功能上来看，首页主要承担着树立企业形象(当然不仅仅是首页)的作用，网站首页是企业网上的虚拟门面。

设计首页的第一步是设计版面布局。所谓版面，指的是浏览器看到的完整的一个页面(可以包含框架和层)。所谓布局，是指以最适合浏览的方式将图片和文字排放在页面的不同位置。一般来说，网站首页的形式有两种，一种是形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，将图文组成一幅生动的画面。另一种是信息罗列型，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，这种风格比较适合网站信息量大、内容丰富的网站。无论采用何种形式，都可以遵循如下原则：

1、主次分明，中心突出。在一个页面上，必然考虑视觉的中心，这个中心一般在屏幕的中央，或者在中间偏上的部位。这样在页面上就突出了重点，做到了主次有别。

2、大小搭配，相互呼应。较长的文章或标题，不要编排在一起，要有一定的距离，同样，较短的文章，也不能编排在一起。对待图片的安排也是这样，要互相错开，造成大小之间有一定的间隔，这样可以使页面错落有致，避免重心的偏离。

3、图文并茂，相得益彰。文字和图片具有一种相互补充的视觉关系，页面上文字太多，就显得沉闷，缺乏生气。最理想的效果是文字与图片的密切配合，互为衬托，既能活跃页面，又使主页有丰富的内容。

网站首页的布局比较灵活，着重设计，而内页的版面布局主要是考虑导航、必要信息与正文之间的布局关系。在内页布局过程中，可遵循以下原则：

1、正常平衡——亦称“匀称”。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。

2、异常平衡——即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。

3、对比——所谓对比，不仅利用色彩、色调等技巧来做表现，在内容上也可涉及古与今、新与旧、贫与富等对比。

4、凝视——所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。

5、空白——空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。

6、尽量用图片解说——此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者更多的心理因素。

以上的设计原则，虽然枯燥，但是我们如果能领会并活用到页面布局里，效果就会大不一样。比如：网页的白色背景太虚，则可以加些色快；版面零散，可以用线条和符号串联；左面文字过多，右面则可以插一张图片保持平衡；表格太规矩，可以改用导角等等。

二、风格设计中的艺术处理

首页风格的形成主要依赖于主页的版式设计，依赖于页面的色调处理，还有图片与文字的组合形式等。如何统一网站风格，除考虑上述首页风格外，更多的还应在内页设计过程中考虑以下几种设计方式：

1、结构的一致性：网站的统一性在网站营销中占重要地位，而网站结构是网站风格统一的重要手段，包括网站布局、文字排版、装饰性元素出现的位置、导航的统一、图片的位置等等。

2、色彩的一致性：方式是保持站点主体色彩的一致，只改变局部色块，优点是一个独特色彩的网站会给人留下很深刻的印象，因为人的视觉对色彩要比布局更敏感，更容易在大脑中形成记忆符号。建议是选取一两种主要色彩，几种辅助色彩。

3、利用导航取得统一：导航是网站的一项重要组成部分，一个出色的富有企业特性的导航将会给人留下深刻的印象，比如将标志的形态寓于导航之中。

4、特别元素的一致性：在网站设计中，个别具有特色的元素(如标志、象征图形、局部设计等)重复出现，也会给访问者留下深刻印象。

5、利用图像取得统一：网页中的图像在使用上一定要谨慎，尤其是一些与内容无关的动画不能使用在网页中。这里我们所说的利用图像取得统一，决不是在每页中放置几个动画!而是根据网页内容的不同，配以相应的图像或动画，从而给浏览者形成页面的连续性。

6、利用背景取得统一：从技术上而言，网页背景包括背景色和背景图像两种，一般提倡使用背景色或色块而非背景图像。原因很明显，第一，背景色的下载速度比背景图像的下载速度快；第二，显示效果，图像作为背景往往使得前面的文字很难辨认!给人一种很不舒服的感觉，让人无法停留。那么什么适合网页背景呢?一个好的建议是将公司的标志、象征性的简单图片作为背景，并将其淡化，使浏览者在阅读网站内容的同时不经意记下公司的标志。

三、色彩搭配中的艺术处理

色彩是人的视觉中最敏感的东西，网页中最难处理的也就是色彩搭配的问题了。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。网页设计中色彩的使用原则一般有：

1、用一种色彩。这里是指先确定一种色彩，然后调整该色彩的透明度或者饱和度产生新的色彩(说得通俗些就是将色彩变淡或者加深)，用于网页。这样的页面看起来色彩统一，有层次感。

2、用两种色彩。先选定一种色彩，然后选择它的对比色。

3、用一个相同色系。所谓相同色系，简单的说就是同一个感觉的色彩，例如淡蓝，浅蓝、深蓝；而在色相环上是指位置十分相近的色彩，这种色彩搭配的优点是易于使网页色彩趋于一致，容易塑造网页和谐统一的氛围，缺点是容易造成页面的单调，因此往往利用局部加入对比色来增加变化，如局部对比色彩的图片等。

充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵，从而提升网站的文化品位。根据色彩的心理感觉，下面介绍几种常用的配色方案：

1、暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。

2、冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。

3、对比色调。所谓对比色，是指色相环相距较远，即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调和，小对比”这一个重要原则，即总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。