2.7　网页元素的色彩搭配

网页中的几个关键要素，如网页Logo与网页广告、导航菜单、背景与文字，以及链接文字的颜色应该如何协调，是网页配色时需要认真考虑的问题。

2.7.1　Logo与广告

Logo和网页广告是宣传网站最重要的工具，所以这两部分一定要在页面上脱颖而出。怎样做到这一点呢？可以将Logo和广告做得像象形文字，并从色彩方面与网页的主色分离开来。有时为了更突出，也可以使用与主色相反的颜色。如图2-124所示为通过配色突出网页Logo效果，如图2-125所示为柔和统一的网页广告配色。

图2-124

图2-125

2.7.2　导航菜单

网页导航是网页设计中重要的视觉元素，它的主要功能是帮助用户更好地访问网站内容。一个优秀的网页导航，应该立足于用户的角度进行设计。在不同的网页中使用不同的导航形式，既要注重突出表现导航，又要注重整个页面的协调性。

导航是网站的指路灯，用户要在网页间跳转，要了解网站的结构和内容，都必须通过导航来实现。所以网页导航可以使用具有跳跃性的色彩，以吸引用户的视线，让用户觉得网站结构清晰、明了，如图2-126所示。

图2-126

2.7.3　背景与文字

如果一个网站使用了背景颜色，就必须要考虑背景用色与前景文字的搭配问题。一般网站侧重的是文字，所以背景可以选择纯度或者明度较低的色彩，文字使用较为突出的亮色，让人一目了然。

为了让用户对网站产生深刻的印象，有些网站会在背景上做文章。例如，一个空白页的某一部分使用了大块的亮色，给人豁然开朗的感觉。为了吸引用户的视线，所以文章就要暗一些，这样才能跟背景区分开来。如图2-127所示，文字与背景采用对比色，使文字清晰、易读。

图2-127

艺术性的网页设计可以更加充分地利用这一优势，使用颜色鲜明的文字色彩，突出网页的整体设计风格，或清淡高雅、或原始古拙、或前卫现代、或宁静悠远。总之，只要把握住文字和网页的整体基调，风格相一致，局部中有对比，对比中又不失协调，就能够自由地体现出网页的个性特点，如图2-128所示。

图2-128

2.7.4　链接文字

文字与图片链接是网页中不可缺少的一部分。现代人的生活节奏快，不可能浪费太多的时间去寻找网站的链接。因此，要为链接设置独特的颜色，让人感觉它与众不同，自然而然会去单击鼠标。

这里要特别指出，因为文字链接不同于叙述性文字，所以文字链接的颜色不能与其他文字的颜色一样。突出网页中链接文字的方法主要有两种：一种是当鼠标移至链接文字上时，链接文字改变颜色；另一种是当鼠标移至链接文字上时，链接文字的背景颜色发生改变，从而凸出链接文字。如图2-129所示。

图2-129