1.5　了解色彩的基本要点

接下来我们来了解网页画面。在浏览了众多的网站后，可以发现这样一个规律。在浏览的过程中顾客会被店铺中的色彩所吸引，然后才会根据色彩的走向对画面的主次进行逐一了解。本小节就将对色彩的基础进行讲解，这些基础知识也是后期网店设计配色、素材搭配的关键所在。

1.5.1　色彩的种类

为了便于认识网店设计配色中的色彩变化，认识色彩的基本属性与基本规律，必须对色彩的种类进行分类与了解。色彩按照系别划分，可以分为有彩色和无彩色两类。

无彩色是指黑色、白色和各种深浅不一的灰色，除此之外，其他所有的颜色都属于有彩色。无彩色和有彩色在网店设计中都占有举足轻重的地位，无论是以有彩色为主题的画面效果，还是以单纯黑白灰的无彩色构成的画面效果，都能给人带来一种奇幻无比的视觉感受。当我们充分合理地利用好了色彩的类别与特性，便可以使网店设计的画面获得意想不到的效果。

1.有彩色

有彩色指的是带有一种标准色倾向的色彩。光谱中的全部颜色都属于有彩色，而有彩色以红、橙、黄、绿、蓝、紫为基本色，其中基本色之间不同量的混合以及与黑、白、灰之间的不同量组合，会产生成千上万的有彩色。

有彩色中的任何颜色都具有三要素，即色相、明度和纯度。在图形制作的过程中，根据有彩色的特性，通过调整其色相、明度以及纯度之间的对比关系，或通过各色彩间面积的调和，可搭配出色彩斑斓、变化无穷的网店设计画面效果。

2.无彩色

在色彩的概念中，很多人都习惯把黑、白、灰排除在外，认为它们是没有颜色的。其实在色彩的秩序中，黑色、白色以及各种深浅不同的灰色系列，都称为无彩色系。以这3种色调为主构成的画面也别具一番风味，在进行店铺设计的配色中，为了追求某种意境或者氛围，有时会使用无彩色来进行搭配。无彩色没有色相的种类，只能以明度的差异来区分，无彩色没有冷暖的色彩倾向，因此也被称为中性色。

无彩色中的黑色是所有色彩中最暗的色彩，通常能够给人以沉重的印象，而白色是无彩色中最容易受到环境影响的一种颜色，如果设计的画面中白色的成分越多，画面效果就越单纯。白色和黑色中间的灰色具有平凡、沉默的特征，很多时候作为网店设计中调节画面色彩的一种颜色，可以给人安全感和亲切感。

1.5.2　色彩的三要素

我们所看到的网店设计的颜色中，虽然各种画面千差万别，各不相同，但是任何画面的色彩都具备3个基本的特性，即色相、明度和纯度，通常称为色彩的三要素，也就是色彩的三属性。色彩的三要素是影响色彩的主要因素，色彩也可以根据这3个要素进行体系化的归类，要想在网店设计中灵活地运用色彩，必须充分地了解色彩三要素。

1.色相

色相是色彩的最大特征，色相是由色彩的波长决定的，以红、橙、黄、绿、蓝、紫代表不同特性的色彩相貌，构成了色彩体系中的最基本色相，色相一般由纯色表示，图1-12和图1-13所示分别为色相的纯色块表现形式和色相间的渐变过渡形式。

图1-12

图1-13

在进行网店设计的配色中，选择不同的色相，会对画面整体的情感、氛围和风格等产生影响，图1-14所示的画面的主要配色的色相都偏向于暖色，整个配色给人奔放、活泼的感觉；图1-15所示的画面的主要配色的色相都偏向于冷色，整个配色给人理智、睿智和青春的感觉。

图1-14

图1-15

2.明度

明度是指颜色的深浅和明暗程度，任何色彩都存在明暗变化，明度适用于表现画面的立体感和空间感。同一种色相会有不同的亮暗差别，最容易理解的就是由白色变成黑色的无彩色，其中黑色是最暗的明度；过渡的灰色是中间明度；白色是最亮的明度，其过程表现为渐变效果。

在网店设计的配色过程中，明度也是决定文字可读性和修饰素材实用性的重要元素，在设计画面整体印象不发生变动的前提下，维持色相、纯度不变，通过加大明度差距的方法可以增添画面的张弛感。同时，色彩的明暗度也会随着光的明暗度的变化而变化，色彩的明度越高，图像的效果就越明显、清晰；明度越低，则图像的效果就越灰暗、低沉。在网店设计的配色中，明度也是色彩的“骨骼”，色彩的明度差异比色相的差别更容易让人将主体对象从背景中区分出来，图像与背景的明度越接近，辨别图像就越困难，图1-16所示为不同背景颜色明度下图像呈现各不相同的效果。

在网店设计的过程中，除了要考虑整个画面的明度以外，还要注意把握不同色相之间的明度差异，通过色相之间的明度差异来突出画面的主体部分。不同色相的光的振幅不同，如红色振幅虽然宽，但波长也长；黄色虽然振幅与红色相当，但是它的波长短，而我们感受到的红色比黄色的明度要弱，在有彩色中，黄色的明度最强，紫色最弱。

3.纯度

纯度通常是指色彩的鲜艳程度，也称为色彩的饱和度、彩度、鲜度和灰度等，它是灰暗与鲜艳的对照，即同一种色相是相对鲜艳或灰暗的。纯度取决于该色中含色成分和消色成分的比例，饱和度值越大，图像的颜色越鲜艳。

通常我们把纯度分为9个不同的阶段，其中1~3阶段的饱和度为低饱和度；4~6阶段的饱和度为中饱和度；7~9阶段的饱和度为高饱和度。从饱和度的色阶阶段表中可以看到，饱和度越低，越趋于黑色；饱和度越高，色彩就越趋于纯色。

图1-16

色彩的饱和度决定了色彩的鲜艳程度，饱和度越高的色彩，其图像的效果给人的感觉越艳丽，视觉冲击力和刺激力就越强；相反，色彩的饱和度越低，画面的灰暗程度就越明显，其产生的画面效果就越柔和，甚至是平淡。因此，在网店设计的配色过程中要把握好色彩的饱和度，才能营造出不同的视觉画面，让色彩的视觉效果与店铺的风格一致，如图1-17所示的店铺配色。