色彩构成第三章课件

《色彩构成》教学课件《色彩构成》教学课件第一章色彩构成概述第二章色彩构成要素第三章色彩构成中色色彩对比第四章色彩构成中的色彩调和第五章色彩构成的方法第六章色彩的心理效应第七章色彩构成与艺术设计教学内容第一章色彩构成概述第二章色彩构成要素第三章色彩构成中色第三章色彩构成中的色彩对比第一节色相对比第二节明度对比第三节纯度对比第四节补色对比第五节冷暖对比第六节面积对比第七节形状对比第八节位置对比第九节同时对比第十节连续对比第三章色彩构成中的色彩对比掌握色彩对比的原理及方法。了解色彩对比的规律及形式。了解色彩对比形成的视觉效果。学习要点及目标建议课时15课时掌握色彩对比的原理及方法。了解色彩对比的规律及形式。了解色彩第一节色相对比

色相是色彩的首要特征，是区别各种不同色彩的的标准。色相是色彩三属性中最易于识别的色彩属性。当两种以上的色彩并置时，由于色相差别而形成的色彩对比效果称为色相对比（见图3-3～图3-5）。图3-3生活中的色彩对比

图3-4摄影中的纯度对比

图3-5海报中的纯度对比第一节色相对比色相是色彩的首要特征，是区第一节色相对比

同类色对比是指在色相环中15°左右的色彩对比所呈现的色彩效果（见图3-6）。同类色是色相对比中最弱的一种对比形式，色调统一，需借助明度与纯度变化的来弥补色相差异感的不（见图3-7～图3-12）。一、同类色对比图

3-6同类色对比色相环示意图

图3-7牛奶海报

图3-8食品海报第一节色相对比同类色对比是指在色相环中1

图3-9标识设计

图3-10插画设计图3-11广告设计

图3-12室内设计图3-9标识设计第一节色相对比

邻接色对比是指在色相环上间隔30°左右的色彩的对比（见图3-13）。由于在色相环中色彩间距较小，产生的色相面貌近似，邻近色对比要比同类色稍显活泼、丰富。邻接色对比属于弱对比，在单独运用时需借助明度与纯度的变化来弥补色相差异感的不足（见图3-14～图3-18）。二、邻接色对比图3-13邻接色对比色相环示意图

图3-14邻接色对比图

图3-15邻接色对比

人物画

第一节色相对比邻接色对比是指在色相环上间图3-16饮料广告

图3-17食品广告

图3-18创意海报图3-16饮料广告图3-17食品广告第一节色相对比类似色对比是指在色相环上间隔60°左右的色彩的对比（见图3-19）。类似色含有相同的色彩元素，但又有明显的色彩差别。在色彩设计中，设计者经常会使用类似色对比，以使画面的整体色调明确、和谐，同时又富有变化（见图3-20～图3-22）。三、类似色对比图3-19类比色对比

图3-20黄绿类比色对比第一节色相对比类似色对比是指在色相环上间隔60°左右的图3-21室内设计类比色对比

图3-22建筑局部类比色对比

图3-21室内设计类比色对比第一节色相对比

中度色对比是指在色相环上间隔90°左右的色彩的对比（见图3-23）。中度色对比的色域范围比前几种对比关系扩大了很多，参与这种对比形式的色彩差别相对明显，属于中性对比。中度色对比中有冷暖弱对比，此类对比效果明快、活泼、饱满，既有一定力度，又不失调和之感（图3-24～图3-27）。四、中度色对比图3-23中度色对比色相环示意图

图3-24蓝紫中度色对比第一节色相对比中度色对比是指在色相环上间

图3-25饮料广告

图3-26插画

图3-27数字绘画图3-25饮料广告第一节色相对比对比色相的两色在色相环上相距较远，在色相环上相隔距离为120°左右（见图3-28）。对比色对比的色域范围进一步扩大，色相差异明显，属于强度对比。色彩间出现明确的冷暖对比，画面色彩层次丰富，视觉效果鲜亮、强烈，可营造出活泼、热情的画面效果（见图3-29～图3-32）。五、对比色对比图3-28对比色对比色相环示意图

图3-29对比色对比

图

第一节色相对比对比色相的两色在色相环上相距较远，在色相

图3-30插画设计

图3-31Jolie

Petite

品牌设计

图3-32Jolie

Petite

海报设计图3-30插画设计第一节色相对比互补色对比是指位置在色相环直径的两端，相距180°的两色的对比（见图3-33）。互补色是色相环中距离最远的两个色，互补色对比属于色彩的极强对比，补色对比关系最强烈，视觉效果刺激、夸张、夺目，但若搭配不当就容易造成不安定、不和谐、过分刺激，有幼稚、生硬的和粗俗的感觉。要想把互补色相对比组织得倾向鲜明、统一与调和，设计者就需考虑色彩的明度、纯度及面积配置关系，使画面不失协调又显生动活力（见图3-34～图3-37）。六、互补色对比图3-33互补色对比色相环示意图

图3-34互补色对比

图第一节色相对比互补色对比是指位置在色相环直径的两端，相图3-35黄蓝互补色对比海报设计

图3-36红绿互补色对比海报设计

图3-37红绿互补色对比摄影图3-35黄蓝互补色对比海报设计第二节明度对比

每一种色彩除了色相不同外，其明度也各不相同。当进行色彩对比时，人的视觉除了能分辨色相的不同外，还能明显感觉到色彩的明暗程度的差别，这就是色彩的明度对比（图3-38）。图3-38明度对比第二节明度对比每一种色彩除了色相不同外，第二节明度对比1.高调高调色彩整体明亮，给人以清洁、轻松、素雅之感。恰当地运用高调色彩能够营造出雅致、纯净、柔美的气息，但若对色彩的处理不好，就会给人以缺乏个性、无力、模糊之感（见图3-40）。2.中调中调色彩给人以饱满、含蓄、稳重的心理感受（见图3-41）。3.低调低调色彩给人以深沉、厚重、压抑的心理感受。（见图3-42）。一、明度三大调图3-40高调海报设计

图3-41中调房地产广告设计

图3-42低调电影海报设计第二节明度对比1.高调高调色彩整体明亮，给人以清洁、轻松第二节明度对比

在实际的色彩组合中，除了画面呈现高调、中调、低调三类的明度调子外，还需考虑到明度之间的对比关系，在色阶轴中，色阶相距越远，色彩间的明度差异越大，对比越强烈，反之则越弱。如图3-43所示，1为深紫，9为淡紫，在1和9之间相隔7个色阶，1和9相距最远，对比最强；8、9相距最近，对比最弱，以此类推。明度调子的对比关系，以9这个明度色阶为基本标准可以进行明度对比强弱的划分：3个色阶跨度内的为明度弱对比，称为短调对比；3～5个色阶跨度内的为明度中对比，称为中调对比；5个色阶跨度内的为明度强对比，称为长调对比。短调对比色彩的明度变化小，给人以平静、安宁的视觉感受；中调对比色彩的明度变化适中，明暗既统一又有变化；长调对比色彩的明度变化大，视觉效果强烈。二、明度九调对比第二节明度对比在实际的色彩组合中，除了画图3-43明度对比示意图图3-43明度对比示意图第二节明度对比

根据高调、中调、低调这三种明度基调，再加上长、中、短不同跨度距离组合，就可以构成明度九调，即高调中的高长调、高中调、高短调，中调中的中长调、中中调、中短调，低调中的低长调、低中调、低短调（见图3-44）。图3-44明度九调第二节明度对比根据高调、中调、低调这三种明第二节明度对比1.高长调高长调属于高明度强对比，色彩整体较明亮，但明度反差大，明度对比分明，给人明快、清晰、活泼的视觉感受（见图3-45）。2.高中调高中调属于高明度中对比，色彩效果不会显得过于夸张和突兀，给人柔和、安稳、明朗的视觉感受（见图3-46）。3.高短调高短调属于高明度弱对比，色彩非常明亮、轻柔、朦胧，使人感受到安静与淡雅的女性气质（见图3-47）。二、明度九调对比第二节明度对比1.高长调二、明度九调对比图3-45高长调

图3-46高中调

图3-47高短调图3-45高长调第二节明度对比4.中长调中长调属于中明度强对比，色彩效果有力、坚实、刚劲（见图3-48）。5.中中调中中调属于中明度中对比，色彩效果丰满、舒缓，比中短调色明度层次更丰富（见图3-49）。6.中短调中短调属于中明度弱对比，由于都是中明度色彩构成，给人含蓄、中庸、沉闷的的视觉感受（见图3-50）。二、明度九调对比第二节明度对比4.中长调二、明度九调对比

图3-48中长调

图3-49中中调

图3-50中短调图3-48中长调第二节明度对比7.低长调低长调属于低明度强对比，色彩效果醒目、激烈，给人不安定之感（见图3-51）。8.低中调低中调属于低明度中对比，色彩效果充实、雄浑、深沉（见图3-52）。9.低短调低短调属于低明度弱对比，色彩都由较重的颜色构成，给人消极、沉闷、暗淡、模糊、富有神秘感的视觉感受（见图3-53）。二、明度九调对比第二节明度对比7.低长调二、明度九调对比图3-51低长调

图3-52低中调

图3-53低短调图3-51低长调第三节纯度对比纯度对比是指不同纯度的颜色放置在一起所产生的色彩鲜浊程度上的差别。纯度对比分为以下几种情况：（1）某一色相的不同纯度的对比（图3-54所示）。（2）非纯色的不同色相间纯度的对比（图3-55所示）。（3）各种纯色之间的对比（见图3-56）。现实生活中除了纯色之外，大部分的色彩都是由不同程度含灰的非纯色构成的，正是有了纯度对比，视觉中的色彩才会显得更为丰富多彩。图3-54同色纯度对比海报设计

图3-55非纯色纯度对比海报设计

图3-56民族服饰摄影纯度对比第三节纯度对比纯度对比是指不同纯度的颜色放置在一起所产第三节纯度对比改变色彩纯度的方法有以下几种：（1）加白。（2）加黑。（3）加灰。（4）加互补色。（5）加三原色。第三节纯度对比改变色彩纯度的方法有以下几种：第三节纯度对比

纯度对比构成方法与明度对比方法相似，即将一个有纯色与灰色按照不同等差比例进行混合，建立一个由灰至纯的色阶轴，极灰色与极纯色分别位于色阶的两端，据此按色彩的鲜艳程度可划分成9个色阶，其中1～3为低纯度，称为灰调；4～6为中纯度，称为中调；7～9为高纯度，称为鲜调（见图3-57和图3-58）。一、纯度三大调

图3-57纯度对比色阶示意图

图3-58高、中、低纯度对比图第三节纯度对比纯度对比构成方法与明度对比第三节纯度对比

1.灰调低纯度色彩在画面面积占70%左右时，构成了低纯度基调，即灰调。在实际运用中，处理好灰调与其他色彩的关系就会使画面或产品显得耐看，否则容易引起无力、单调、脏污、沉闷等不良视觉感受（见图3-59和图3-60）。

图3-59灰调——服装设计

图3-60灰调——插画设计

第三节纯度对比1.灰调图3-59灰调第三节纯度对比2.中调中调色彩沉着、丰满、适中，能够使人持久地注视，运用范围较广，适用性强（见图3-61和图3-62）。

图3-61中调——室内设计

图3-62中调——服装设计

第三节纯度对比2.中调图3-61中第三节纯度对比3.鲜调

高纯度色彩在画面面积中占70%左右时，构成了高纯度基调，即鲜调。鲜调色彩鲜艳亮丽、刺激性强，色彩的视觉醒目度和传递性强（见图3-63和图3-64）。但长时间注视纯色容易使人产生视觉疲劳感，觉得画面主次不分，色彩混乱，给人带来刺激和烦躁的感觉。因此，只有懂得和善于运用色彩的纯度对比，才会使画面产生既响亮、活泼又含蓄的色彩效果，做到灰而不闷、艳而不燥。

图3-63鲜调——招贴设计

图3-64鲜调——商场空间设计第三节纯度对比3.鲜调图3-63鲜调——招贴设计第三节纯度对比

在高、中、灰三大调中根据纯度色阶轴上跨度距离的远近，还可以用强、中、弱形容纯度对比的强弱程度，即纯度色阶距离相隔越近，对比越弱；相隔距离越远，对比越强。色彩距离在5个色阶以上时属于强对比，在3～5个之间属于中对比，在3个以下属于弱对比（见图3-65）。

二、纯度九调图3-65纯度对比示意图第三节纯度对比在高、中、灰三大调中根据纯第三节纯度对比据此可划分出纯度对比的9种基本类型，分别为鲜调中的鲜强调、鲜中调、鲜弱调；中调中的中强调、中中调、中弱调；灰调中的灰强调、灰中调、灰弱调（见图3-66和图3-67）。

图3-66纯度九调对比-秋色

图3-67纯度九调对比

-教堂

第三节纯度对比据此可划分出纯度对比的9种基本类型，分别第三节纯度对比1.鲜强调鲜强调属于鲜调强对比，色彩整体纯度高，搭配小面积的低纯度色，使色彩纯度对比强烈，给人热烈、活泼、冲动的心理感受（见图3-68）。2.鲜中调鲜中调属于鲜调中对比，给人的感觉较刺激、生动（见图3-69）。3.鲜弱调鲜弱调属于鲜调弱对比，由于色彩纯度都高，组合对比后相互有抵制、碰撞的作用，故给人以刺目、俗气、幼稚、原始的感觉（见图3-70）。

第三节纯度对比1.鲜强调

图3-68鲜强调

图3-69鲜中调

图3-70鲜弱调

图3-68鲜强调第三节纯度对比4.中强调中强调属于中调强对比，给人适当、大众化的感觉（见图3-71）。5.中中调中中调属于中调中对比，给人温和、静态、舒适的感觉（见图3-72）。6.中短调中短调属于弱调中对比，给人平板、含混、单调的感觉（见图3-73）。

第三节纯度对比4.中强调图3-71中强调

图3-72中中调

图3-73中短调图3-71中强调第三节纯度对比7.灰强调灰强调属于灰调强对比，色彩整体纯度低，搭配小面积高纯度色，给人大方、高雅而又活泼的感觉。这种方法经常普遍应用于广告和图形，从而吸引注意力（见图3-74）。8.灰中调灰中调属于灰调中对比，给人相互、沉静、较大方的感觉（见图3-75）。9.灰弱调灰弱调属于灰调弱对比，给人雅致、细腻、耐看、含蓄、朦胧、较弱的感觉（见图3-76）。

第三节纯度对比7.灰强调3-74灰强调

图3-75灰中调

图3-76灰弱调

3-74灰强调第四节补色对比

补色又称互补色，是色彩对比中最激烈的一对色彩。

补色之间相互陪衬，将各自双方衬托得鲜明、激荡，色彩个性突出，强烈地刺激着人们的视觉感官，影响和改变着人们的情绪（见图3-77和图3-78）。

图3-77补色对比招贴设计

图3-78补色对比网站设计第四节补色对比补色又称互补色，是色彩对比中第四节补色对比黄和紫对比在明暗对比最突出；红与绿对比明度接近，冷暖对比居中，因而相互强调作用非常明显；橙与蓝对比则在冷暖关系上达到了极致。因此，合理有效地运用补色对比不仅能给人以醒目、强烈的视觉感受，更能展示作品独特的魅力。由于互补色之间能形成视觉生理平衡，因此两者之间的关系既对立又互补。若补色应用不当，特别是当两者的纯度都较高，且面积大小相近时，可能会产生过分刺激而引起冲突。因此，除了纯色的补色对比外，适当调整补色的明度、纯度、面积或加入无彩色等方法都能使画面具有和谐感，从而体现优雅、独特的个性品味(如图3-79和图3-80所示)。

第四节补色对比黄和紫对比在明暗对比最突出；红与绿对比明图3-79黄蓝补色对比创意广告

图3-80红绿补色对比创意广告

图3-79黄蓝补色对比创意广告第五节冷暖对比

冷暖对比是将色彩的色性倾向进行比较的一种色彩对比方式。冷暖本身是人皮肤对外界温度高低的条件感应，色彩的冷暖感主要来自人的生理与心理的感知觉。冷暖感主要体现在色相的特征上，如红色、橙色、黄色的为暖色是源于对阳光与火焰的色彩联想；而对湖水和冰川的联想则使人们将蓝色系列为冷色（图3-81~3-86）。

第五节冷暖对比冷暖对比是将色彩的色性倾向

图3-81暖色调

图3-82冷色调

图3-83冷暖对比—海报设计图3-84冷暖对比—室内设计

图3-85冷暖对比—环境设计

图3-86冷暖对比—室内设计

图3-81暖色调第六节面积对比色彩的面积对比是指两种或两种以上的色彩在空间的占有量，即色块的面积、形状和多少之间的对比关系。色彩面积的分布关系直接影响人们的视觉强度及心理感受。通过合理的面积对比，可以使画面给人以视觉上的平衡感（图3-87）。

图3-87面积对比第六节面积对比色彩的面积对比是指两种或两种以上的色彩在第六节面积对比如图3-88所示，存在于画面上的绿色，虽有明度和纯度有所差异，但色调统一，并在画面中占据着最大的面积，分布在画面上的黑色、白色、粉红以大小不同的形状与背景的绿色发生接触，产生对比，但整体色调稳定。如图3-89所示，以粉绿色为主调所占面积最大，黄色面积次之，红色、紫色、橘色、绿色等颜色面积最小，形成了以粉绿色调主控，其他颜色作为点缀活跃画面气氛，但又不影响全局色彩的平衡感。

图3-88面积对比—平面广告设计

图3-89面积对比—招贴设计

第六节面积对比如图3-88所示，存在于画面上的绿色，虽第六节面积对比不同面积的色彩给人不同的感觉。如图3-90所示，这幅电影海报中红色调占主导地位，与小面积的黑色对比给人造成了紧张、惊心动魄的感受。如图3-91所示，蓝绿和红色的面积相近，浓烈的暖色红和冷色调的蓝绿形成了强烈的对比效果，让人感受到辣和柠檬香交织的独特味道。如图3-92所示，黄色和红色所占据的面积差别较大，并且两者都属于暖色调，因此画面的对比效果偏弱。

图3-90面积对比—电影海报设计

图3-91面积对比—包装设计

图3-92面积对比—海报设计第六节面积对比不同面积的色彩给人不同的感觉。如图3-第七节形状对比形状是色彩存在的条件，一种色彩的出现总是伴随一定的形。因此，色彩的形状是关乎色彩对比的一个重要因素。对比的色彩也会因色块形状的变化而受到影响，形状会产生色对比的强弱。通常情况下，越简洁、光滑的形状，与底色形成对比越效果强烈；越复杂形状与底色形成的对比效果就越弱(图3-93和图3-94)。

图3-93形状对比

图3-94形状对比-海报设计第七节形状对比形状是色彩存在的条件，一种色彩的出现总是第七节形状对比

另外，当同一形状在画面中集中时，色彩面积冲突达到顶峰，因而色彩对比强烈；反之，形状越分散，分割了底色的面积，使底色的力量感大大减弱，对比双方向会向另一方融合转化，因此色彩对比效果就显得弱(图3-95和3-96）。图3-96形状对比

图3-97形状对比-招贴设计第七节形状对比另外，当同一形状在画面中集中第八节位置对比色彩的位置对比是影响色彩对比效果的一个重要考虑因素。差异越大的色彩的位置不同，会形成不同的对比效果。在色彩不变的情况下，对比色距离远，其对比效果相对较弱；对比色相互接触时，其对比效果较强；对比色相互切入时，产生的对比效果更强；对比色其中的一方包围另一方时，会产生相互排斥的张力，产生的对比效果最强（图3-97和图3-98）。

图3-98位置对比

图3-99位置对比-海报设计第八节位置对比色彩的位置对比是影响色彩对比效果的一个重第九节同时对比

同时对比是由于视觉生理条件的作用在视觉中发生的色彩现象。同一时间和同一空间中所看到的两种或两种以上的并置色彩所产生的对比现象称为同时对比。补色对比、纯度对比、明度对比、色相对比都属于同时对比的组成部分。1.补色同时对比当两种对比色彩为补色时，两种色彩显得更为鲜艳（图3-99）。2.高纯度与低纯度色