设计基础 色彩构成

色彩之美 生活中的色彩 色彩之美 生活中的色彩 色彩之美 生活中的色彩 色彩之美 自然界中的色彩 色彩之美 自然界中的色彩 色彩之美 自然界中的色彩 色彩之美 自然界中的色彩 色彩的本质 一 色彩的来源色彩是光产生的现象 没有光 就没有色彩 色彩的本质 二 光线和色彩的关系 光源色 光源所产生的光色 物体色 物体在接受光线照射后 吸收部分光线的颜色 反射其余部分的光线的颜色 透明色 当透明物体含有一定杂质或色素时 由于杂质或色素对光线的反射作用 光线被过滤掉一部分 从而形成透明色 复合光 各种物体所产生的颜色 是非单纯颜色的光 它是以 复合 的方式反射或透过的 故而叫做 复合光 RGB颜色模式与CMYK颜色模式 RGB 光源色 红色绿色蓝色又称为三原色光 用英文表示就是R red G green B blue CMYK 物体色 CMY是3种印刷油墨名称的首字母 青色Cyan 洋红色Magenta 黄色Yellow 而K取的是black最后一个字母 之所以不取首字母 是为了避免与蓝色 Blue 混淆 RGB颜色模式与CMYK颜色模式 只要在屏幕上显示的图像 就是RGB模式表现的 只要是在印刷品上看到的图像 就是CMYK模式表现的 色彩的本质 影响色彩的主要因数 光线的性质物体的分子结构物体表面现象 如光滑 粗糙观看时的心理因数 色彩的本质 色彩应用的小例子 卖西瓜的水果摊烧鹅店小贩舞台灯光卧室温馨的灯光与色彩 色彩的分类 无彩色 黑 白 纯灰有彩色 红橙黄绿青蓝紫 无彩色 有彩色 色彩的三属性 色相明度纯度 色相 指色彩的相貌 明度 色彩的明暗程度 明度 高 中 低 彩度 色彩的鲜艳程度 纯度 鲜 中 灰 如何改变色彩的明度 如何改变色彩的纯度 ABC 如何改变色彩的纯度 ABC 清色与浊色 色彩的体系 门塞尔色立体 色彩的体系 色彩的混合 三原色光红 Red 绿 Green 蓝 Blue 颜料的三原色青蓝 Cyan 洋红 Magentared 黄 Yellow 色彩的混合 色光的混合三原色光又称为第一次色光 是用来混合产生其他色光的 混合公式 橙 红 绿 黄 橙 红 紫 蓝 紫 红 紫 蓝 绿 绿 蓝 黄 紫 红 蓝 第二次色光 第二次色光全部混合第二次色光全部混合第一次光全部混合 第三次光 白 加法混合 由于光色的混合 混合次数越多 其色光的明度越亮 所以色彩学上把光色混合称为加法混合 色彩的混合 颜色的混合颜色的三原色也叫第一次色 同样是用来混合产生其他颜色的 混合公式 紫 红 绿 蓝 蓝 紫 紫 红 黄 红 橙 绿 蓝 黄 绿 蓝 紫 红 橙 绿 第二次色 间色 第二次色分别混合第二次色全部混合第一次色全部混合 第三次色 黑 复色 减法混合 颜色混合次数越多 其明度越深 所以色彩学上把颜色的混合称为减法混合 中性混合 将两种或多种颜料并置后 经过一定距离的视觉混合而获得的一种新的视觉效果 如一定比例的三原色中性混合后得到浅灰色 既不加光也不减光 故称中性混合 也叫空间混合 这种混合方法得到的新色相明度 纯度都比减色混合要高 效果鲜明 响亮 跃动感强 色彩构成 Interaction0fcolor 即将两个以上的色彩 根据不同的目的性 按照一定的原则 重新组合搭配 在互相作用下构成新的和美的色彩关系 色彩构成 是在色彩科学体系的基础上 将复杂的视觉表现还原成最基本的要素 研究符合人们知觉和心理原则的构成 并能发现 把握尽可能美的配色创造 色彩对比的规律 指色彩间的矛盾 对立的关系 尽可能接近的时间和空间里 也就是说在同一视域 最好在同一视域中心之内 只有时间与空间意义上的一起 才能准确地发展异同 才能最充分地显示出应有的对比效果 色彩对比的规律 色彩对比的要素色相明度纯度 色相的对比 定义 将两个或两个以上的不同色相的色彩并置在一起 所产生的色相差别对比 对比的种类 邻近色类似色对比色互补色 色相的对比 对比的种类 邻近色类似色对比色互补色 色相的对比 色相的对比 对比的效果 邻近色 色相差别小 色彩对比非常弱 类似色 保持了邻接色的单纯 统一 柔和 主色调明确等特点 同时又具有耐看的优点 对比色 具有鲜明 强烈 饱满 华丽 欢乐 活跃的感情特点 容易使人兴奋 激动 互补色 强烈 鲜明 充实 有运动感 但是也容易产生不协调 杂乱 过分刺激 动荡不安 粗俗 生硬等缺点 邻近色 类似色 对比色 互补色 补色调和的技巧是 A 增加面积比 B 混入同种色彩 C 降低纯度 D 用金 银 黑色线条分割 色相偏移 明度的对比 定义 将两个或两个以上的不同明度的色彩并置在一起 所产生的色彩明暗程度的对比 明度对比是色彩构成的最重要的因素 色彩的层次与空间关系主要依靠色彩的明度对比来表现 只有色相的对比而无明度对比 图案的轮廓形状难以辨认 只有纯度的对比而无明度的对比 图案的轮廓形状更难辨认 明度的对比 弱对比 明度色阶三个以内中对比 三个以上 六个以内强对比 六个以上 纯度的对比 定义 将两个或两个以上的不同纯度的色彩并置在一起 所产生的色彩鲜艳或混浊感的对比 对比的结果 鲜艳的更鲜艳 灰浊的色彩更灰浊对比的种类 相同色相的不同纯度的对比不同色相的不同纯度的对比 降低色彩纯度的四种办法 加白 纯色混合白色可以降低其纯度 提高明度 同时色性偏冷 曙红 白 紫青味的粉红 黄 白 冷色浅黄 各色混合白色以后会产生色相偏差 加黑 纯色混合黑色 降低了纯度 又降低了明度 各色加黑色后 会失去原来的光亮感 而变得沉着 幽暗 加灰 纯色加入灰色 会使色味变得浑浊 相同明度的纯色与灰色相混 可以得到相同明度而不同纯度的含灰色 具有柔和 软弱的特点 加互补色 冷暖的对比 定义 利用冷暖差别形成的色彩对比称为冷暖对比 色彩心理来考虑 把红 橙 黄称为暖色 把橙色称为暖极 把绿 青 蓝划为冷色 把天蓝色称为冷极 面积的对比 定义 指各种色彩在构图中占据量的对比 这是数量的多与少 面积的大与小的对比 规律 面积相当 对比效果好 调和效果差 面积对比悬殊 对比效果差 调和效果好 歌德认为 色彩的力量决定于明度与面积 他把太阳纯色的6色相 青 蓝合并为一色 定为 黄3 橙4 红6 紫9 青8 绿6 并将一个圆分成36个扇形等分 以表示色彩的力量比 其中黄占3分 橙占4分 红绿各占6分 紫占9分 蓝占8分 这就是说 只有这种比例的色光混合后才能是白光 如果6种色光都是均等的6分 混合出的光不是白光 而是橙黄色 3 调和的方法 1 孟塞尔色彩调和论 在孟塞尔色立体中 确立一个色或一组色后 也同时能从色立体中求出相应的调和色 其方法是从几何学秩序方向中去选择的 孟塞尔色彩协调理论也叫定量秩序协调 作为基础的色彩协调法则 门塞尔认为在色立体中 不论什么方向 什么系列选色 只要保持一定间隔就能够令色彩协调 孟塞尔色彩协调理论 1 垂直协调和 明度变化 色相和彩度不变 孟塞尔色彩协调理论 2 斜内面调和 互补色明度 不同纯度 秩序调和 孟塞尔色彩协调理论 3 内面调和 互补色同明度 不同纯度 系列调和 孟塞尔色彩协调理论 4 斜横面调和 明度和纯度变化 类似邻近色的协调色彩 孟塞尔色彩协调理论 5 圆周调和 明度和纯度协调一致 色相变化 具有各色相的彩虹般的秩序感 孟塞尔色彩协调理论 6 螺旋形调和 不同明度 不同纯度 不同色相的系列调和 在色立体上自由作螺旋形 再按一定间隔取得各色相 当纯度高时 明度应降低 孟塞尔色彩协调理论 1 垂直协调和 明度变化 色相和彩度不变 2 斜内面调和 互补色明度 不同纯度 秩序调和 3 内面调和 互补色同明度 不同纯度 系列调和 4 斜横面调和 明度和纯度变化 类似邻近色的协调色彩 5 圆周调和 明度和纯度协调一致 色相变化 具有各色相的彩虹般的秩序感 6 螺旋形调和 不同明度 不同纯度 不同色相的系列调和 2 伊登的色彩调和理论 a 二色调和 b 三色调和c 四色调和d 五色以上的调和 2 伊登的色彩调和理论 a 二色调和 凡是通过色立体中心的两个相对的颜色 互补色 都是可以组成调和的色组 2 伊登的色彩调和理论 b 三色调和 凡是在色相环中构成等边三角形或等腰三角形的三个色是调和的色相 也可将这些等边或等腰三角形或任意不等边三角形使其三点在图中自由转动 可找到无限个调和色组 2 伊登的色彩调和理论 c 四色调和 凡是在色相环中构成正方形或长方形的四个色是调和的色组 如果采用梯形或不规则四边形 也可获得无数个调和色组 2 伊登的色彩调和理论 d 五色以上的调和 凡在色相环中构成五角形 六角形 八角形等的五 六 八个色是调和色组 伊登认为 理想的色彩和谐就是要用选择正确的对偶的方法来显示其最强效果 3 色彩调和中的主要手段 一 a 无彩色系最易调和 但明度在11级明度色阶中的间隔中看 近看不需过于对比 可采用小间隔 即弱对比 1 3 5 7 9或1 4 7 10等 如果远看就不要过于含蓄 需大间隔 即强对比 如1 6 10或1 7等 色彩调和中的主要手段 b 无彩色系与有彩色系调和最易 不需考虑色相 因为任何有彩色与无彩色都调和 但必须考虑色阶明度对比要大些 不要过于微妙 一般要在5度以外 色彩调和中的主要手段 c 同色相调和也很容易 但也要考虑色阶明度的对比和纯度对比 间隔不需过大 可用小间隔法1 3 5 7 9或1 4 7 10等 远看需大间隔 色彩调和中的主要手段 d 邻接色调和一般变化也十分微妙 需要有主次关系 又要变化纯度 明度上也要用小间隔以外的办法 即弱对比和中对比 远看需要长对比 色彩调和中的主要手段 e 类似色调和 因为它们本身在色相上就有一定的弱对比关系 也就是说具有一定的调和因素 也是比较容易处理的 只要稍注意纯度 多注意明度即可 明度处理同前 色彩调和中的主要手段 f 中差色在色相中是属中等对比关系 在色相处理上如果需再柔和些 可在二者之间加一过渡色 如果不需再柔和 只在明度上用短对比和中对比 如果再需强烈些 可用长对比 色彩调和中的主要手段 g 对比色的调和是因为它们在色相上属强对比 利用面积调和法 即大面积冷对小面积暖 用聚散调和法 即冷聚热散 利用中性色作间隔法 如黑 白 灰 利用间色序列推移法 降低双方或一方纯度 提高一方明度 h 互补色相调和的方法 色彩调和中的主要手段 对比色 互补色调和六法 4 色彩调和的主要手段 二 5 色彩与形象的统一 约翰 伊顿教授指出 红暗示正方形黄暗示三角形青暗示正圆形橙是红与黄的折衷 暗示梯形绿是黄与青的折衷 暗示圆弧三角形紫是红与青的折衷 暗示圆弧方形 色彩与形象的统一 色彩学家碧莲与伊顿教授稍有不同 他认为 橙暗示长方形绿暗示正六边形紫暗示椭圆形 色彩与形象的统一 正方形的内角都是直角 四边相等 显出稳定感 重量感和确定感 垂直线与水平线相交又有显著的紧张感 而红色性质紧张 充实 有重量 确定 二者吻合 正三角形的三条边加三个60 角有着尖锐的 激烈的 醒目的效果 黄色的性质也是明亮 锐利 活跃 缺少重量感 二者相吻合 色彩与形象的统一 正圆形是不可分离的象征 它轻快 柔和 有浮动性 使人感到充满流动感 而青色也容易使人联想到天空 空气 水 它透明而轻快 有浮动感 与圆形气质相似 橙 绿 紫属三间色 分别与相应的折衷吻合 当上述色与相应的形相吻合时 最能发挥色彩明显的特征 6 色彩与内容的统一 色彩的调子中按色相可分为 红调子 绿调子 蓝调子 黄调子 在冷暖上分 可谓 冷调子 热调子 暖调子 中性调子等 这与色相也有关 属哪个区 即哪个区的调子 若在明度上分 可谓 亮调子 其中包括高短调 高中调 高长调 暗调子 包括低中调 低长调 低短调 和中间调子 中中调 中高短调 中短调 中低短调 中长调 若在内容上分 可谓 欢乐调子 悲哀调子 恐怖调子 庄严调子和富丽堂皇调子等 这些调子都是为了表现画面内容的 如表现恐怖感 在色相上用蓝 紫调子 在明度上可用低长调 在冷暖上可用冷调子 十种基本的配色设计 配色表 颜色印象空间 色调 Tone 结合明度和纯度的概念 色相 色调 Hue Tone 体系的最初来源是根据人的语言对颜色的描述 对偏白的颜色人们通常会使用 浅 柔 等形容词来描绘 而对作为三原色的红色 Red 黄色 Yellow 蓝色 Blue 等颜色人们自然会联想到 鲜明 强烈 等形容词 而色调就是人们对可以利用同一形容词描述的颜色进行的汇总 色相 色调 Hue Tone 体系 色相 色调 Hue Tone 体系是结合颜色的三种属性并根据人类心理的角度对颜色进行分类的科学的体系 它在很大程度上方便了用户对颜色的分类和使用 色相 色调 Hue Tone 体系 在色相 色调 Hue Tone 体系中 10种色相分别是指 红色 Red 橙色 YellowRed 黄色 Yellow 黄绿色 GreenYellow 绿色 Green 青绿色 BlueGreen 蓝色 Blue 蓝紫色 PurpleBlue 紫色 Purple 紫红色 RedPurple 色相 色调 Hue Tone 体系 在色相 色调 Hue Tone 体系中 11中色调分别是指 鲜明 Vivid 高亮 Strong 明亮 Bright 清澈 Pale 苍白 VeryPale 灰亮 LightGrayish 隐约 Light 浅灰 Grayish 阴暗 Dull 深暗 Deep 黑暗 Dark 色相 色调 Hue Tone 体系 鲜明 和 高亮 色调的彩度很高 所以会给人一种华丽而又强烈的感觉 清澈 和 隐约 的亮度和彩度都比较高 所以会给人一种柔和的感觉 灰亮 和 浅灰 以及 阴暗 会给人一种朴素而又冷静的感觉 深暗 和 黑暗 的亮度很低 所以会给人一种深沉而又凝重的感觉 色相 色调 Hue Tone 体系 色相 色调 Hue Tone 体系 色相环与色调表结合在一起就构成了色相 色调 Hue Tone 116色体系 它是由110种彩色颜色 色相10各等级X色调11个等级 110种颜色 和6种非彩色颜色所构成的 分析颜色 每一种颜色给我们的感觉都会有所不同 但是要具体说明有何不同却又是一件困难的事情 如果有一个能够合理客观地分析出这种感觉差异的标准 那么就可以利用它说明这种感觉上的差异了 分析颜色 我们不再用如 强烈 柔和 等形容词表达对颜色的感受 而是对颜色进行打分 分析颜色 分析颜色 在打好分之后 将得到的 动态 Dynamic 静态 Static 值作为横坐标分值 生硬 Hard 柔和 Soft 值作为纵坐标分值 在XY二维坐标系中找出相应的点 分析颜色 红色会给人一种动态的感觉 蓝色会给人一种静态的生硬的感觉 黄色给人一种柔和的动态的感觉 而绿色虽然也是较柔和的感觉 但它不会给人动态的感觉也不会给人静态的感觉 单色印象空间 印象就是人们对某一个事物的感觉 所以为了分析人们对某一事务的印象 就必须事先了解人们的内心世界 在需要的时候 或许还需要研究人员与被测试人群进行单独的交流 此时的研究人员会尽可能地引导被测试人员通过语言表达自己的感觉 再通过对语言的推理的出具体的印象 但这种方法需要耗费较长的时间 而且很难得到具体可靠的数字资料 单色印象空间 为了更科学更广泛地分析人们对物体的印象 人们通常使用SD方法 SemanticDifferentialMethod语意分析法 前面我们进行的测试 对颜色进行打分 就属于SD方法的范畴 精心筛选出能够表达人们对颜色的感觉的多个形容词 然后利用SD方法对不同工作 生活环境中的1000个人进行了相关的测试 用于测试的颜色是色相 色调 Tue Tone 表中的116种不同的颜色 单色印象空间 就是对这次测试的数据进行科学整理后得到的结果 从结果可以获知 人们对颜色进行评价时 最习惯使用的4个形容词是 柔和 Soft 生硬 Hard 动态 Dynamic 静态 Static 将这两类印象的取值分别作为二维坐标系上的横纵坐标值得到的点的集合就被称为 单色印象空间 比起色相 Hue 人们对颜色的印象更大程度地取决于色调 Tone 这主要表现为鲜明的色调通常给人柔和 动态的印象 阴暗的色调给人生硬的印象等等 配色印象空间 我们在设计网站或者广告的时候 绝对不会仅仅使用某一种颜色 通常都需要搭配使用多种颜色来获得较好的配色效果 而为了对这种多种颜色的混合使用进行评价 就需要引入新的分析方法 配色印象空间 配色印象空间 为了得到 配色印象空间 的具体形状 又利用SD方法进行了相应的测试 其中 配色印象空间 的纵横坐标值同样是柔和 生硬 动态 静态 调查结果发现 在 配色印象空间 中 给人静态柔和感觉的 通常都是隐约柔和颜色之间的搭配 给人动态柔和感觉的 通常都是鲜亮颜色间的搭配 给人动态生硬感觉的 通常都是鲜亮和浑浊暗淡颜色之间的搭配 给人静态生硬感觉的 通常都是灰冷颜色之间的搭配 配色印象空间 在 配色印象空间 中 相距较远的颜色之间的印象会有较大的差异 而距离较近的颜色之间的印象会比较相近 也就是说颜色间的距离与印象的差异程度成正比关系 利用ColorImageSpace分析颜色 当决定好站点的主题风格为 可爱 快乐 之后 查找这些形容词在 形容词印象空间 中的位置 然后确认在 配色印象空间 中同一位置上的颜色 站点的设计中就可以重点考虑使用这些颜色了 但并不是说只能使用这些颜色 而是应该在以这些颜色为主流的同时适当地使用一些其他颜色 因为决定好配色的主颜色后 就可以轻松地找到可以与主颜色进行较好搭配的其他辅助颜色 色相 色调 Hue Tone 体系 在色相 色调 Hue Tone 体系中 10种色相分别是指 红色 Red 橙色 YellowRed 黄色 Yellow 黄绿色 GreenYellow 绿色 Green 青绿色 BlueGreen 蓝色 Blue 蓝紫色 PurpleBlue 紫色 Purple 紫红色 RedPurple 色相 色调 Hue Tone 体系 基于色相的配色关系 上图为以色相环中的红色为基础进行的配色方案分析 采用同一色相时 称之为 同一色相配色 而采用两侧相近颜色时 称之为 类似色相配色 基于色相的配色关系 同一色相配色与类似色相配色总体上会给人一种安静整齐的感觉 例如在鲜红色旁边使用了暗红色时 当然会给人一种较协调整齐的感觉 在以红色为基准的色相环中 蓝紫色到黄绿色范围之间的颜色为红色的相反色相 相反色相配色是指搭配使用色相环中相距较远颜色的配色方案 这与同一色相配色或类似色相配色相比更具变化感 基于色相的配色关系 基于色相的配色方案 获得的效果通常会比较华丽明艳 很多民族服饰和儿童服装采用的都是典型的基于色相的配色方案 相反色相 类似色调配色 相反色相 类似色调配色 虽然使用了相反的色相 但通过使用类似的色调可以得到特殊配色效果 而影响这种配色方案效果的最重要的因素在于使用的色调 当使用了彩度比较高的鲜明色调时 所使用色相效果将被突出从而得到较强的动态效果 当使用了彩度较低的黑暗色调时 即使使用了多种不同的色相也能够得到较安静沉重的效果 这是因为使用暗色调时色相的差异也会变得不太明显 相反色相 类似色调配色 相反色相 类似色调配色方案的特点 静态的变化效果 补色与相反色相配色 强调效果 轻快的气氛 类似色调配色 整齐 安静的感觉 背景色中的黄色与人物中的蓝色构成了相反色相配色 但通过使用类似色调宁造出了安静平和的氛围 相反色相 相反色调配色 相反色相 相反色调配色 利用相反色相和相反色调的配色方案 因为采用了相反的色相和色调 所以得到的效果具有强烈的变化感和逆向性 如果说类似色调配色方案能够凝造整齐的氛围 那么相反色调配色方案凝造出的 就是一种强弱分明的氛围 影响这种配色方案效果的最大的因素在于所选颜色在整体画面中所占的比例 相反色相 相反色调配色 相反色相 相反色调配色的特点 变化感和逆向性 需要根据颜色的色相与色调调整所占比例的大小 高彩度的红色与背景中暗绿色形成鲜明的对比 相反色相 相反色调配色方案通常用于突出显示较暗背景中一个较亮对象 非彩色和彩色 利用非彩色和彩色进行配色的方法 非彩色主要由白色 黑色以及过渡阶段中的灰色构成 在与彩色搭配使用时 它们可以起到突出彩色的效果 通过搭配使用高亮度的彩色和白色以及亮灰色 可以得到明亮轻快的效果 而低两度彩色和黑色以及暗灰色 可以得到黑暗沉重的效果 非彩色和彩色 非彩色和彩色配色的特点 当非彩色的范围较大时可以凝造宁静的氛围 高亮度配色 轻快的感觉 低亮度配色 沉重的感觉 红色的裙子与黑色的斗篷形成了鲜明的对比 高亮度的红色在黑色的衬托下显得更鲜明 而这种较强的对比会自然地吸引住鉴赏者的目光 黑色的斗篷同时也在衬托孩子雪白的皮肤 基于色调的配色关系 基本色调为 苍白 色调 类似色调配色是指使用如 清澈 灰亮 等类似基准色调的配色方案 这些色调在色调表中比较靠近基准色调 相反色调配色是指示使用如 深暗 黑暗 等与基准色调相反色调的配色方案 这些色调在色调表中远离基准色调 基于色调的配色关系 这种配色方案的着重点在于色调的变化 它主要通过对同一色相或类似色相设置不同的色调得到不同的颜色效果 基于色调的配色方案的优点在于 通过使用同一色相或类似色相尽可能地减少色相使用范围 这种配色方案在欧洲得到较好发挥 而大部分国家的纸币也使用了这种配色方案 基于色调的配色关系 通过使用多种不同的亮色调 可以制造出具有鲜明对比感的效果 而使用多种不同的暗色调 可以制造出冷静温和的效果 同一或类似色相 类似色调配色 同一或类似色相 类似色调配色 这是使用同一或类似色相的同时使用类似色调的配色方案 在所有配色方案中能够凝造出冷静整齐感觉 但当使用了极为华丽鲜明的色相时 也可以得到强烈变化的感觉 类似色相 类似色调配色方案的特点 冷静整齐的感觉 使用类似的色相表现出细微不同的感觉 读书少女的背景以及衣着等都是用了类似色相 类似色调的黄色和橙色 给人一种安详宁静的感觉 这种配色方案在诸多印象派画家的作品中得到了淋漓尽致的发挥 中文名称 静物 拾伍朵向日葵 简称 向日葵 英文名称 StillLife Vase