1.2.2 色彩搭配原则

色彩搭配在网页设计中是相当重要的，色彩的取用更多的只是个人的感觉和经验，当然也有一些是视觉上的因素。

背景与前景文字应尽可能地避免色彩的亮度、色调及饱和度的接近，这样可以让页面信息能够被正确阅读，同时要避免高饱和度的文字与明亮的背景配合，否则会使页面看起来比较刺眼，如果背景比较暗淡，使用很亮的文字有很好的效果。在使用表格背景色或网页背景色这类大面积的色块时，最好使用低饱和度的颜色，如果是给表格边框设置颜色，就没有必要像处理大面积色块那样去处理了，但是起码要看起来舒服。

● 整体色调统一

如果要使设计充满生气，稳健，或具有冷清、温暖、寒冷等感觉，就必须从整体色调的角度来考虑。只有控制好构成整体色调的色相、明度、纯度关系和面积关系等，才可能控制好整体色调。

首先，要在配色中确定占大面积的主色调颜色，并根据这一颜色来选择不同的配色方案，从中选择最合适的。如果用暖色系进行整体色调，则会呈现出温暖的感觉，反之亦然。如果用暖色和纯度高的色彩作为整体色调，则会给人以火热、刺激的感觉；以冷色和纯度低的色彩为主色调，则会给人清冷、平静的感觉；以明度高的色彩为主色调，则会给人亮丽、轻快的感觉；以明度低的色彩为主色调，则会显得比较庄重、肃穆；如果是色相和明度对比强烈的主色调，会显得活泼；如果取类似或同一色系，则会显得稳键；如果主色调中色相数多，则会显得华丽；如果主色调中色相少，会显得淡雅、清新。整体色调的选择都要根据网站所要表达的内容来决定，如图1-6所示。

● 配色的平衡

颜色的平衡就是颜色强弱、轻重、浓淡这几种关系的平衡。即使网页使用的是相同的配色，也要根据图形的形状和面积的大小来决定其是否成为调和色。一般来说，同类色配色比较平衡，而处于补色关系且明度也相似的纯色配色，比如红和蓝、绿的配色，会因为过分强烈而感到刺眼，成为不调和色。但如果把一个色彩的面积缩小，或加上白色、黑色调和，或者改变其明度和彩度并取得平衡，则可以使这种不调和色变得调和。纯度高而且强烈的色彩与同样明度的浊色或灰色配合时，如果前者的面积小，而后者的面积大，也可以很容易地取得平衡。将明色与暗色上下配置时，如果明色在上暗色在下，则会显得安定。反之，如果暗色在明色上，则会有一种动感，如图1-7所示。

● 配色时要有重点色

配色时，我们可以将某个颜色作为重点色，从而使整体配色平衡。在整体配色的关系不明确时，需要突出一个重点色来平衡配色关系。选择重点时，要注意以下几点：重点色应该使用比其他的色调更强烈的颜色；重点色应该选择与整体色调相对比的调和色；重点色应该用于极小的面积上，而不能大面积使用；选择重点色必须考虑配色方面的平衡效果，如图1-8所示。

● 配色的节奏

颜色配置产生整体色调，这种配置关系反复出现、排列，就产生了节奏。这种节奏和颜色的排放、形状、质感等因素有关。由于逐渐改变色相、明度、纯度，会使配色产生有规则的变化，所以就产生了阶调的节奏。将色相、明暗、强弱等变化反复应用，就会产生反复的节奏，如图1-9所示。

● 渐变色的调和

当有两个或两个以上的颜色不调和时，在其中插入阶梯变化的几个渐变色，就可以使之调和。一般主要有下面几种渐变形式：①色环的渐变，色相的渐变像色环一样，在红、黄、绿、蓝、紫等色相之间配以中间色，就可以得到渐变的效果；②明度的渐变，从明色到暗色的阶梯变化；③纯度的渐变，从纯色到浊色或黑色的阶梯变化。根据色相、明度、纯度组合的渐变，把各种各样的变化作为渐变来处理，从而构成复杂的效果。这些渐变色都是调和的，如图1-10所示。

● 在配色方面的分割

两个颜色如果互相处于对立关系，具有过分强烈的对比效果，就会成为不调和色。为了调节它们，可以用其他颜色把它们划分开来，这就是分割，用于分割的颜色就是分割色。可用于分割的颜色不多，最常用的是白、灰、黑3色。金色和银色也具有分割的效果，但在计算机中很难调出这两种质感的颜色，所以在计算机中几乎用不到这两种颜色，但在印刷中经常用到金色、银色。使用其他为色彩进行分割也是可以的，但是分割色的明度要和原来颜色的明度有明显区别，同时也应该考虑分割色的色相和纯度，如图1-11所示。

以上这些原则是在配色时应该注意的一些问题及基本解决方法。当然还有更多的色彩问题，比如色彩的味觉、距离感、音乐感等，读者可以参考其他的色彩专业书籍。