1、色彩构成色彩构成教学课件教学课件第一章 色彩构成概述第二章 色彩构成要素第三章 色彩构成中色色彩对比第四章 色彩构成中的色彩调和第五章 色彩构成的方法第六章 色彩的心理效应第七章 色彩构成与艺术设计教 学 内 容第三章第三章 色彩构成中的色彩对比色彩构成中的色彩对比第一节 色相对比第二节 明度对比第三节 纯度对比第四节 补色对比第五节 冷暖对比第六节 面积对比第七节 形状对比第八节 位置对比第九节 同时对比第十节 连续对比掌握色彩对比的原理及方法。了解色彩对比的规律及形式。了解色彩对比形成的视觉效果。学习要点及目标建议课时15课时第一节 色相对比 色相是色彩的首要特征,是区别各种不同色彩的的标
2、准。色相是色彩三属性中最易于识别的色彩属性。当两种以上的色彩并置时,由于色相差别而形成的色彩对比效果称为色相对比(见图3-3图3-5)。图3-3 生活中的色彩对比 图3-4 摄影中的纯度对比 图3-5海报中的纯度对比第一节 色相对比 同类色对比是指在色相环中15左右的色彩对比所呈现的色彩效果(见图3-6)。同类色是色相对比中最弱的一种对比形式,色调统一,需借助明度与纯度变化的来弥补色相差异感的不(见图3-7图3-12)。一、同类色对比图 3-6 同类色对比色相环示意图 图3-7 牛奶海报 图3-8食品海报 图3-9 标识设计 图3-10插画设计图3-11 广告设计 图3-12 室内设计第一节
3、色相对比 邻接色对比是指在色相环上间隔30左右的色彩的对比(见图3-13)。由于在色相环中色彩间距较小,产生的色相面貌近似,邻近色对比要比同类色稍显活泼、丰富。邻接色对比属于弱对比,在单独运用时需借助明度与纯度的变化来弥补色相差异感的不足(见图3-14图3-18)。二、邻接色对比图3-13 邻接色对比色相环示意图 图3-14 邻接色对比图 图3-15 邻接色对比 人物画 图3-16 饮料广告 图3-17食品广告 图3-18 创意海报第一节 色相对比类似色对比是指在色相环上间隔60左右的色彩的对比(见图3-19)。类似色含有相同的色彩元素,但又有明显的色彩差别。在色彩设计中,设计者经常会使用类似
4、色对比,以使画面的整体色调明确、和谐,同时又富有变化(见图3-20图3-22)。三、类似色对比图3-19 类比色对比 图3-20 黄绿类比色对比图3-21室内设计类比色对比 图3-22建筑局部类比色对比 第一节 色相对比 中度色对比是指在色相环上间隔90左右的色彩的对比(见图3-23)。中度色对比的色域范围比前几种对比关系扩大了很多,参与这种对比形式的色彩差别相对明显,属于中性对比。中度色对比中有冷暖弱对比,此类对比效果明快、活泼、饱满,既有一定力度,又不失调和之感(图3-24图3-27)。四、中度色对比图3-23 中度色对比色相环示意图 图3-24 蓝紫中度色对比 图3-25饮料广告 图3-
5、26插画 图3-27 数字绘画第一节 色相对比对比色相的两色在色相环上相距较远,在色相环上相隔距离为120左右(见图3-28)。对比色对比的色域范围进一步扩大,色相差异明显,属于强度对比。色彩间出现明确的冷暖对比,画面色彩层次丰富,视觉效果鲜亮、强烈,可营造出活泼、热情的画面效果(见图3-29图3-32)。五、对比色对比图3-28 对比色对比色相环示意图 图3-29 对比色对比 图 图3-30 插画设计 图3-31 Jolie Petite 品牌设计 图3-32 Jolie Petite 海报设计第一节 色相对比互补色对比是指位置在色相环直径的两端,相距180的两色的对比(见图3-33)。互补
6、色是色相环中距离最远的两个色,互补色对比属于色彩的极强对比,补色对比关系最强烈,视觉效果刺激、夸张、夺目,但若搭配不当就容易造成不安定、不和谐、过分刺激,有幼稚、生硬的和粗俗的感觉。要想把互补色相对比组织得倾向鲜明、统一与调和,设计者就需考虑色彩的明度、纯度及面积配置关系,使画面不失协调又显生动活力(见图3-34图3-37)。六、互补色对比图3-33 互补色对比色相环示意图 图3-34 互补色对比 图图3-35 黄蓝互补色对比海报设计 图3-36红绿互补色对比海报设计 图3-37红绿互补色对比摄影第二节 明度对比 每一种色彩除了色相不同外,其明度也各不相同。当进行色彩对比时,人的视觉除了能分辨
7、色相的不同外,还能明显感觉到色彩的明暗程度的差别,这就是色彩的明度对比(图3-38)。图3-38明度对比第二节 明度对比1.高调高调色彩整体明亮,给人以清洁、轻松、素雅之感。恰当地运用高调色彩能够营造出雅致、纯净、柔美的气息,但若对色彩的处理不好,就会给人以缺乏个性、无力、模糊之感(见图3-40)。2.中调中调色彩给人以饱满、含蓄、稳重的心理感受(见图3-41)。3.低调低调色彩给人以深沉、厚重、压抑的心理感受。(见图3-42)。一、明度三大调图3-40 高调海报设计 图3-41 中调房地产广告设计 图3-42 低调电影海报设计第二节 明度对比 在实际的色彩组合中,除了画面呈现高调、中调、低调
8、三类的明度调子外,还需考虑到明度之间的对比关系,在色阶轴中,色阶相距越远,色彩间的明度差异越大,对比越强烈,反之则越弱。如图3-43所示,1为深紫,9为淡紫,在1和9之间相隔7个色阶,1和9相距最远,对比最强;8、9相距最近,对比最弱,以此类推。明度调子的对比关系,以9这个明度色阶为基本标准可以进行明度对比强弱的划分:3个色阶跨度内的为明度弱对比,称为短调对比;35个色阶跨度内的为明度中对比,称为中调对比;5个色阶跨度内的为明度强对比,称为长调对比。短调对比色彩的明度变化小,给人以平静、安宁的视觉感受;中调对比色彩的明度变化适中,明暗既统一又有变化;长调对比色彩的明度变化大,视觉效果强烈。二、
9、明度九调对比图3-43 明度对比示意图第二节 明度对比 根据高调、中调、低调这三种明度基调,再加上长、中、短不同跨度距离组合,就可以构成明度九调,即高调中的高长调、高中调、高短调,中调中的中长调、中中调、中短调,低调中的低长调、低中调、低短调(见图3-44)。图3-44 明度九调第二节 明度对比1.高长调高长调属于高明度强对比,色彩整体较明亮,但明度反差大,明度对比分明,给人明快、清晰、活泼的视觉感受(见图3-45)。2.高中调高中调属于高明度中对比,色彩效果不会显得过于夸张和突兀,给人柔和、安稳、明朗的视觉感受(见图3-46)。3.高短调高短调属于高明度弱对比,色彩非常明亮、轻柔、朦胧,使人
10、感受到安静与淡雅的女性气质(见图3-47)。二、明度九调对比图3-45 高长调 图3-46 高中调 图3-47 高短调第二节 明度对比4.中长调中长调属于中明度强对比,色彩效果有力、坚实、刚劲(见图3-48)。5.中中调中中调属于中明度中对比,色彩效果丰满、舒缓,比中短调色明度层次更丰富(见图3-49)。6.中短调中短调属于中明度弱对比,由于都是中明度色彩构成,给人含蓄、中庸、沉闷的的视觉感受(见图3-50)。二、明度九调对比 图3-48 中长调 图3-49 中中调 图3-50 中短调第二节 明度对比7.低长调低长调属于低明度强对比,色彩效果醒目、激烈,给人不安定之感(见图3-51)。8.低中
11、调低中调属于低明度中对比,色彩效果充实、雄浑、深沉(见图3-52)。9.低短调低短调属于低明度弱对比,色彩都由较重的颜色构成,给人消极、沉闷、暗淡、模糊、富有神秘感的视觉感受(见图3-53)。二、明度九调对比图3-51 低长调 图3-52 低中调 图3-53低短调第三节 纯度对比纯度对比是指不同纯度的颜色放置在一起所产生的色彩鲜浊程度上的差别。纯度对比分为以下几种情况:(1)某一色相的不同纯度的对比(图3-54所示)。(2)非纯色的不同色相间纯度的对比(图3-55所示)。(3)各种纯色之间的对比(见图3-56)。现实生活中除了纯色之外,大部分的色彩都是由不同程度含灰的非纯色构成的,正是有了纯度
12、对比,视觉中的色彩才会显得更为丰富多彩。图3-54同色纯度对比海报设计 图3-55非纯色纯度对比海报设计 图3-56 民族服饰摄影纯度对比第三节 纯度对比改变色彩纯度的方法有以下几种:(1)加白。(2)加黑。(3)加灰。(4)加互补色。(5)加三原色。第三节 纯度对比 纯度对比构成方法与明度对比方法相似,即将一个有纯色与灰色按照不同等差比例进行混合,建立一个由灰至纯的色阶轴,极灰色与极纯色分别位于色阶的两端,据此按色彩的鲜艳程度可划分成9个色阶,其中13为低纯度,称为灰调;46为中纯度,称为中调;79为高纯度,称为鲜调(见图3-57和图3-58)。一、纯度三大调 图3-57 纯度对比色阶示意图
13、 图3-58 高、中、低纯度对比图第三节 纯度对比 1.灰调低纯度色彩在画面面积占70%左右时,构成了低纯度基调,即灰调。在实际运用中,处理好灰调与其他色彩的关系就会使画面或产品显得耐看,否则容易引起无力、单调、脏污、沉闷等不良视觉感受(见图3-59和图3-60)。图3-59灰调服装设计 图3-60灰调插画设计 第三节 纯度对比 2.中调中调色彩沉着、丰满、适中,能够使人持久地注视,运用范围较广,适用性强(见图3-61 和图3-62)。图3-61 中调室内设计 图3-62 中调服装设计 第三节 纯度对比3.鲜调 高纯度色彩在画面面积中占70%左右时,构成了高纯度基调,即鲜调。鲜调色彩鲜艳亮丽、
14、刺激性强,色彩的视觉醒目度和传递性强(见图3-63和图3-64)。但长时间注视纯色容易使人产生视觉疲劳感,觉得画面主次不分,色彩混乱,给人带来刺激和烦躁的感觉。因此,只有懂得和善于运用色彩的纯度对比,才会使画面产生既响亮、活泼又含蓄的色彩效果,做到灰而不闷、艳而不燥。图3-63 鲜调招贴设计 图3-64 鲜调商场空间设计第三节 纯度对比 在高、中、灰三大调中根据纯度色阶轴上跨度距离的远近,还可以用强、中、弱形容纯度对比的强弱程度,即纯度色阶距离相隔越近,对比越弱;相隔距离越远,对比越强。色彩距离在5个色阶以上时属于强对比,在35个之间属于中对比,在3个以下属于弱对比(见图3-65)。二、纯度九
15、调图3-65 纯度对比示意图第三节 纯度对比据此可划分出纯度对比的9种基本类型,分别为鲜调中的鲜强调、鲜中调、鲜弱调;中调中的中强调、中中调、中弱调;灰调中的灰强调、灰中调、灰弱调(见图3-66和图3-67)。图3-66 纯度九调对比-秋色 图3-67 纯度九调对比-教堂 第三节 纯度对比1.鲜强调鲜强调属于鲜调强对比,色彩整体纯度高,搭配小面积的低纯度色,使色彩纯度对比强烈,给人热烈、活泼、冲动的心理感受(见图3-68)。2.鲜中调鲜中调属于鲜调中对比,给人的感觉较刺激、生动(见图3-69)。3.鲜弱调鲜弱调属于鲜调弱对比,由于色彩纯度都高,组合对比后相互有抵制、碰撞的作用,故给人以刺目、俗
16、气、幼稚、原始的感觉(见图3-70)。图3-68 鲜强调 图3-69鲜中调 图3-70 鲜弱调 第三节 纯度对比4.中强调中强调属于中调强对比,给人适当、大众化的感觉(见图3-71)。5.中中调中中调属于中调中对比,给人温和、静态、舒适的感觉(见图3-72)。6.中短调中短调属于弱调中对比,给人平板、含混、单调的感觉(见图3-73)。图3-71 中强调 图3-72 中中调 图3-73中短调第三节 纯度对比7.灰强调灰强调属于灰调强对比,色彩整体纯度低,搭配小面积高纯度色,给人大方、高雅而又活泼的感觉。这种方法经常普遍应用于广告和图形,从而吸引注意力(见图3-74)。8.灰中调灰中调属于灰调中对
17、比,给人相互、沉静、较大方的感觉(见图3-75)。9.灰弱调灰弱调属于灰调弱对比,给人雅致、细腻、耐看、含蓄、朦胧、较弱的感觉(见图3-76)。3-74灰强调 图3-75 灰中调 图3-76 灰弱调 第四节 补色对比 补色又称互补色,是色彩对比中最激烈的一对色彩。补色之间相互陪衬,将各自双方衬托得鲜明、激荡,色彩个性突出,强烈地刺激着人们的视觉感官,影响和改变着人们的情绪(见图3-77和图3-78)。图3-77 补色对比招贴设计 图3-78 补色对比网站设计第四节 补色对比黄和紫对比在明暗对比最突出;红与绿对比明度接近,冷暖对比居中,因而相互强调作用非常明显;橙与蓝对比则在冷暖关系上达到了极致
18、。因此,合理有效地运用补色对比不仅能给人以醒目、强烈的视觉感受,更能展示作品独特的魅力。由于互补色之间能形成视觉生理平衡,因此两者之间的关系既对立又互补。若补色应用不当,特别是当两者的纯度都较高,且面积大小相近时,可能会产生过分刺激而引起冲突。因此,除了纯色的补色对比外,适当调整补色的明度、纯度、面积或加入无彩色等方法都能使画面具有和谐感,从而体现优雅、独特的个性品味(如图3-79和图3-80所示)。图3-79黄蓝补色对比创意广告 图3-80 红绿补色对比创意广告 第五节 冷暖对比 冷暖对比是将色彩的色性倾向进行比较的一种色彩对比方式。冷暖本身是人皮肤对外界温度高低的条件感应,色彩的冷暖感主要
19、来自人的生理与心理的感知觉。冷暖感主要体现在色相的特征上,如红色、橙色、黄色的为暖色是源于对阳光与火焰的色彩联想;而对湖水和冰川的联想则使人们将蓝色系列为冷色(图3-81 3-86)。图3-81 暖色调 图3-82 冷色调 图3-83 冷暖对比海报设计 图3-84冷暖对比室内设计 图3-85冷暖对比环境设计 图3-86冷暖对比室内设计 第六节 面积对比色彩的面积对比是指两种或两种以上的色彩在空间的占有量,即色块的面积、形状和多少之间的对比关系。色彩面积的分布关系直接影响人们的视觉强度及心理感受。通过合理的面积对比,可以使画面给人以视觉上的平衡感(图3-87)。图3-87 面积对比第六节 面积对
20、比如图3-88所示,存在于画面上的绿色,虽有明度和纯度有所差异,但色调统一,并在画面中占据着最大的面积,分布在画面上的黑色、白色、粉红以大小不同的形状与背景的绿色发生接触,产生对比,但整体色调稳定。如图3-89所示,以粉绿色为主调所占面积最大,黄色面积次之,红色、紫色、橘色、绿色等颜色面积最小,形成了以粉绿色调主控,其他颜色作为点缀活跃画面气氛,但又不影响全局色彩的平衡感。图3-88 面积对比平面广告设计 图3-89 面积对比招贴设计 第六节 面积对比不同面积的色彩给人不同的感觉。如图 3-90所示,这幅电影海报中红色调占主导地位,与小面积的黑色对比给人造成了紧张、惊心动魄的感受。如图 3-9
21、1所示,蓝绿和红色的面积相近,浓烈的暖色红和冷色调的蓝绿形成了强烈的对比效果,让人感受到辣和柠檬香交织的独特味道。如图3-92所示,黄色和红色所占据的面积差别较大,并且两者都属于暖色调,因此画面的对比效果偏弱。图3-90 面积对比电影海报设计 图3-91 面积对比包装设计 图3-92面积对比海报设计第七节 形状对比形状是色彩存在的条件,一种色彩的出现总是伴随一定的形。因此,色彩的形状是关乎色彩对比的一个重要因素。对比的色彩也会因色块形状的变化而受到影响,形状会产生色对比的强弱。通常情况下,越简洁、光滑的形状,与底色形成对比越效果强烈;越复杂形状与底色形成的对比效果就越弱(图3-93和图3-94
22、)。图3-93形状对比 图3-94形状对比-海报设计第七节 形状对比 另外,当同一形状在画面中集中时,色彩面积冲突达到顶峰,因而色彩对比强烈;反之,形状越分散,分割了底色的面积,使底色的力量感大大减弱,对比双方向会向另一方融合转化,因此色彩对比效果就显得弱(图3-95和3-96)。图3-96形状对比 图3-97形状对比-招贴设计第八节 位置对比色彩的位置对比是影响色彩对比效果的一个重要考虑因素。差异越大的色彩的位置不同,会形成不同的对比效果。在色彩不变的情况下,对比色距离远,其对比效果相对较弱;对比色相互接触时,其对比效果较强;对比色相互切入时,产生的对比效果更强;对比色其中的一方包围另一方时
23、,会产生相互排斥的张力,产生的对比效果最强(图3-97和图3-98)。图3-98 位置对比 图3-99位置对比-海报设计第九节 同时对比 同时对比是由于视觉生理条件的作用在视觉中发生的色彩现象。同一时间和同一空间中所看到的两种或两种以上的并置色彩所产生的对比现象称为同时对比。补色对比、纯度对比、明度对比、色相对比都属于同时对比的组成部分。1.补色同时对比当两种对比色彩为补色时,两种色彩显得更为鲜艳(图3-99)。2.高纯度与低纯度色彩同时对比当高纯度的色彩与低纯度的色彩相邻接时,高纯度的色彩会显得更鲜艳,低纯度的色彩则显得更灰(图3-100)。3.高明度与低明度色彩同时对比当高明度与低明度的色
24、彩相邻接时,高明度的色彩显得更亮,低明度的色彩显得更暗(图3-101)。图3-99补色同时对比实例 图3-100高低纯度色彩同时对比实例 图3-101高低明度色彩同时对比实例第九节 同时对比4.无彩色与有彩色同时对比当无彩色与有彩色进行同时对比时,有彩色的色相不受影响,而无彩色倾向于有彩色的补色。如图3-102所示,灰色方块的黄色背景使黄色看起来更黄,灰色方块则显得有蓝灰味;灰色方块的蓝色背景使蓝色看起来更蓝,灰色方块看起来则更显黄灰味。图3-102 同时对比实例第十节 连续对比连续对比是指在不同空间、不同时间内所看到的两种或两种以上的色彩的对比现象。连续对比与同时对比原理相似,都是由于视觉生
25、理条件的作用在视觉中发生的色彩现象,连续对比是因人眼在看到第一种色彩之后再看第二种色彩时会发生错视,观看第一种色彩的时间越长,那么在观看第二种色彩时错视的影响就越大。【思考与练习】1简述色彩对比在设计中的作用及意义。2色彩对比的基本原理有哪些?3在现实生活中你能发现哪些优秀的色彩对比的案例?请进行具体描述。【实训课堂】1色相对比练习。每幅尺寸16 cm16 cm,共4幅。选择色相中的4种形式组成画面,不要使用无彩色,每幅画不超过6种色彩。画面内容不限,但形式需统一。2明度九调对比练习。每幅尺寸10 cm10 cm。共9幅。选择25种色相进行明度九调练习。画面内容不限,形式需统一,对比关系准确,注意色彩面积的比例。3纯度九调练习。每幅尺寸10 cm10 cm。共9幅。选择25种色相进行纯度九调练习。画面内容不限,形式需统一,对比关系准确,注意色彩面积的比例。4.补色对比练习。每幅尺寸15 cm15 cm。共3幅。图形自定。5.冷暖对比练习。每幅尺寸20 cm20 cm。共2幅。图形自定。6.面积对比练习。选择34种颜色,每幅尺寸15 cm15 cm。共4幅。每幅小图分别变化各色的面积量。