1.2.1 色彩搭配基础

色彩本身没有任何含义，但色彩确实可以在不知不觉间影响人的心理，左右人的情绪。不同色彩之间的对比会有不同的效果。当两种颜色同时在一起时，这两种颜色可能会各自走向自己色彩表现的极端。例如，红色与绿色对比，红的更红，绿的更绿；黑色与白色对比，黑的更黑，白的更白。由于人的视觉不同，对比的效果通常也会因人而异。当大家长时间看一种纯色，例如红色，然后看看周围的人，会发现周围的人脸色变成了绿色，这正是因为红色与周围颜色的对比，形成了人们视觉上的刺激。色彩的对比还会受很多其他因素影响，例如色彩的面积、时间、亮度等。

色彩的对比有很多方面，色相的对比就是其中一种。比如，当湖水蓝与深蓝色对比时，会发觉深蓝色带点紫色，而湖水蓝则带点绿色。各种纯色的对比会产生鲜明的色彩效果，很容易给人带来视觉与心理的满足。例如，红色与黄色对比，红色会使人想起玫瑰的味道，而黄色则会使人想起柠檬的味道。绿色与紫色对比，特色鲜明，令人感觉到活泼、自然，如图1-3所示。

图1-3 色彩的对比

红、黄、蓝三种颜色是最极端的色彩，它们之间对比时，哪一种颜色也无法影响对方。

纯度对比也是色彩间对比的一种，举个例子，黄色是比较夺目的颜色，但是加入灰色会失去其夺目的光彩，通常可以混入黑、白、灰色来对比纯色，以降低其纯度。纯度的对比会使色彩的效果更明确。除了色相对比、纯度对比之外，色彩搭配还会受到下面一些因素的影响。

● 色彩的大小和形状

有很多因素可以影响色彩的对比效果，色彩的大小就是其中最重要的一项。如果两种色彩面积相同，那么这两种颜色之间的对比就十分强烈，但是当两者大小变得不一样时，小面积色彩就会成为大面积色彩的补充。色彩的面积大小会使色彩的对比有一种生动的效果，比如，在一大片绿色中加入一小点红色，可以看到红色在绿色的衬托下很抢眼，这就是色彩的面积大小对比效果的影响。在大面积的色彩陪衬下，小面积的纯色效果会突出特别，但是如果这个小面积的色彩是较淡的色彩，则会使人感觉不到这种色彩的存在。例如，在黄色中加入淡灰色，人们根本不会注意到淡灰色，如图1-4所示。

图1-4 色彩的大小和形状

在不同的形状上面使用同一种色彩也会有不同的效果。比如，在一个正方形和一条线上用红色，就会发现，正方形更能表现红色稳重、喜庆的感觉，所以不同的形状也会影响色彩的表现效果。

● 色彩的位置

色彩所处的位置不同，也会造成色彩对比的不同。比如，把两个同样大小的色彩放在不同的位置，如前后位置，就会觉得后面的颜色要比前面的颜色暗一些。正是由于所处的位置不同，导致视觉感受的不同。很多软件中都有渐变工具，使用这个工具，则会使人觉得多种色彩在一起，会有一种不同的效果，纯度不同的色彩组合在一起常常会产生令人吃惊的效果。

不要认为色彩的渐变很简单，它是色彩运用的一种技巧。色彩的渐变中有一种如同乐曲旋律一样的变化，暗色中含有高亮度的对比，会给人清晰的感觉，如深红中间是鲜红；中性色与低高度的对比，给人模糊、朦胧、深奥的感觉，如草绿中间是浅灰；纯色与高亮度的对比，给人跳跃舞动的感觉，如黄色与白色的对比；纯色与低亮度的对比，给人轻柔、欢快的感觉，如浅蓝色与白色；纯色与暗色的对比，给人强硬、不可改变的感觉，如图1-5所示为色彩位置的应用。

图1-5 色彩的位置

色彩的搭配是一门艺术，灵活运用色彩搭配能让网页更具亲和力和感染力。当然，前面讲述的内容多偏重于理论，要制作出漂亮的网页，还需要灵活运用色彩，并在制作网页的时候加上自己的创意。