配色设计从入门到精通
上QQ阅读APP看书,第一时间看更新

1.1 色彩搭配的概念与意义

生活中的色彩总是千变万化、多姿多彩的,色彩的种类繁多,如何将色彩合理地搭配在一起,这是设计师们最需要解决的问题。所谓“色彩搭配”,就是通过对色彩进行搭配,从而达到更好的视觉效果。

1.1.1 色彩的表示方法和体系

色彩并不是随便搭配就可以使用的,必须将色彩按照一定的规律和秩序排列起来,这样在设计中才能够快速有效地应用色彩,目前使用最为广泛的色彩排列方法是色相环和色立体。

1 色相环

色相环是以黄、红和蓝三色为基础,由此三原色配置组合而成的,如图1-1所示。一般色相环以5种或6种甚至于8种色相为主要色相,若有各主要色相的中间色相,就可做成十色相、十二色相或二十四色相等色相环。

图1-1

以下为读者介绍6种基本的颜色关系,每种关系都可以有无数种搭配的可能性。

单色搭配

一种色相由暗、中、明3种色调组成,这就是单色的调色板。单色搭配并没有形成颜色的层次,但形成了明暗的层次,这种搭配对设计很重要,如图1-2所示。

图1-2

近似色搭配

我们将相邻的颜色称为“近似色”,这种颜色搭配产生了一种令人悦目且低对比度的和谐美感。近似色可以形成很丰富的色板,从而让设计变得简单,如图1-3所示。

图1-3

补色搭配

在色相环上直线相对的两种颜色被称为“补色”。补色会形成强烈的对比效果,传达出活力、能量和兴奋等意义,如图1-4所示。

图1-4

TIP

分裂补色

同时用补色及类似色的方法来确定颜色关系,就称为“分裂补色”。这种颜色搭配既有类似色的低对比度美感,又有补色的力量感,形成既和谐又有重点的颜色关系。

原色搭配

除了在一些儿童产品中,三原色很少同时被使用。对于蓝和红的搭配,只有将它们的区域分开时,才会好看和吸引人,如图1-5所示。

图1-5

二次色搭配

二次色之间都拥有一种共同的色——其中两种共同拥有蓝色,两种共同拥有黄色,两种共同拥有红色,所以它们能够轻易地形成协调的搭配。如果将3种二次色同时使用,则显得很舒适、吸引人,并具有丰富的色调,如图1-6所示。

图1-6

2 色立体

为了认识、研究与应用色彩,人们将千变万化的色彩按照它们各自的特性,以及一定的规律和秩序排列,并加以命名,这被称为“色彩的体系”,如图1-7所示。色彩体系的建立对于研究色彩的标准化、科学化、系统化以及实际应用都具有重要价值,它可使人们更清楚、更标准地理解色彩,更确切地把握色彩的分类和组织。

图1-7

具体地说,色彩的体系就是将色彩按照三属性,有秩序地进行整理、分类而组成系统的色彩体系。这种系统的体系如果借助于三维空间形式,来同时体现色彩的明度、色相、纯度之间的关系,则被称为“色立体”。

TIP

色立体的基本结构对于整体色彩的整理、分类、表示、记述,以及色彩的观察、表达及有效运用都有极大的帮助。

比较通用的色立体有两种:孟赛尔色立体和奥斯特瓦德色立体,这两种当中应用最广泛的是孟塞尔色立体。

孟塞尔色立体

孟塞尔所创建的颜色系统是用颜色立体模型表示颜色的方法。它是一个三维类似球体的空间模型,把物体各种表面色的3种基本属性即色相、明度、饱和度全部表示出来;以颜色的视觉特性来制定颜色分类和标定系统;以按目视色彩感觉等间隔的方式,把各种表面色的特征表示出来,如图1-8所示。

图1-8

奥斯瓦德色立体

奥斯瓦德是德国的化学家,他在染料方面做出了很大贡献。奥斯瓦德色立体创立于1921年,后来被简称为“奥氏色立体”,如图1-9所示。

图1-9

TIP

奥斯瓦德色立体的每一个色块都有色相号、含白量、含黑量。如“2ge”,就能通过色立体查到2为黄色,含白量为22,含黑量为65,这个色即为暗黄色。

1.1.2 色彩的属性

色彩的属性由色彩可用的色相、饱和度和明度来描述,人眼看到的彩色光都是这3个特性的综合效果。这3个特性即是色彩的属性,其中色相与光波的波长有直接关系;亮度和饱和度与光波的幅度有关;明度高的颜色有向前的感觉﹐明度低的颜色有后退的感觉。

1 色相

色相是指色彩的相貌,是区分色彩种类的名称,是色彩的最大特征。各种色相是由射入人眼的光线的光谱成分决定的。可见光谱中的每一种色相都有自己的波长与频率,它们从短到长按顺序排列,就像音乐中的音阶顺序,有序而和谐。光谱中的色相发射出色彩的原始光,它们构成了色彩体系中的基本色相。一般色相环有十二色相环、二十四色相环、四十八色相环和九十六色相环等,如图1-10所示。

图1-10

2 饱和度

图1-11

饱和度是指色彩的鲜艳程度,也被称为“色彩的纯度”,表示色彩中所含色彩成分的比例。色彩成分的比例越大,则色彩的纯度越高;色彩成分的比例越小,则色彩的纯度越低。从科学的角度看,一种颜色的鲜艳度取决于这一色相发射光的单一程度。不同的色相不仅明度不同,纯度也不相同。

如图1-11所示,从上至下色彩的饱和度逐渐降低,上面是不含杂色的纯色,下面则接近灰色。

饱和度可以影响人的心理作用,使用不同饱和度的颜色搭配在一起,可以使设计更加精美,如图1-12所示。

高纯度的色彩清晰明确、引人注目,色彩的心理作用明显,使用高纯度的颜色搭配,使整个画面色彩艳丽而丰富,让人感觉充满了活力与激情。

图1-12

3 明度

表示色所具有的亮度和暗度被称为“明度”。明度是眼睛对光源和物体表面的明暗程度的感觉,明度决定于照明的光源的强度和物体表面的反射系数。色彩的明亮程度就是常说的明度。明亮的颜色明度高,暗淡的颜色明度低。明度最高的颜色是白色,明度最低的颜色是黑色。

图1-13

图1-13表示色彩的明度变化,越往上的色彩明度越高,越往下的色彩明度越低。

明度的差异决定了物体的明暗,通常为了突出某种物体,采用明度差异大的颜色进行配色,如图1-14所示。

设计者使用明度差异大的色彩进行搭配,提高主体对象的清晰度,有强烈的力度感和视觉冲击力。黄色明度很高,接近白色;而紫色的明度很低,接近黑色。

图1-14

1.1.3 色彩的情感效果

认识色彩,除了通过客观的理论以外,还有主观方面的因素。不同波长色彩的光信息作用于人的视觉感官,通过人的视觉神经被传递到大脑后,由人类通过思维并根据以往的经验和极易产生联想的特质,形成一系列的情感。

1 冷暖感

物体通过表面色彩给人以温暖、凉爽或寒冷的感觉,一般来说,自然界生物对冷暖的感知是由感觉器官触摸物体来实现的,但是色彩的传递被赋予了不一样的含义,物体借助色彩可以给人不一样的温度,如图1-15、图1-16所示。

图1-15

绿色、青色、蓝色等颜色容易让人联想到黑夜和寒冷,所以被称为“冷色”。

图1-16

红色、橙色、黄色等颜色使人联想到阳光和火焰,所以被称为“暖色”。

2 轻重感

色彩的轻重主要与色彩的明度有关。明度高的色彩使人联想到蓝天、白云、棉花等,产生轻柔、漂浮、上升、敏捷、灵活等感觉,如图1-17所示。明度低的色彩使人联想到钢铁、大理石等,产生沉重、稳定、降落等感觉,如图1-18所示。

图1-17

收纳箱多采用浅色,给人轻松的感觉,同时使物体有轻柔和灵活的感觉。

图1-18

保险箱多采用深蓝和灰色等沉重感强的颜色,金属色是一种表现力较强的颜色,给人厚重和安全的感觉。

3 软硬感

色彩的色相与软硬感没有太大的关系,但是不同的明度和饱和度会给人强烈的软硬差距感。一般来说,高明度、高饱和的颜色看起来更加柔软,如图1-19所示;低明度、低纯度的颜色则给人感觉坚硬厚重,如图1-20所示。

图1-19

色彩明度较高的浅紫色给人一种柔和的感觉,白色的应用加强了服饰柔软的程度。

图1-20

黑色表现深沉和理性,背景使用青色和黑色,让服装给人一种坚硬的感觉。

4 前后感

一般暖色、纯色、高明度色、强烈对比色、大面积色、集中色等给人以前进感,如图1-21所示。与颜色的前进感相反,冷色、浊色、低明度色、弱对比色、小面积色、分散色等给人以后退的感觉,如图1-22所示。

图1-21

当房间较为空旷时,可选择或局部选用一些暖色调的色彩,以造成充实的空间感受。

图1-22

当房间空间狭窄时,可以使用纯冷色系装饰房间,能够拉伸空间感。

5 大小感

由于色彩给人以前后的感觉,因此暖色、高明度颜色等给人以扩张、膨胀感,冷色、低明度颜色等给人以收缩感,如图1-23所示。

图1-23

通过图片中两款相同车型汽车不同颜色的对比,可以看出银白色车型在视觉上大于黑色的车型,这是由颜色给人的大小感造成的。

6 华丽和朴素

明度高、纯度高的色彩,以及丰富、强对比的色彩使人感觉华丽、辉煌,如图1-24所示。事实上无论何种色彩,只要带上光泽,都会获得华丽的效果。明度低、纯度低的色彩,以及单纯、弱对比的色彩使人感觉质朴、素静,如图1-25所示。

页面中的色彩丰富,纯度较高,虽然在颜色的选择上偏冷,但是带上光泽会给人一种质感非常强的印象。

图1-24

页面中的色彩明度低,纯度低,色彩对比较弱,黄色和淡蓝色让人感觉质朴、清新、自然。

图1-25

7 活泼和庄重

暖色、高纯度颜色、丰富多彩的颜色、强对比的颜色会使人感觉跳跃、活泼、有朝气,如图1-26所示。冷色、低纯度颜色、低明度的颜色会使人感觉庄重、严肃,如图1-27所示。

图1-26

页面运用各种丰富多彩的颜色,并且每种颜色的纯度都非常高,使整体风格让人感觉充满活力。

图1-27

页面使用了黑色作为背景,加上物体呈现的深蓝色,使整体呈现出庄重、严肃的感觉。

1.1.4 色彩联想作用

设计者想让其所制作的网页传达什么样的形象、给人什么样的感觉,与色彩的选择有很大的关系。

色彩对人有各种各样的心理效果和情感效果,会引起人的各种各样的感受和遐想。比如人们看见绿色的候会联想到森林、草原,看到蓝色时会联想到海洋、河流,如图1-28所示。人们不管是看见某种色彩还是听见某种色彩的名称的时候,心里都会自动描绘出这种色彩带给我们的喜欢、讨厌、开心或悲伤的情绪。这种对色彩的心理反应、联想到的东西多数与每个人的经历、生活环境、家庭背景、性格和职业等有着密切的关系。

该界面使用绿色作为主色调,同时用墨绿色表现出深邃、宁静,用浅绿色表现出活力,搭配蓝色的背景显得神圣而清爽,使整个页面让人感觉宁静、自然。

图1-28

TIP

虽然每个人对色彩的联想都会有差异,但在设计时需要以大多数人的联想为依据,这样做可以避免产生较大的形象误差。

1 红色

红色是火的颜色,表示热情奔放;因为血也是红色的,因此红色又代表了革命。在我国喜庆的日子里红色随处可见,国旗也是红色的,因为红色象征着喜庆、热情、幸福,如图1-29所示。但同时它又象征着危险,因此红色也被用为交通信号的停止色、消防车的颜色等。

图1-29

2 黄色

黄色象征日光,如金色的太阳一般。在自然界,秋天的颜色是黄色的,因此黄色又代表着金秋,给人以明朗、丰收和喜悦感,如图1-30所示。

图1-30

3 蓝色

蓝色是幸福色,表示希望、冷静、智慧和开阔,如图1-31所示。不过相反,蓝色又是悲伤的同义语,所谓“蓝色的音乐”实质是“悲伤的音乐”。

图1-31

4 绿色

绿色正好是大自然草木的颜色,所以绿色意味着自然、生命、生长,同时也象征着和平,在交通信号中又象征着前进与安全,同时又代表天然和健康,如图1-32所示。

图1-32

5 紫色

紫色是高贵庄重的色彩,可被分为很多种类,譬如蓝紫色给人忧郁的感觉,而红紫色给人神秘浪漫的感觉,如图1-33所示。

图1-33

6 白色

白色意味着纯粹和洁白,同时又具有强烈的感召力,表现出如雪般干净、纯洁的特点,如图1-34所示。但是在我国白色又象征着死亡,如亲人去世时穿的孝服等。

图1-34

7 黑色

黑色是不吉利色,象征着黑暗、沉默、地狱、“黑名单”等,这些都是不好的象征;但黑色也给人以深沉、庄重、刚直的感觉,如图1-35所示。

图1-35

TIP

色彩对人的心理作用可以因人、因地或因事而各异,地城特点、民族特点和文化积淀都会给人感知色彩带来不同的心理作用。