色彩搭配及色彩分析(全)

• 三个属性： 色相(Hue)、明度(Value)、彩度(Chroma)
• 名称（色相）：红？绿？……
0 …… 60 …… 120 …… 180 …… 240 …… 300……
• 纯度（饱和度）：是指色彩的鲜艳程度/饱和程度，相对于灰度的纯度
• 没有加入任何杂质的时候,是最饱和的,最纯净的状态
0% 50% 100%
☼在面积比例不变的情况下，改变色彩的亮度也能改变整体给人的视觉 感。
主导色 次主导 色 画面的 强调
创造强调色
☼第一种：把较小面积的高明度色放在低明度的背景上 ☼第二种：把较小面积的低明度色放在高明度的背景上。
☼如果主导色（最大面积的色彩）为亮色（高明度色），那么画面整体 给人感觉较亮，较轻
☼相反，如果主导色为暗色，那么整体给人感觉较暗，较重。
• 较暗的蓝色具有典雅，稳重的特性，而天空蓝则具有轻盈，开阔的特性。
• 意味着由白色开始，随色色彩的叠加，直到黑色
RYB(颜料 CMYK(在印 调色) 刷领域)
原
间
三级色
色
色
黄橙、
红
橙
红橙
黄
绿
红紫、
蓝
紫
蓝紫
• 互补色之间的搭配十分有趣，如果合适的搭配，会造成强烈的视觉 效果，而不当的搭配，会使画面一团糟。
☼面积对比（比例对比）
• 是由各色彩占用的面积而造成的对比，而这个面积 往往由色彩的重量感来决定
设计中的色彩对比（2）
☼互补色对比
• 这时色环上互相为补色的色彩之间形成的对比
☼同时对比
• 是在视觉上形成颤抖和不稳定色彩放在一起产生的
☼色相对比
• 这是不同色相形成的对比，就是色环上不同位置的色彩 形成的对比，色环上距离越大，对比越强烈
☼这个搭配对比高，明度也高，使用了各种明度和纯 度的色彩
冷色和暖色
☼色环可以根据色相给人冷暖感受分为
• 暖色给人的印象是生动的，激情的，有表 现力的，给人感觉在空间位置靠前。
• 冷色给人的印象是谨慎的，冷静的，产生 平静感，给人感觉在空间位置靠后。
☼一般我们把黑色，白色和灰色这里无色系视为中立，并没有冷暖感， 但在实际运用中受到其他搭配色彩的影响，黑白灰等色彩也会表现出一 定的冷暖感
三角形搭配
黑色的背景 这是蓝色背景和红色文字的效 果，你能看上一分钟么?????
使用互补色时
☼高饱和度的色彩搭配容易产生更高的色彩对比，而低饱和的色彩搭配 则使整体对比下降
设计中的色彩对比（1）
☼饱和度对比
• 这种对比是由饱和度不同的同色相的色彩并排放置 形成的
☼明暗对比
• 这种对比中由色彩明度不同引起的
色彩搭配及色彩分析
• 让色彩能懂你
你是色盲吗？
彩虹的颜色 正常色觉
彩虹的颜色 视网膜感光细胞缺失绿色
彩虹的颜色 视网膜感光细胞缺失红色
彩虹的颜色 视网膜感光细胞缺失蓝色
HTML中的红 Pantone(潘通）的红 Pantone(潘通）中暖红
一、色 彩
1：太阳光中所有“不可见色彩“都照射到苹果上 2：苹果的表面吸收掉除了红色以外的其他所有色彩，并把红色反射到人 类的眼睛 3：眼睛对进入的色彩进行接受，并把信息传达给大脑
描述一个色彩
☼ 三个维度
• 明度（亮度）：相对于黑色与白色的明亮程度，可以通过加入黑或白，来降低或 增加亮度。
• 也是，平时生活百度文库经常提到的颜色的浅,淡,亮和明,暗,重.
0% 50% 100%
• 同一色相中高纯度和低纯度的色彩具有很大的不同
• 比如，粉红虽然属于红色，但由于纯度较低，所以失去了红色具有的激情， 充满能量的含义，反而表现出柔软和甜蜜等含义。
☼下面是色彩冷暖的一个图示：
色彩搭配进阶
互补色搭配
☼色环上相对的两种色彩的搭配为互补色搭配，比如 红色和绿色。这种色彩之间强烈对比在高纯度的情 况下会引起色彩的颤动和不稳定感，在搭配中一定 要处理好这种情况，不然会使得画面冲突非常严重 并破坏整体。
☼互补色搭配在正式的设计中比较少见，主要由于它 特殊性和不稳定，但是很显然的是，在各种色相搭 配中，互补色搭配无疑是一种最突出的搭配，所以 如果你想然你的作品特别引人注目，那互补色搭配 或许是种最佳选择。
主导 色
次主 导色
强调色
主导因素
☼精美的工艺品？吸引人的广告牌？又或者是个简单的文字阐述？ ☼以对比做主导因素：高对比，中等对比，低对比
☼以明度做主导因素：高明度，中等明度，低明度。
色彩搭配方法
☼把色轮按照明暗重新进行了划分，分出了更多的色彩
☼这个搭配对比稍高，明度中等，使用高饱和 色
☼这个搭配对比高，明度中等，使用不同明度 和纯度色色彩
☼冷暖对比
• 这是冷色和暖色并置在一起形成的对比
比例和明度
☼当多种色彩在并置的时候，我们的视觉感到的并不个单个的色彩，而 是色彩混合在一起形成的整体，这一整体会因其中各个色彩占面积比例 的不同，而表现出不同的情况。
☼面积比例最大色彩的是主导色，这往往是画面的背景色。 比例稍小的为次主导色。 而占用比例最小的被称为强调色。强调色在整体中往往占用的比例比较 小，但通过色相，亮度，纯度的对比来进行强调和突出。
近似色搭配和类似色搭配
☼色环上距离较近的色彩搭配被称为近似色搭配， 或者类似色搭配(一般可以把近似和类似等同起 来）。一般这种色彩之间大搭配显得平静而舒服。
☼近似色搭配常常在自然中被找到，所以对眼睛来 说，这时种最舒适的搭配方式。在使用近似色搭 配的时候，一定要适当加强对比，不然可能使画 面显得平淡。
☼这个搭配对比稍低，明度稍亮，使用了较高 亮度和不同纯度的色彩
☼这个搭配对比适中，中等明度，使用了各亮度 和不同纯度的色彩
☼这个搭配对比稍低，明度偏暗，使用了较暗的 色彩，纯度各有不同
☼这个搭配对比低，中等明度，使用了各种明度 和纯度的色彩
☼这个搭配明度稍高，中等明度，使用了各种明度和 纯度的色彩
互补色
类似色
☼ 类似色，是色环色上距离相近的颜色
色彩的残像
色彩搭配
图形-背景之间的关系
☼图形：主题，背景：陪衬
• 很大程度上依赖于色彩之间的对比 • 对比越强烈，主题在视觉上就越突出 • 理想的阅读体验：保持文字和背景80%的对比度
（相对于最佳的黑白对比）
你能看到我的文字么，这里是 ☼特殊情黄你况--色能同时的看对比文 到字我和么白，色蓝的色背的景 文字和