PPT颜色搭配技巧
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
☼ 下面是色彩冷暖的一个图示:
LOGO
色彩搭配进阶
LOGO
互补色搭配
☼ 色环上相对的两种色彩的搭配为互补色搭配,比 如红色和绿色。这种色彩之间强烈对比在高纯度 的情况下会引起色彩的颤动和不稳定感,在搭配 中一定要处理好这种情况,不然会使得画面冲突 非常严重并破坏整体。
☼ 互补色搭配在正式的设计中比较少见,主要由于 它特殊性和不稳定,但是很显然的是,在各种色 相搭配中,互补色搭配无疑是一种最突出的搭配 ,所以如果你想然你的作品特别引人注目,那互 补色搭配或许是种最佳选择。
LOGO
三角形搭配
☼ 这种搭配是在色环上等距的选出三种色彩进行 搭配的方式。
☼ 三角形搭配是种能使得画面生动的搭配方式, 即使使用了低饱和度的色彩。在使用三角形搭 配的时候一定要选出一种色彩作为主色,另外 两种作为辅助色。
LOGO
分裂互补色搭配
☼ 这是种互补色搭配的变体,它的本质是用 使用类似色来代替互补色中的一个,以达 到既有互补色搭配的优点,并弥补互补色 搭配的弱点。
LOGO
色彩搭配方法
☼ 把色轮按照明暗重新进行了划分,分出了更多的色彩
LOGO
冷色和暖色
☼ 色环可以根据色相给人冷暖感受分为
• 暖色给人的印象是生动的,激情的,有 表现力的,给人感觉在空间位置靠前。
• 冷色给人的印象是谨慎的,冷静的,产 生平静感,给人感觉在空间位置靠后。
LOGO
☼ 一般我们把黑色,白色和灰色这种无色系视为中立,并没有冷暖感, 但在实际运用中受到其他搭配色彩的影响,黑白灰等色彩也会表现出 一定的冷暖感
☼ 面积比例最大色彩的是主导色,这往往是画面的背景色。 比例稍小的为次主导色。 而占用比例最小的被称为强调色。强调色在整体中往往占用的比例比 较小,但通过色相,亮度,纯度的对比来进行强调和突出。
LOGO
☼ 在面积比例不变的情况下,改变色彩的亮度也能改变整体给人的视觉 感。
主导色 次主导色 画面的强调
0% 50% 100%
LOGO
纯度(饱和度)
同一色相中高纯度和低纯度的色彩具有很大的不同
比如,粉红虽然属于红色,但由于纯度较低,所以失去了红色具有的激 情,充满能量的含义,反而表现出柔软和甜蜜等含义。
较暗的蓝色具有典雅,稳重的特性,而天空蓝则具有轻盈,开阔的特性 。
LOGO
加色法
意味着色彩是从黑色开始,随着色彩的叠加,逐渐变亮,最后成为白 色。
色彩搭配
LOGO
一、色 彩
LOGO
定义
色彩是一种由特定光谱的光线混合,并经过传播,反射引起的视觉感 受。
色彩是由光引起的,而光是由各种称为可视光谱色彩混合的:
红、橙、黄、绿、 青、蓝、紫。
物体吸收了特定波长的光,并把其余的反射到我们的眼睛,因此形成了 色彩感。
LOGO
为什么红苹果是红色的?
在加色系统里没有色彩就是黑色
LOGO
减色法
意味着由白色开始,随色色彩的叠加,直到黑色
RYB(颜料调色) CMYK(在印刷领域)
LOGO
色环(色轮)
是种按照色相把色彩排列的呈现方式。
原色
Baidu Nhomakorabea
间色
三级色
红
橙
黄橙、红橙
黄
绿
红紫、蓝紫
蓝
紫
黄绿、蓝绿
LOGO
互补色和类似色
互补色之间的搭配十分有趣,如果合适的搭配,会造成强烈的视觉效 果,而不当的搭配,会使画面一团糟。
☼ 特殊情你况能-看-同到时我对么比,蓝色的文字和黑色的背景
这是蓝色背景和红色文字的效果,你能看上一分钟么????? 我劝你算了,把力气花在看下面的文字吧…..
LOGO
比例和明度
☼ 当多种色彩在并置的时候,我们的视觉感到的并不是单个的色彩,而 是色彩混合在一起形成的整体,这一整体会因其中各个色彩占面积比 例的不同,而表现出不同的情况。
☼ 当其中一种色彩作为主要色时,这种搭配能取 得良好的效果。在这种搭配中要同时注意色彩 冷暖的对比。
互补色
类似色
☼ 类似色,是色环色上距离相近的颜色
LOGO
色彩搭配
LOGO
图形-背景之间的关系
☼ 图形:主题,背景:陪衬
• 很大程度上依赖于色彩之间的对比 • 对比越强烈,主题在视觉上就越突出 • 理想的阅读体验:保持文字和背景80%的对比度
(相对于最佳的黑白对比)
你能看到我的文字么,这里是黄色的文字和白色的背景
LOGO
创造强调色
☼ 第一种:把较小面积的高明度色放在低明度的背景上 ☼ 第二种:把较小面积的低明度色放在高明度的背景上。 ☼ 如果主导色(最大面积的色彩)为亮色(高明度色),那么画面整体
给人感觉较亮,较轻 ☼ 相反,如果主导色为暗色,那么整体给人感觉较暗,较重。
LOGO
主导色 次主导色 强调色
1:太阳光中所有“不可见色彩“都照射到苹果上 2:苹果的表面吸收掉除了红色以外的其他所有色彩,并把红色反射到人 类的眼睛 3:眼睛对进入的色彩进行接受,并把信息传达给大脑
LOGO
描述一个色彩
三个属性: 色相(Hue)、明度(Value)、彩度(Chroma)
名称(色相):红?绿?……
0 …… 60 …… 120 …… 180 …… 240 …… 300……
LOGO
近似色搭配和类似色搭配
☼ 色环上距离较近的色彩搭配被称为近似色搭配 ,或者类似色搭配(一般可以把近似和类似等同 起来)。一般这种色彩之间大搭配显得平静而 舒服。
☼ 近似色搭配常常在自然中被找到,所以对眼睛 来说,这时种最舒适的搭配方式。在使用近似 色搭配的时候,一定要适当加强对比,不然可 能使画面显得平淡。
☼ 分裂互补色的对比依然非常强烈,但它并 不会像互补色搭配那样产生颤抖和不安的 感觉。
☼ 对初学者来说,这是种非常好用的搭配, 一般来说,使用分裂互补色搭配的画面对 比强烈,而不易使色彩产生混乱的感觉。
LOGO
矩形搭配(双分裂互补色)
☼ 这同样是互补色搭配的变体,相比上面的分裂 互补色,这个搭配把而种色彩都替换成了类似 色。这种搭配的色彩非常丰富,能使画面产生 节奏感。
纯度(饱和度):是指色彩的鲜艳程度/饱和程度,相对于灰度的纯度
没有加入任何杂质的时候,是最饱和的,最纯净的状态
0% 50% 100%
LOGO
描述一个色彩
☼ 三个维度
明度(亮度):相对于黑色与白色的明亮程度,可以通过加入黑或白,来降低或 增加亮度。
也是,平时生活中经常提到的颜色的浅,淡,亮和明,暗,重.
LOGO
色彩搭配进阶
LOGO
互补色搭配
☼ 色环上相对的两种色彩的搭配为互补色搭配,比 如红色和绿色。这种色彩之间强烈对比在高纯度 的情况下会引起色彩的颤动和不稳定感,在搭配 中一定要处理好这种情况,不然会使得画面冲突 非常严重并破坏整体。
☼ 互补色搭配在正式的设计中比较少见,主要由于 它特殊性和不稳定,但是很显然的是,在各种色 相搭配中,互补色搭配无疑是一种最突出的搭配 ,所以如果你想然你的作品特别引人注目,那互 补色搭配或许是种最佳选择。
LOGO
三角形搭配
☼ 这种搭配是在色环上等距的选出三种色彩进行 搭配的方式。
☼ 三角形搭配是种能使得画面生动的搭配方式, 即使使用了低饱和度的色彩。在使用三角形搭 配的时候一定要选出一种色彩作为主色,另外 两种作为辅助色。
LOGO
分裂互补色搭配
☼ 这是种互补色搭配的变体,它的本质是用 使用类似色来代替互补色中的一个,以达 到既有互补色搭配的优点,并弥补互补色 搭配的弱点。
LOGO
色彩搭配方法
☼ 把色轮按照明暗重新进行了划分,分出了更多的色彩
LOGO
冷色和暖色
☼ 色环可以根据色相给人冷暖感受分为
• 暖色给人的印象是生动的,激情的,有 表现力的,给人感觉在空间位置靠前。
• 冷色给人的印象是谨慎的,冷静的,产 生平静感,给人感觉在空间位置靠后。
LOGO
☼ 一般我们把黑色,白色和灰色这种无色系视为中立,并没有冷暖感, 但在实际运用中受到其他搭配色彩的影响,黑白灰等色彩也会表现出 一定的冷暖感
☼ 面积比例最大色彩的是主导色,这往往是画面的背景色。 比例稍小的为次主导色。 而占用比例最小的被称为强调色。强调色在整体中往往占用的比例比 较小,但通过色相,亮度,纯度的对比来进行强调和突出。
LOGO
☼ 在面积比例不变的情况下,改变色彩的亮度也能改变整体给人的视觉 感。
主导色 次主导色 画面的强调
0% 50% 100%
LOGO
纯度(饱和度)
同一色相中高纯度和低纯度的色彩具有很大的不同
比如,粉红虽然属于红色,但由于纯度较低,所以失去了红色具有的激 情,充满能量的含义,反而表现出柔软和甜蜜等含义。
较暗的蓝色具有典雅,稳重的特性,而天空蓝则具有轻盈,开阔的特性 。
LOGO
加色法
意味着色彩是从黑色开始,随着色彩的叠加,逐渐变亮,最后成为白 色。
色彩搭配
LOGO
一、色 彩
LOGO
定义
色彩是一种由特定光谱的光线混合,并经过传播,反射引起的视觉感 受。
色彩是由光引起的,而光是由各种称为可视光谱色彩混合的:
红、橙、黄、绿、 青、蓝、紫。
物体吸收了特定波长的光,并把其余的反射到我们的眼睛,因此形成了 色彩感。
LOGO
为什么红苹果是红色的?
在加色系统里没有色彩就是黑色
LOGO
减色法
意味着由白色开始,随色色彩的叠加,直到黑色
RYB(颜料调色) CMYK(在印刷领域)
LOGO
色环(色轮)
是种按照色相把色彩排列的呈现方式。
原色
Baidu Nhomakorabea
间色
三级色
红
橙
黄橙、红橙
黄
绿
红紫、蓝紫
蓝
紫
黄绿、蓝绿
LOGO
互补色和类似色
互补色之间的搭配十分有趣,如果合适的搭配,会造成强烈的视觉效 果,而不当的搭配,会使画面一团糟。
☼ 特殊情你况能-看-同到时我对么比,蓝色的文字和黑色的背景
这是蓝色背景和红色文字的效果,你能看上一分钟么????? 我劝你算了,把力气花在看下面的文字吧…..
LOGO
比例和明度
☼ 当多种色彩在并置的时候,我们的视觉感到的并不是单个的色彩,而 是色彩混合在一起形成的整体,这一整体会因其中各个色彩占面积比 例的不同,而表现出不同的情况。
☼ 当其中一种色彩作为主要色时,这种搭配能取 得良好的效果。在这种搭配中要同时注意色彩 冷暖的对比。
互补色
类似色
☼ 类似色,是色环色上距离相近的颜色
LOGO
色彩搭配
LOGO
图形-背景之间的关系
☼ 图形:主题,背景:陪衬
• 很大程度上依赖于色彩之间的对比 • 对比越强烈,主题在视觉上就越突出 • 理想的阅读体验:保持文字和背景80%的对比度
(相对于最佳的黑白对比)
你能看到我的文字么,这里是黄色的文字和白色的背景
LOGO
创造强调色
☼ 第一种:把较小面积的高明度色放在低明度的背景上 ☼ 第二种:把较小面积的低明度色放在高明度的背景上。 ☼ 如果主导色(最大面积的色彩)为亮色(高明度色),那么画面整体
给人感觉较亮,较轻 ☼ 相反,如果主导色为暗色,那么整体给人感觉较暗,较重。
LOGO
主导色 次主导色 强调色
1:太阳光中所有“不可见色彩“都照射到苹果上 2:苹果的表面吸收掉除了红色以外的其他所有色彩,并把红色反射到人 类的眼睛 3:眼睛对进入的色彩进行接受,并把信息传达给大脑
LOGO
描述一个色彩
三个属性: 色相(Hue)、明度(Value)、彩度(Chroma)
名称(色相):红?绿?……
0 …… 60 …… 120 …… 180 …… 240 …… 300……
LOGO
近似色搭配和类似色搭配
☼ 色环上距离较近的色彩搭配被称为近似色搭配 ,或者类似色搭配(一般可以把近似和类似等同 起来)。一般这种色彩之间大搭配显得平静而 舒服。
☼ 近似色搭配常常在自然中被找到,所以对眼睛 来说,这时种最舒适的搭配方式。在使用近似 色搭配的时候,一定要适当加强对比,不然可 能使画面显得平淡。
☼ 分裂互补色的对比依然非常强烈,但它并 不会像互补色搭配那样产生颤抖和不安的 感觉。
☼ 对初学者来说,这是种非常好用的搭配, 一般来说,使用分裂互补色搭配的画面对 比强烈,而不易使色彩产生混乱的感觉。
LOGO
矩形搭配(双分裂互补色)
☼ 这同样是互补色搭配的变体,相比上面的分裂 互补色,这个搭配把而种色彩都替换成了类似 色。这种搭配的色彩非常丰富,能使画面产生 节奏感。
纯度(饱和度):是指色彩的鲜艳程度/饱和程度,相对于灰度的纯度
没有加入任何杂质的时候,是最饱和的,最纯净的状态
0% 50% 100%
LOGO
描述一个色彩
☼ 三个维度
明度(亮度):相对于黑色与白色的明亮程度,可以通过加入黑或白,来降低或 增加亮度。
也是,平时生活中经常提到的颜色的浅,淡,亮和明,暗,重.