
第1章 色彩的概述
1.1 什么是色彩
在大千世界中,色彩作为万物最显著的外貌特征,能给观赏者以最为直观的视觉感受,同时也给人们带来一定的心理暗示。
1.1.1 认识色彩
对于色彩,可以从两个层面来初步了解它,一是色彩的性质层面,二是色彩的知觉层面。
1.色彩的性质——电磁波
当物体受到光线的照射后,使人们的视觉神经产生反应,这就是人们能看见色彩的根本原因。而光从本质上来看,其实是一种以电磁波形式存在的辐射能。

电磁波示意图
2.色彩的知觉——感受
所谓色彩的知觉,就是指色彩给观赏者带来的视觉或心理感受,例如软和硬、轻或重。一般明度偏高、纯度较低的色彩能给人以柔软感,如下图(左)所示,大面积的象牙色和少量的低纯度紫色与绿色,凸显出柔软的画面效果。

柔软的色彩感受

坚硬的色彩感受
为了塑造出坚硬的视觉效果,可以采用以黑色为主的无彩色或纯度和明度都较低的色彩进行搭配。如左图所示的汽车广告,画面以黑、灰色调为主,再加上渐变的色彩处理方式,体现出硬朗的汽车质感。
从心理层面上来讲,色彩的轻重主要取决于配色的明度,例如高明度的浅系色彩能给人以轻盈的感觉。如下图(左)所示的设计中,在淡雅的背景上,明度较高的黄叶仿佛快从纸面中飞跃而出。
为了表现出画面的厚重感,低明度的重色是必不可少的,从下图(右)中可以看出,画面的2/3以低明度的棕色系色彩为主,显示出一种厚实、质朴的画面效果。

轻盈的色彩搭配

厚重的色彩搭配
从色彩给观赏者带来的感受中,朴实与华丽也是一组重要的色系知觉分类。通常给人以朴实之感。以低纯度的棕色系为主,如图(左)所示,中明度、低纯度的驼色背景与低明度的褐色主体元素,搭配出了充满朴实韵味的画面效果。
就华丽的色彩而言,其色性必然饱和、强烈。如图(右)所示,人物身着的绿色服饰与红色背景搭配,属对比色相,给人以激烈感,并且周边有多种色彩点缀,使得整个画面显露出一种富有华丽感的异域风情。

朴实的色彩搭配

华丽的色彩搭配
1.1.2 色彩的体系
在人们肉眼可见的色彩范围内,按其体系划分,可分为无彩色与有彩色两种。在设计中,合理地运用这两种色彩体系配色,能塑造出别具风格的设计作品。
1.有彩色
有彩色系统泛指一些带有冷暖倾向的色彩,光谱中的所有色彩都属于有彩色。
如左图所示的两种招贴案例中,设计者皆采用了有彩色作为作品的色彩配置,画面中丰富的色彩让画面的整个视觉氛围颇为活波,这种类型的色彩搭配往往深受儿童群体的青睐。

有彩色电影招贴

有彩色平面作品
2.无彩色
无彩色是指除有彩色之外的颜色,可将其划分为黑、白、灰3种,并且无彩色没有纯度区分。不论在何种时代,无彩色系都是最为经典的色彩搭配。如下面所示的无彩色案例1中,画面中只出现了黑白两种色彩,再加上简洁的文字与图形,以及设计者独具匠心的设计手法,赋予作品极高的品质感与格调感。

无彩色案例1

无彩色案例2
在无彩色系作品中,为了让画面更加丰富,灰色的运用是必不可少的。如左图所示的无彩色案例2中,不同明度的灰色穿插在黑、白两色之中,让画面的层次更加丰富。
1.1.3 色彩的表示方法
为了让色彩更加易于区分,可从色相、明度、纯度和色立体4个方面对其进行表述。
1.色相
色相是人们对于色彩的第一印象,也是人们区分色彩的重要特征。从之前所提到的电磁波层面来讲,电磁波的波长长短是决定色彩色相的直接因素,如红、橙、黄、绿、蓝、紫六大基本色相,其波长就各不相同,其中红色相较其他色彩,其波长就相对较长。

24色环相

色相渐变条

色相条
2.明度
明度,顾名思义是指色彩的明暗程度,也是指色彩的深浅程度,颜色越浅,明度越高,因此在所有色彩中,黑色的明度最低,而白色的明度最高。对于不同色相的色彩,即使色彩的纯度一致,其明度也有高低之分,例如紫色与蓝色明度较低,黄色与绿色的明度就相对较高。

明度渐变色条
3.纯度
纯度是决定色彩鲜艳程度的重要因素,而色彩的纯度之所以会发生变化,是由于在色彩中加入了不等量的黑、白、灰所造成的,如下图中的纯度渐变色条所示。在配色中,高纯度色彩适用于打造鲜明的设计作品,而低纯度色彩能给人以稳定、柔和之感。

纯度渐变色条
4.色立体
为了对色彩进行更加深化、科学化的研究,人们将各种色彩按照一定的规律进行立体化排列,这就是色立体产生的由来。
在配色学术的研究领域中,奥斯特瓦尔德色立体是最为常见的色立体体系,如下图所示的就是奥斯特瓦尔德色立体与其色相断面图,这种色立体是由德国色彩学家奥斯特瓦尔德所创造的,在这个色立体中,色相黄、橙、红、紫、蓝、蓝绿、绿和黄绿分别按照顺时针进行排列,而其外观则是圆锥形体。

奥斯特瓦尔德色立体

奥斯特瓦尔德色相断面图