3.2 色彩的配色技巧

淘宝的页面大多是色彩饱满丰富的，给人很强的视觉冲击力。制作色彩饱满有冲击力的画面需要运用一些色彩搭配的技巧。

3.2.1 巧用色彩对比色

在生活的世界中，时时处处都充满各种不同的色彩。人们在接触这些色彩时，常常都会以为色彩是独立的：天空是蓝色的、植物是绿色的、花朵是红色的。其实，色彩就像是音符一样，只有将一个个音符组合起来才能谱写出美妙的乐章。实际上没有一个色彩是独立存在的，也没有哪一种颜色本身是好看的或是不好看的；而只有当色彩成为一组颜色中的其中一个时，才会说这个颜色在这里是协调或是不协调，适合或不适合。

前面介绍过色彩是由色相、明度以及纯度3种属性组成的，而其中的色相是人在最早认识色彩时所理解到的属性，也就是所谓色彩的名称，如红色、黄色、蓝色等。图3-17为由最常见的十二色相环。

色相的对比往往是由差别产生的，色彩的对比其实也就是色相之间的矛盾关系，各种色彩在色相上产生细微的差别，能够对画面产生一定的影响，色相的对比度使画面充满生机，并且具有丰富的层次感。

图3-18所示的网店首页，使用不同的单色背景来对画面进行分割，使其色相之间产生较大的变化，即色相对比配色，会让顾客感觉画面色彩非常丰富，具有感官刺激性，很容易吸引顾客的眼球。

3.2.2 巧用色彩调和色

“调”是调整、调理、调停、调配、安顿、安排、搭配、组合等意思；“和”可理解为和一、和顺、和谐、和平、融洽、相安、适宜、有秩序、有规矩、有条理、恰当、没有尖锐的冲突、相互依存、相得益彰等意思。配色的目的就是制造美的色彩组合，而和谐是色彩美的首要前提，它使色调让人感觉到愉悦，还能满足人们视觉上的需求以及心理上的平衡。总地来说，色彩的对比是绝对的，而调和是相对的，调和是实现色彩美的重要手段。

1.色相一致

色相一致的调和配色，通过改变色彩的明度和纯度来达到配色的效果，这类配色方式保持了色相上的一致性。色相一致的调和配色，可以是相同色彩调和配色、类似色相调和配色，它们配色的目的都是让画面的色彩和谐而协调，产生视觉冲击力。

图1-19所示的画面中的文字、背景等都使用玫瑰红进行搭配，通过明度的变化丰富画面配色，表现出柔和的特性。

2.明亮一致

明度是人类分辨物体色最敏锐的色彩反应，它的变化可以表现事物的立体感和远近感。例如，希腊的雕刻艺术就是通过光影的作用产生了许多黑、白、灰的相互关系，中国的国画也经常使用无彩色的明度搭配。有彩色的物体也会受到光影的影响产生明暗效果，如紫色和黄色就有着明显的明度差。

明度可以分为高明度、中明度和低明度3类，这样明度就有了高明度配高明度、高明度配中明度、高明度配低明度、中明度配中明度、中明度配低明度、低明度配低明度6种搭配方式。其中，高明度配高明度、中明度配中明度、低明度配低明度属于相同明度配色。

图3-20所示画面中的文字、背景和模特图片的配色均为高明度调和配色，带给人清爽的影响，表现出优雅的氛围，很符合画面中女装的形象。

3.纯度一致

色彩纯度的强弱指在纯色中加入不等量的灰色，当一组色彩中的纯度水平相对一致时，色彩的搭配也就很容易达到调和的效果，随着纯度高低的不同，色彩的搭配也会有不一样的视觉感受。

图3-21所示画面中纯度一致的色彩搭配在一起带来亮丽的感觉，使人感受到生机、活力，与活动的氛围一致。

低纯度色彩的色感比较弱，这种色彩间的搭配容易给人平淡的感觉，中等纯度色彩之间的搭配，没有高纯度色彩那样耀眼，但是会给人稳重大方的感觉，基本用于表现高雅的画面效果，高纯度的几种色彩调和需要在色相和明度上进行变化，给人以鲜艳夺目的感觉。

图3-22所示的某服装网店的首页设计，标题文字是作为画面色彩最好的点缀，柔和的画面让人产生充实的感觉。

4.无彩色

无彩色与无彩色搭配可以传达出经典、永恒的美感，因为无彩色的色彩个性不是很明显，所以与任何色彩搭配都能取得调和的色彩效果。有时候为了达到某种特殊的效果，会通过五彩色调和配对来设计画面。

商品图像和主题文字使用有彩色，画面背景和辅助文字使用无彩色，这样的配色让商品的细节和主题文字更加突出。