Photoshop CC淘宝美工实用教程
上QQ阅读APP看书,第一时间看更新

3.1 色彩的基础知识

色彩是来自光的产物,生活中所看到的色彩并不是物体的固有色彩,而是它们对光的反射产生的。根据现代科学划分的色彩分类,主要分为有彩色系和无彩色系。

3.1.1 色彩的概念

1.有彩色系

有彩色系是指带有某一种标准色倾向的色,光谱中的全部色都属于有彩色,基本的色相包括红、橙、黄、绿、蓝、紫,如图3-1所示。在这些基本色相的基础上,不同色相比例的混合可产生成千上万种有彩色。

图3-1

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

2.无彩色系

无彩色系是指黑色、白色以及各种明度的灰色,无彩色之间只具备明度的变化。以这3种色调为主构成的画面也是别具一番风味的,在进行网店装修的配色中,为了追求某种意境或者氛围,有时也会使用无彩色来搭配。无彩色没有色相的种类,只能以明度的差异来区分,无彩色没有冷暖的色彩倾向,因此也被称为中性色,如图3-2所示。

图3-2

无彩色中的黑色是所有色彩中最黑暗的色彩,通常给人沉重的感觉,而白色是无彩色中最容易受到环境影响的一种颜色,设计的画面中白色的成分越多,画面效果就越单纯。而灰色则处于白色和黑色之间,它具有平凡、沉默的特征,很多时候在店铺装修中作为调节画面色彩的一种颜色,可以给顾客带来安全感和亲切感。

3.1.2 色彩三要素

消费者所看到的网店画面的颜色中,虽然千差万别,各不相同,但是色彩都具备三大基本要素的特征:色相、明度和纯度。色彩也可以根据这三大要素进行体系化的归类。

1.色相

苹果是红色的,柠檬是黄色的,天空是蓝色的,当考虑不同色彩时,时常用色相来表示,如图3-3所示。因此,用色相这一术语将色彩区分为红色、黄色或蓝色等类别。

图3-3

色相是色彩的最大特征,所谓色相是指能够比较确切地表示某种颜色色别的名称,是各种颜色直接的区别,同样也是不同波长的色光被感觉的结果。

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

虽然红色和黄色是完全不同的两种色相,但可以混合它们来得到橙色。混合黄色和绿色可以得到黄绿色或青豆色,而绿色和蓝色混合则产生蓝绿色。因此,色相是互相关联的,把这些色相排列成圈,这个圈就是“色环”,如图3-4所示。

图3-4

技巧与提示

色环其实就是在彩色光谱中所见的长条形的色彩序列,只是将首尾连接在一起,使红色连接到另一端的紫色,色环包括12种颜色。

暖色:暖色由红色调构成,如红色、橙色和黄色。这种颜色给人以温暖、舒适、有活力的感觉。这些颜色产生的视觉效果使其更贴近观众,并在页面上更显突出。

寒色(也称冷色):冷色来自于蓝色调,如蓝色、青色和绿色。这些颜色使配色方案显得稳定和清爽。它们看起来还有远离观众的效果,所以适于做页面背景。

2.明度

有些颜色显得明亮,而有些却显得灰暗。这就是为什么亮度是色彩分类的一个重要属性的原因。例如,柠檬的黄色就比葡萄柚的黄色显得更明亮一些。如果将柠檬的黄色与一杯红酒的红色相比呢?显然,柠檬的黄色更明亮。可见,明度可以用于对比色相不同的色彩,如图3-5所示。

图3-5

明度是眼睛对光源和物体表面的明暗程度的感觉,主要是由光线强弱决定的一种视觉经验。明度可以简单理解为颜色的亮度,不同的颜色具有不同的明度,任何色彩都存在明暗变化,其中黄色明度最高,紫色明度最低,绿、红、蓝、橙的明度相近,为中间明度。另外在同一色相的明度中还存在深浅的变化,如绿色中由浅到深有粉绿、淡绿、翠绿等明度变化。

3.纯度

纯度通常是指色彩的鲜艳程度,也称之为色彩的饱和度、彩度、含灰度等,它是灰暗与鲜艳的对照,即同一种色相是相对鲜艳或灰暗的,纯度取决于该色中含色成分和消色成分的比例,其中灰色含量较少,饱和度值越大,图像的颜色越鲜艳,如图3-6所示。

图3-6

用同种色相做比较,很难用明度来解释这两种颜色的不同,而纯度这一概念则可以很好地解释为什么我们看到的颜色如此不同。

有彩色的各种颜色都具有彩度值,无彩色的彩度值为0,彩度由于色相的不同而不同,而且即使是相同的色相,因为明度的不同,彩度也会随之变化。

纯度用于说明色质的名称,也称饱和度或彩度、鲜度。色彩的纯度强弱,是指色相感觉明确或含糊、鲜艳或混浊的程度。高纯度色相加白或黑,可以提高或减弱其明度,但都会降低它们的纯度。如加入中性灰色,也会降低色相纯度。

技巧与提示

纯度用来表现色彩的鲜艳和深浅,色彩的纯度变化,可以产生丰富的强弱不同的色相,而且使色彩产生韵味与美感。

同一色相的色彩,不掺杂白色或者黑色,则被称为纯色。在纯色中加入不同明度的无彩色,会出现不同的纯度,如图3-7所示。

图3-7

3.1.3 色调的倾向

色调是色彩运用的主旋律,是构成网店装修画面的整体色彩倾向,也可以理解为“色彩的基调”。画面中的色调既是指单一的色彩效果,也是色彩与色彩之间相互关系所体现的总体特征,是色彩组合多样、统一中呈现出的色彩倾向,如图3-8所示。

图3-8

技巧与提示

红色为例,向纯红色中加入一点白色,纯度下降而明度上升,变为淡红色。继续加入白色的量,颜色会越来越淡,纯度下降,而明度持续上升。加入黑色或灰色,则相应的纯度和明度同时下降。

在网店装修的过程中,往往会使用多种颜色来表现形式多样的画面效果,但总体都会有一种倾向,是偏黄或偏绿,是偏冷或偏暖等,这种颜色上的倾向就是画面给人的总体印象。

1.色调色相的倾向

色相是决定色调最基本的因素,也对色调起着重要的作用,色调的变化主要取决于画面中设计元素本身色相的变化,如某个网店呈现为红色调、黄色调或紫色调等,指的就是注册画面设计元素的固有色相,就是这些占据画面主导地位的颜色决定了画面的色调倾向,如图3-9所示。

图3-9

饰品装修画面中使用了大面积的红色调,充分体现了红色调充满民族气息的色彩印象,营造出热情、朝气蓬勃的感觉,而小面积黄色的添加,使得画面简洁。

2.色调明度的倾向

确定构成画面的基本色调后,色彩明度的变化也会对画面造成极大的影响,画面明亮或者暗淡,其实就是明度的变化赋予画面的不同明暗倾向,因此在构思一个网店装修的画面时,采用不同明度的色彩能够创造出丰富的色调变化。

如图3-10所示的店铺装修画面中使用大面积的低明度色彩时,浓重的色彩会给人深沉的感觉,并表现出具有深远寓意的画面效果;低明度的色调使得画面呈现出神秘的格调。

图3-10

如图3-11所示的店铺装修画面中使用明度值较高的色彩进行配色时,高明度色彩之间的明暗反差会变小,添加高明度的蓝色,让画面呈现出清淡之感,如图3-11所示。

图3-11

3.色调纯度的倾向

在色彩的三大基本属性中,纯度同样是决定色调不可或缺的因素,不同纯度的色彩所赋予的画面感觉也不同,通常所指的画面鲜艳度或昏暗均由色彩的纯度决定。在网店装修中,色调纯度的倾向一般由商品具体的色彩确定。不过,就色彩的纯度倾向而言,高纯度色调和低纯度色调都能赋予画面极大的反差,给顾客带来不同的视觉印象,如图3-12所示。

图3-12

技巧与提示

纯度是深色、浅色等色彩鲜艳度的判断标准。纯度最高的色彩就是原色,随着纯度的降低,就会变化为暗淡的,没有色相的色彩。纯度降到最低就是失去色相,变为无彩色。

当画面以高纯度的色彩组合表现主题时,鲜艳的色调可以表达出积极、强烈而冲动的印象。图3-13所示的饰品商品图像使用了纯度较高的色彩,使商品更加凸显,增强了视觉冲击力。

图3-13

当画面以低纯度的色彩表现主题时,显示出复古与怀旧的感觉,为原本的画面添加了协调与惬意的感觉。

3.1.4 冷色系的色彩表现效果

蓝色、绿色、紫色都属于冷色系,它相对于暖色系具有压抑心里亢奋的作用,令人感觉到冰凉、沉静等意象。在冷色系中,蓝色最具有清凉、冷静的感觉,其他明度、纯度较低的冷色系也都具有使人感觉消极、镇静的作用。

图3-14所示的店铺详页介绍区域使用冷色调作为主要的配色,具有明度变化的颜色显得寂静而洁净,整个画面给人以雅致、高档的感觉。

图3-14

在淘宝店铺装修过程中,冷色系除了让人感觉到冷清外,还能让人感觉到如冰块般寒冷,能够更形象地诠释出冷色配色所传达的意象。

图3-15所示的图片以蓝色调为主的配色给画面带来凉意,同时符合冰块造型的色彩。

图3-15

3.1.5 暖色系的色彩表现效果

在网店装修中融入大量以红色、橙色为主的色调时,画面会呈现出温暖、舒适的感觉,此类色调被称为暖色调。

暖色调通常被认为是提高血压及心率、刺激神经系统的色彩,也可以赋予画面活泼之感,使人情绪高涨。

图3-16

图3-16所示的店铺首页区域使用暖色调作为主要的配色,鲜艳的配色给人强烈的视觉震撼感,营造出喜庆、活动的氛围,产生出悦动的心理反应。

对于追求温暖感的网店而言,暖色系常常使人联想到火热的夏季、鲜红的植物、热闹的氛围等,想要表现出温暖的感觉时,选用暖色系,即可营造出强烈的火热氛围,给人热情、温暖的感觉。