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

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