网站布局

当浏览者单击鼠标在网海中遨游，一张张精彩的网页会呈现在浏览者的眼前。那么，什么因素会影响网页的精彩？色彩的搭配、文字的变化、图片的处理等，这些当然都是不可忽略的因素，但除了这些之外，还有一个非常重要的因素——网页的布局。将网页的元素安排在网页适当的位置，就形成了网页的整体布局。表1-1列举了常见的几种网页布局。

当然，进行网页布局时不能千篇一律，布局设计主要是根据网站内容和建站目的等基本要素而决定的。布局的过程要做到不是仅仅简单地将各种元素堆积在网页，而是为网页建立秩序。在进行网页布局时，可以先在纸上形成版式草图，如图1-5所示，然后选择最佳方案作为网站布局，继而对该方案进行细化，形成网站最终的布局图，如图1-6所示。设计者根据最终的布局图可以更快捷地插入页面元素，设计页面效果。

色彩搭配

网站的整体视觉效果在网站布局方案确定之后就形成了雏形，因为网站的信息已经做了较为合理的安排。接下来要考虑如何吸引浏览者对网站的注意，而让浏览者能花更多的时间停留在该网站上，这就涉及了影响网站的整体视觉效果的另一个因素——网页的色彩搭配。网页的色彩搭配决定了浏览者对该网站的第一印象，因此，设计网页需要在色彩的使用上深思熟虑，不仅要与网站风格匹配，而且还要突出网站的个性。如图 1-7 中的页面虽然色彩活跃，但搭配恰当。

对色彩进行搭配前，需要了解以下关于色彩的知识。

① 色彩。

红、黄、蓝三种色彩可以调和其他的色彩，因此把它们称为三原色。网页中的色彩表达即是用这三种颜色的数值表示，例如：红色是 RGB(255,0,0)，十六进制的表示方法为(FF0000)。我们经常看到的“bgColor=#FF0000”就是指背景色为红色。

颜色分非彩色和彩色两类。非彩色是指黑，白，灰三种系统色，彩色是指除了非彩色以外的所有色彩。根据专业的研究机构研究表明：彩色的记忆效果是黑白的 3.5 倍。也就是说，在一般情况下，彩色页面与完全黑白页面比较，彩色页面更加能吸引人。

任何色彩都有饱和度和透明度的属性，属性的变化会产生不同的色相，所以至少可以制作几百万种色彩。

② 色调。

暖色调——可使主页呈现温馨、和煦、热情的氛围。该色调代表：红色、橙色、黄色等色彩的搭配。

[图片]冷色调——可使主页呈现宁静、清凉、高雅的氛围。该色调代表：青色、绿色、紫色等色彩的搭配。

[图片]对比色调——把色调完全相反的色彩搭配在一空间里。如：红与绿、橙与蓝可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。

③ 色彩的心理感觉。

不同的颜色会给浏览者带来不同的心理感受，每种色彩在饱和度、透明度上略微变化就会产生不同的感觉。表1-2列举了一些常用颜色给人带来的感觉。

网页采用的色彩除了要考虑颜色给人带来的感观效果之外，还要考虑网页中的色彩搭配。色彩搭配可从以下几个方面考虑。

[图片]色彩的鲜明性。网页的色彩要鲜艳，这样更容易引人注目。

[图片]色彩的独特性。要有与众不同的色彩，使得浏览者对网站的印象深刻。

[图片]色彩的合适性。色彩与网站所表达的内容相匹配。

[图片]色彩的联想性。不同色彩可能会有不同的联想，选择的色彩要和网页的内涵有一定的关联。

总之，网页应用色彩应遵循的原则是“总体协调，局部对比”。特别地，网页颜色尽量控制在三种色彩以内，不需要把所有的颜色都用到；同时，背景颜色和网页文字的颜色对比尽量要大，但也不可用花纹繁复的图案作背景，这样不便突出文字内容。网页色彩处理得好的话可以使页面锦上添花，达到事半功倍的效果。