设计色彩与PPT电子教案构成

1、 2 第1章 色彩的基本原理 学习要点及目标学习要点及目标 了解色彩的物理性质，色立体以及色彩体系的应 用。 掌握色彩的属性以及色彩混合，重点掌握色彩的 属性。 掌握色彩的对比与调和规律，能够在实际设计中 进行很好的色彩搭配。通过色彩规律的认识，培 养学生对色彩的感知能力、理解能力和运用能力。 核心概念核心概念 色相 明度 纯度 色立体 色彩对比 色彩调和 3 第1章 色彩的基本原理 引导案例引导案例 约翰伊顿将色彩和谐定义为：“两 种以上颜色的共同效果。”当两种以 上的色彩被感知，并创造出一种令人 愉悦且独立完整的视觉效果，那么色 彩的和谐也就实现了。对于各种和谐 的色彩组合来说，其首要特征

2、就是这 些组合看上去轻松自如，无矫揉造作 之感。每种颜色都与其他颜色保持着 自然和谐的关系。 有百年历史的可口可乐之所以能够深 入人心，除了它那特有的口感，世界 皆知的曲线般的瓶形，还有就是它那 动感流畅的cocacola专用字体以及 色彩的和谐搭配，给人以视觉上势不 可挡的冲击，如图1.1所示。 4 1.1 色彩的物理性质 色彩的物理性质是人们经过长期研究发现的色彩的物理性质是人们经过长期研究发现的 自然属性，它的理论形成为我们提供了有效自然属性，它的理论形成为我们提供了有效 的依据，可以更加深刻地研究光与色给我们的依据，可以更加深刻地研究光与色给我们 带来的多彩世界。带来的多彩世界。 5

3、1.1.1 光与色 光是属于一定波长范围内的一种光是属于一定波长范围内的一种 电磁辐射。电磁辐射的波长范围电磁辐射。电磁辐射的波长范围 很广，最短的如宇宙射线，最长很广，最短的如宇宙射线，最长 的如交流电。在电磁辐射中，只的如交流电。在电磁辐射中，只 有波长为有波长为380780nm的电磁辐的电磁辐 射能够被人的视觉接受，此范围射能够被人的视觉接受，此范围 称为可见光，如图称为可见光，如图1.2所示。所示。 光是属于一定波长范围内的一种光是属于一定波长范围内的一种 电磁辐射。电磁辐射的波长范围电磁辐射。电磁辐射的波长范围 很广，最短的如宇宙射线，最长很广，最短的如宇宙射线，最长 的如交流电。在

4、电磁辐射中，只的如交流电。在电磁辐射中，只 有波长为有波长为380780nm的电磁辐的电磁辐 射能够被人的视觉接受，此范围射能够被人的视觉接受，此范围 称为可见光，如图称为可见光，如图1.2所示。所示。 6 1.1.2 物与色 从光源发出的光若碰到不透明的物体或颜从光源发出的光若碰到不透明的物体或颜 料，在那里一部分被吸收，剩下的部分反料，在那里一部分被吸收，剩下的部分反 射到眼睛中，这就是我们看到的色彩，如射到眼睛中，这就是我们看到的色彩，如 图图1.5所示。比如蓝色，它是将白色光中所示。比如蓝色，它是将白色光中 的其他成分吸收，而不吸收蓝色光，所以的其他成分吸收，而不吸收蓝色光，所以 呈现

5、出蓝色；红色是因为它吸收了光的其呈现出蓝色；红色是因为它吸收了光的其 他色彩，而仅仅反射红色；黑色是将六种他色彩，而仅仅反射红色；黑色是将六种 色光都吸收了，不反射光，所以呈现黑色；色光都吸收了，不反射光，所以呈现黑色； 白色是平均反射六种色光，故而呈现白色。白色是平均反射六种色光，故而呈现白色。 物体在正常的日光照射下所呈现的颜色称物体在正常的日光照射下所呈现的颜色称 为固有色。在日光照射下物体都有相对稳为固有色。在日光照射下物体都有相对稳 定的物理性质，因此我们日常看到的物体定的物理性质，因此我们日常看到的物体 都有相对稳定的颜色。都有相对稳定的颜色。 7 1.2 色彩的属性 色彩具有多种

6、属性，它是我们进行研究色彩具有多种属性，它是我们进行研究 的基本理论依据，通过属性的了解与研的基本理论依据，通过属性的了解与研 究可以更加深刻地掌握色彩的多变性，究可以更加深刻地掌握色彩的多变性， 有效地服务于画面。有效地服务于画面。 8 1.2.1 无彩色与有彩色 色彩大致可划分为无彩色与有彩色两大类。色彩大致可划分为无彩色与有彩色两大类。 无彩色系是指黑色、白色及黑白色相间隔而成的 各种深浅不同的灰色系列，如图1.6(a)所示。 有彩色系是指包括在可见光谱的全部色彩，如图 1.6(b)所示。 9 1.2.2 色彩的三属性 1明度明度 明度是指色的明暗程度，也可称色的亮度、深浅度。它主 要由

7、光波的振幅所定。若把无彩色的黑、白作为两个极端， 在中间根据明度的顺序，等间隔地排列若干个灰色，就成 为有关明度阶段的系列，即明度系列。靠近白端为高明度 色，靠近黑端为低明度色，中间部分为中明度色，如图1.7 所示。 色彩的明度有两种情况： 一是同一色相不同明度。如把有彩色系中的颜色加黑或者加 白混合以后能产生各种不同的明暗层次。 二是不同颜色的明度不同。 10 1.2.2 色彩的三属性 2色相色相 色相是指色彩不同的面貌， 它是区分色彩种类的名称。 光谱色中的红、橙、黄、绿、 蓝、紫为基本色相。色彩学 家把红、橙、黄、绿、蓝、 紫等色相以环状形式排列， 如果再加上光谱中没有的红 紫色，就可以

8、形成一个封闭 的环状循环，从而构成色相 环(亦称色轮)，如图1.8所示。 11 1.2.2 色彩的三属性 3纯度纯度 纯度是指波长的单纯程度，也就是色彩的鲜艳度， 亦称彩度或饱和度，如图1.9所示。 12 1.3 色立体 色彩按照三属性的关系，有色彩按照三属性的关系，有 秩序、有系统地排列与组合，秩序、有系统地排列与组合， 就可形成具有三维立体的色就可形成具有三维立体的色 彩体系，简称色立体。彩体系，简称色立体。 色立体的基本结构色立体的基本结构(如图如图1.10 所示所示)是以无彩色为中心轴，是以无彩色为中心轴， 顶端为白，底端为黑，之间顶端为白，底端为黑，之间 分布不同明度渐次变化的灰分布

9、不同明度渐次变化的灰 色；色相环呈水平状包围着色；色相环呈水平状包围着 中轴，呈圆形；这上面的各中轴，呈圆形；这上面的各 色与无彩色轴连接，表示纯色与无彩色轴连接，表示纯 度。靠近无彩色轴处纯度低，度。靠近无彩色轴处纯度低， 离无彩色轴越远纯度越高。离无彩色轴越远纯度越高。 13 1.3.1 蒙塞尔色立体 蒙塞尔色立体的色相环蒙塞尔色立体的色相环(如图如图1.11所示所示)是以红是以红(r)、黄、黄 (y)、绿、绿(g)、蓝、蓝(b)、紫、紫(p)5色为基础，再加上它们的色为基础，再加上它们的 中间色黄红中间色黄红(yr)、黄绿、黄绿(yg)、蓝绿、蓝绿(bg)、蓝紫、蓝紫(bp)、 红紫红紫

10、(rp)，作为，作为10个主要色相。个主要色相。 蒙塞尔色立体的纵断面及外形断面图如图蒙塞尔色立体的纵断面及外形断面图如图1.12和图和图 1.13所示。所示。 14 1.3.1 蒙塞尔色立体 蒙塞尔的蒙塞尔的10种主要色相种主要色相 中，以红中，以红(5r)的纯度最高，的纯度最高， 纯度阶段有纯度阶段有14个色，距个色，距n 轴最远；而蓝绿色的纯轴最远；而蓝绿色的纯 度阶段只有度阶段只有6个色，距个色，距n 轴较近。由于纯度阶段轴较近。由于纯度阶段 长短不一，其复杂的外长短不一，其复杂的外 形使人联想到树，故被形使人联想到树，故被 称为色树称为色树(color tree)， 如图如图1.14

11、所示。所示。 15 1.3.2 奥斯特瓦德色立体 奥斯特瓦德是德国化学家，奥斯特瓦德是德国化学家， 1921年出版了年出版了奥斯特瓦奥斯特瓦 德色彩图示德色彩图示一书，后被一书，后被 称为奥氏色立体。称为奥氏色立体。 奥斯特瓦德色立体是以黄、奥斯特瓦德色立体是以黄、 橙、红、紫、蓝紫、蓝、橙、红、紫、蓝紫、蓝、 绿、黄绿这绿、黄绿这8个主要色相个主要色相 为基础，各主色再分为基础，各主色再分3等等 份，形成份，形成24色相的色相环，色相的色相环， 如图如图1.15所示。所示。 16 1.3.2 奥斯特瓦德色立体 奥斯特瓦德色立体的中心轴也由无彩色构成，奥斯特瓦德色立体的中心轴也由无彩色构成，

12、自白到黑共计自白到黑共计8个明度阶段，分别用个明度阶段，分别用a、c、e、 g、i、l、n、p这这8个英文字母表示。每个字母个英文字母表示。每个字母 表示该色的白色与黑色含有量。作为色标的白表示该色的白色与黑色含有量。作为色标的白 (a)比理论上的白多含比理论上的白多含11%的黑，黑色标的黑，黑色标(p)比比 理论的黑多含理论的黑多含3.5%的白，如表的白，如表1.1所示。所示。 17 1.3.2 奥斯特瓦德色立体 用这个明度阶段为垂直轴，作一个以明度系列为边长的三角形，其顶点配用这个明度阶段为垂直轴，作一个以明度系列为边长的三角形，其顶点配 置纯色，形成等色相三角形，然后把它们分割成置纯色，

13、形成等色相三角形，然后把它们分割成28个菱形，各附以记号以个菱形，各附以记号以 表示该色标的含白与含黑量。如表示该色标的含白与含黑量。如nc，n是含白量是含白量5.6%，c是含黑量是含黑量44%， 其中所含的纯色量则为：其中所含的纯色量则为：1005.644=50.4。奥斯特瓦德色立体的每个。奥斯特瓦德色立体的每个 纯色单页称为三角色表，如图纯色单页称为三角色表，如图1.16图图1.18所示。所示。 18 1.3.3 p.c.c.s色立体 p.c.c.s色相是以红、黄、绿、色相是以红、黄、绿、 蓝蓝4个原色为基本色相，每两个个原色为基本色相，每两个 色之间再插入橙、黄绿、蓝绿、色之间再插入橙、

14、黄绿、蓝绿、 紫形成紫形成8色，然后再三等分形成色，然后再三等分形成 24色相环，并以色相环，并以124编码标定，编码标定， 其中偶数其中偶数12色相是色彩教育用标色相是色彩教育用标 准色相，如表准色相，如表1.2和图和图1.20所示。所示。 19 1.3.3 p.c.c.s色立体 p.c.c.s纯度是以纯度是以s 为标示。它吸取了为标示。它吸取了 奥斯特瓦德色系的奥斯特瓦德色系的 各纯色的纯度等价各纯色的纯度等价 性的特点，将性的特点，将24个个 纯色相均定在第纯色相均定在第9 级纯度，并将从灰级纯度，并将从灰 到艳各色加以等差到艳各色加以等差 分割，以分割，以1s3s为为 低纯度区，低纯度

15、区，4s6s 为中纯度区，为中纯度区，7s 9s为高纯度区，便为高纯度区，便 于色彩设计应用，于色彩设计应用， 如图如图1.21和表和表1.3所所 示。示。 20 1.3.3 p.c.c.s色立体 p.c.c.s将彩色系划分为将彩色系划分为11个色调，每一色调个色调，每一色调 包括该区域的全部色相，而同一色调的各色在包括该区域的全部色相，而同一色调的各色在 明度上并不很一致。并将彩色色调区分为清色明度上并不很一致。并将彩色色调区分为清色 调和中间色调两大类，清色调是纯色加白或加调和中间色调两大类，清色调是纯色加白或加 黑，中间色调是纯色加灰，如图黑，中间色调是纯色加灰，如图1.22和图和图1.

16、23 所示。所示。 21 1.3.3 p.c.c.s色立体 cie(国际照明委员会国际照明委员会)1931年制年制 定了一个色度图，用组成某一定了一个色度图，用组成某一 颜色的三基色比例来规定这一颜色的三基色比例来规定这一 颜色，即用三种基色相加的比颜色，即用三种基色相加的比 例来表示某一颜色，并可写成例来表示某一颜色，并可写成 方程式：方程式：c=rgb。 国际照明委会制定的国际照明委会制定的cie1931色色 度图如图度图如图1.24所示。所示。 设色度图上有一颜色设色度图上有一颜色s，由，由c通通 过过s画一直线至光谱轨迹点画一直线至光谱轨迹点 o(590nm)，s颜色的主波长即颜色的主

17、波长即 为为590nm，此处光谱的颜色即，此处光谱的颜色即s 的色调的色调(橙色橙色)，如图，如图1.25所示。所示。 22 1.3.5 ncs色体系 ncs有有6个基准色，这个基准色，这6个基个基 准色分别是：白色准色分别是：白色(w)、黑色、黑色 (s)，以及黄色，以及黄色(y)、红色、红色(r)、 蓝色蓝色(b)、绿色、绿色(g)，如图，如图 1.26所示。所示。 4个彩色基准色个彩色基准色黄黄(y)、 红红(r)、蓝、蓝(b)、绿、绿(g)在色彩在色彩 圆环上呈直角分布，每两个圆环上呈直角分布，每两个 基准色之间被等分为基准色之间被等分为100阶，阶， 取每取每10阶表示在阶表示在nc

18、s色谱色谱 (atlas)中的位置，如图中的位置，如图1.27 所示。所示。 23 1.3.5 ncs色体系 ncs色彩空间如图色彩空间如图1.28所示，有如两个圆锥相扣，纵轴所示，有如两个圆锥相扣，纵轴w-s表表 示非彩色，顶端是白色示非彩色，顶端是白色(w)，底端是黑色，底端是黑色(s)，中部水平周长是，中部水平周长是 纯彩色形成的色彩圆环。纯彩色形成的色彩圆环。 ncs规定任何一种颜色所包含的原色数量总量为规定任何一种颜色所包含的原色数量总量为100，即白，即白+ 黑黑+彩色彩色=100，其具体的计算和表示方法如下：若某颜色表示，其具体的计算和表示方法如下：若某颜色表示 为为s2030y

19、90r，字母，字母s表示表示ncs第第2版版(second edition)， 此外，还代表标准色样此外，还代表标准色样(standard)。 24 1.4 色彩混合 两种或两种以上的颜色混合在一起，构成与两种或两种以上的颜色混合在一起，构成与 原色不同的新色称为色彩混合。我们将其归原色不同的新色称为色彩混合。我们将其归 纳为三大类：加色混合、减色混合、中间混纳为三大类：加色混合、减色混合、中间混 合。合。 25 1.4.1 加色混合 加色混合也称色光混合，如图加色混合也称色光混合，如图1.29所示。其特所示。其特 点是把所混合的各种不同光源的辐射光的明度点是把所混合的各种不同光源的辐射光的明

20、度 相加，混合的成分越多，明度就越高。相加，混合的成分越多，明度就越高。 26 1.4.2 减色混合 减色混合又称为色料混合，如图减色混合又称为色料混合，如图1.30所示。其所示。其 特点是颜色越混越暗，混合后的色彩在明度、特点是颜色越混越暗，混合后的色彩在明度、 纯度上较之最初的任何一色都暗。纯度上较之最初的任何一色都暗。 27 1.4.3 中间混合 中间混合的明度不像加色混合那样越混合越亮，中间混合的明度不像加色混合那样越混合越亮， 也不像减色混合那样越混合越暗，而是混合色的也不像减色混合那样越混合越暗，而是混合色的 平均明度，因此称为中间混合。中间混合有两种：平均明度，因此称为中间混合。

21、中间混合有两种： 一种是空间混合，一种是旋转混合一种是空间混合，一种是旋转混合 空间混合，是指不同的颜色并置在一起，通 过一定的空间距离，在人视觉内达成的混合。 旋转混合，将色料三原色等分色盘，放在圆 形的转盘上，这些色盘在旋转中产生漂亮的 灰色。 28 1.4.3 中间混合 案例分析：如图案例分析：如图1.31图图1.34所示。空间混合所示。空间混合 的色彩表现形式能够训练学生有目的、有规律的色彩表现形式能够训练学生有目的、有规律 地组织色彩和组织画面的能力，并且有效地处地组织色彩和组织画面的能力，并且有效地处 理画面灰调色彩。理画面灰调色彩。 29 1.5 色彩的对比与调和 对比与调和是色

22、彩表现的重要手段，对比对比与调和是色彩表现的重要手段，对比 可以使画面变得更加丰富，调和可以使画可以使画面变得更加丰富，调和可以使画 面变得整体、协调。面变得整体、协调。 30 1.5.1 色彩对比与调和的理解 色彩对比是指两种或两种以上的色彩放在一起色彩对比是指两种或两种以上的色彩放在一起 时，由于相互影响的作用而显示出差别的现象。时，由于相互影响的作用而显示出差别的现象。 色彩间差别的大小，决定着对比的强弱：色彩色彩间差别的大小，决定着对比的强弱：色彩 的差别大形成强对比，差别小形成弱对比，差的差别大形成强对比，差别小形成弱对比，差 别适中形成中对比。别适中形成中对比。 色彩调和指两种或两

23、种以上的一组有差别、不色彩调和指两种或两种以上的一组有差别、不 协调的色彩为达到一个共同的表现目的，经过协调的色彩为达到一个共同的表现目的，经过 设计、组合、安排，使画面产生秩序、统一与设计、组合、安排，使画面产生秩序、统一与 和谐的现象。和谐的现象。 色彩的对比与调和是色彩构成中重要的核心理色彩的对比与调和是色彩构成中重要的核心理 论，也是评判作品优劣的标尺。论，也是评判作品优劣的标尺。 31 1.5.2 色彩对比 从色彩性质来划分，对比的种类有色相对比、纯度对从色彩性质来划分，对比的种类有色相对比、纯度对 比、明度对比；比、明度对比； 从色彩的形象来划分，对比的种类有形状对比、面积从色彩的

24、形象来划分，对比的种类有形状对比、面积 对比、位置对比、虚实对比、肌理对比；对比、位置对比、虚实对比、肌理对比； 从色彩的生理与心理效应来划分，对比的种类有冷暖从色彩的生理与心理效应来划分，对比的种类有冷暖 对比、轻重对比、动静对比、胀缩对比、进退对比、对比、轻重对比、动静对比、胀缩对比、进退对比、 新旧对比；新旧对比； 从对比色数来划分，对比的种类有双色对比、三色对从对比色数来划分，对比的种类有双色对比、三色对 比、多色对比、色组对比、色调对比；比、多色对比、色组对比、色调对比； 另外还有同时对比、连续对比等。另外还有同时对比、连续对比等。 32 1.5.2 色彩对比 1明度对比明度对比 明

25、度对比，是指色彩间明暗 层次的对比。人眼对明度的 对比最敏感，明度对比对视 觉的影响力也最大、最基本。 图1.35 明度对比的10种调子 2色相对比色相对比 色相对比是指色相之间形成 的差别而造成的对比。色相 对比是给人带来色彩知觉的 重要手段。 互补色相对比，是指色相距 离180的对比，是色相中最强 的对比关系，是色相对比的 归宿，如图1.38所示。 33 1.5.2 色彩对比 3纯度对比纯度对比 纯度对比，是指色彩纯 度差别形成的对比。纯 度对比较之明度对比、 色相对比更柔和，更含 蓄。 将不同颜色的纯度色标 分别划分为三段，靠近 中轴的段内称低纯度色， 纯色所在段内称高纯度 色，中间部分

26、称中纯度 色，如图1.41所示。纯 度对比大体可划分为7种 纯度调子：鲜强对比、 鲜弱对比、中强对比、 中弱对比、浊强对比、 浊弱对比、最强对比， 如图1.42所示。 34 1.5.2 色彩对比 4同时对比与连续对比同时对比与连续对比 同时对比是色彩间对比反映 在视觉上的一种方式，即不 同的色块并置在一起，由于 色彩间的视觉作用，此时各 色的感觉与色块的原色相产 生差异与变化。 当我们用色彩构图时，同一 灰色在黑底上发亮，在白底 上变深；同一灰色在红底上 呈现绿味，在绿底上呈现红 味，在紫底上呈现黄味，如 图1.45所示。 35 1.5.2 色彩对比 5冷暖对比冷暖对比 冷暖对比是由于色彩感

27、觉的冷暖差别所形成的 对比。 6面积对比面积对比 面积对比指各种色块在 构图中所占据的量的比 例关系。 图1.48和图1.49展现了 不同的面积对比给人不 同的视觉感受。 36 1.5.3 色彩调和 1统一调和统一调和 1) 同一调和 同一调和是指在色相、明度、纯度 中有某一种要素或某两种要素完全 相同，变换其他要素所构成的调和。 2) 近似调和 近似调和是近似要素的结合，指在 色相、明度、纯度中有某一种要素 或某两种要素近似，变换其他要素 所构成的调和，如图1.54图1.56 所示。 37 1.5.3 色彩调和 2对比调和对比调和 这种调和主要是在对比 当中寻求的调和。 在对比强烈的两色中， 放入等差或等比的渐 变系列，使画面和谐， 达到调和的效果，如 图1.57所示。 将对比的两色(或几色) 同时混入或带入第三 色，使双方同时具有 相同因素，成为中间 系列，使之调和统一 起来。如图1.58所示。 38 1.5.3 色彩调和 几何形秩序的调和主要指依色相环上的位置变化来确定的调和几何形秩序的调和主要指依色相环上