色彩搭配原理与技巧
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
CMYK Color
基本 1.3 HSL 知识
色相 （Hue）
色彩的相貌
饱和度 （Saturation）
色彩的鲜艳程度，也称色彩的纯度或彩度
亮度 （Lum）
颜色的亮度，越亮越接近白色，越暗越接近黑色
感谢卓弈刘俊绘制原图
基本 1.5 常见色彩搭配 知识
补色（180°）
对比色（120°）
中度色（90°）
整体单色
逻辑单色
组合色（主+副）
用色 要点
2.3 母版背景色
白色：是默认的背景色，简约、便于颜色搭配。 灰色：对真实颜色的干扰最小，不刺眼，专业感！ 深色：很酷，但颜色较难搭配，挑战性高。
白色背景
灰色背景
技巧 主色调为暖色的作品，可以配暖灰的背景
深色背景
用色 要点
2.4 母版标题栏色
灰色+风格色：灰色一般是长条，一般要辅以风格色（或是风格色的细微同色变化，下同）的色块或点缀。 纯风格色：当风格色是双色搭配时，标题栏也可以是双色搭配（如《32-人才选用育留》） 。 深色（黑或接近黑色） +风格色：深色的标题栏使得页面更庄重，一般也要辅以风格色的色块或点缀。
报等）；
色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
思考：生活中适合用近似色搭配的事物有哪些?
思考：生活中适合用对比色搭配的事物有哪些?
思考：生活中适合用互补色搭配的事物有哪些?
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）；
商务PPT应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相 同的颜色表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海
绝对权力产生绝对腐败！
基本知识 用色要点
经典搭配
经典 搭配
3.1 灰底单色搭配（一）
下图是较好的灰底单色系列，分别由三种选择方案。
背景色 风格色 标题栏
241,241,229 93,203,8
136,241,229
16,173,223 12,178,230
248,190,14 255,173,1
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 商务PPT应符合公司形象及文化的用色要求； 符合逻辑（如，不同章节可用不同的颜色，相同级别的标题用相同的颜色）； 符合颜色的象征意义（绿色健康、传统、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
灰色+风格色
纯风格色
深色（黑或接近黑色）+风格色
用色 要点
2.5 文字色
关于文字颜色设置的基本要求是：不要太黑、太亮、太刺目，也不要太淡，要柔和、看得清楚。
A、当背景为白色或浅灰色时：字体为灰色，根据背景的深浅调整字体的深浅，以确保看的清楚。 B、当背景为深色时：字体为白色或者浅灰色。
当背景为白色或浅灰色
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 商务PPT应符合公司形象及文化的用色要求； 符合逻辑（如，不同章节可用不同的颜色，相同级别的标题用相同的颜色）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 商务用色应符合公司形象及文化的用色要求； 用色要有一定系列性（如，不同内容可用不同的颜色，相同性质的内容用相同的颜色 表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）；
商务用色应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相同的颜色 表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）；
用色 2.2 整体风格色 要点
以宣传手册用色为例子：
整体风格色指：封面、封底、母版标题栏（整体或点缀）、内标题、强调色、图表色等，主要方案有：
A、整体单色：一种颜色贯穿始终，图表色可以略丰富些，但尽量使用HSL模式调整为同色搭配。 B、逻辑单色：即不同章节不同色，本PPT就是。 C、组合色：主色+副色，可以是对比色搭配，也可以是接近色或近似色搭配。
当背景为深色时
用色 要点
2.6 强调色
用字颜色： 强调色指的是用色中所有强调内容的颜色设置，我本人通常的做法是：
A、正向观点：字体加粗并设置为风格色。 B、并列内容或相似观点：字体加粗并设置为类似色、接近色。 C、反向观点：字体加粗并设置为补色、对比色。 D、提醒、警示、引发思考或负面观点/案例：字体加粗（或放大）并设置为红色。
55,53,56
经典 搭配
3.2 灰底单色搭配（二）
下图也是灰底单色的经典搭配，只是其标题栏是灰色的长条并辅以风格色。以下案例对应的作品分别是：
34-员工招聘实务
31-面试官技能训
38-揭秘品牌建设
背景色 风格色 标题栏
246,246,246 93,203,8
198,198,198
245,245,245 16,173,223 231,231,231
基本 1.4 色彩冷暖 知识
根据人们的心理和视觉判断，色彩有冷暖之分，可分 为三个类别： 暖色系（红、橙、黄）， 冷色系（蓝、绿、蓝紫）， 中性色系（黑白灰或介于冷暖之间的颜色）。 PS：冷暖是相对的，而不是绝对的！！
冷暖是相对的，而不是绝对的！！
基本知识 用色要点
经典搭配
作品一 作品二
54,178,230 255,192,0
123,193,68 60,121,207
240,84,36 142,174,5
254,0,102 255,133,0
思考：生活中适合用近似色搭配的事物有哪些? 思考：生活中适合用对比色搭配的事物有哪些? 思考：生活中适合用互补色搭配的事物有哪些?
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 商务PPT应符合公司形象及文化的用色要求； 符合逻辑（如，不同章节可用不同的颜色，相同级别的标题用相同的颜色）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
类似色（60°）
相近色（30°）
同色（0°）
基本 知识
1.6 无色彩 & 有色彩
除此之外，色彩还可分为彩色系和无色系。 从理论上色彩可以分为无色彩（白、灰、黑）与有色彩（红、橙、黄、绿等）两大类别。
无色彩（黑、白、灰）
有色彩（斑斓世界）
无色彩和有色彩搭配在一起，可以使图像中的重点更加突出，对比更加强烈。
251,251,251 248,190,14 160,160,160
经典 搭配
3.3 双色搭配
逻辑双色搭配和主辅双色搭配可以统称为双色搭配。如下为几种双色搭配，可以参考：
相近色（30°）
类似色（60°）
中度色（90°）
经典 搭配
3.4 逻辑四色搭配
以下两个作品（12-人际关系宝典、35-员工关系管理）逻辑四色搭配，均是我非常喜欢的色彩，可以参考。
二次色（间色）: 通过两种不同比例原色进行混合所得到的颜色为二次色，二次 色又叫做间色。
三次色（复色） 用任何两个间色或三个原色相混合而产生出来的颜色为三次色 （复色），包括了除原色和间色以外的所有颜色。
基本 1.2 色光三原色 & 色料三原色 知识
色光三原色（加法混色）
RGB Color
色料三原色（减法混色）
色彩搭配 原理与技巧
基本知识 用色要点
经典搭配
基本知识 用色要点
经典搭配
基本 知识
1.1 伊顿12色相环
伊顿12色相环是由近代著名的瑞士色彩学大师约翰内斯·伊顿（Johannes Itten，1888~1967）先生设计。
伊顿12色相环
三原色（原色）: 在美术上Biblioteka Baidu将红、黄、蓝称为颜料的三原色。
基本 1.3 HSL 知识
色相 （Hue）
色彩的相貌
饱和度 （Saturation）
色彩的鲜艳程度，也称色彩的纯度或彩度
亮度 （Lum）
颜色的亮度，越亮越接近白色，越暗越接近黑色
感谢卓弈刘俊绘制原图
基本 1.5 常见色彩搭配 知识
补色（180°）
对比色（120°）
中度色（90°）
整体单色
逻辑单色
组合色（主+副）
用色 要点
2.3 母版背景色
白色：是默认的背景色，简约、便于颜色搭配。 灰色：对真实颜色的干扰最小，不刺眼，专业感！ 深色：很酷，但颜色较难搭配，挑战性高。
白色背景
灰色背景
技巧 主色调为暖色的作品，可以配暖灰的背景
深色背景
用色 要点
2.4 母版标题栏色
灰色+风格色：灰色一般是长条，一般要辅以风格色（或是风格色的细微同色变化，下同）的色块或点缀。 纯风格色：当风格色是双色搭配时，标题栏也可以是双色搭配（如《32-人才选用育留》） 。 深色（黑或接近黑色） +风格色：深色的标题栏使得页面更庄重，一般也要辅以风格色的色块或点缀。
报等）；
色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
思考：生活中适合用近似色搭配的事物有哪些?
思考：生活中适合用对比色搭配的事物有哪些?
思考：生活中适合用互补色搭配的事物有哪些?
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）；
商务PPT应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相 同的颜色表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海
绝对权力产生绝对腐败！
基本知识 用色要点
经典搭配
经典 搭配
3.1 灰底单色搭配（一）
下图是较好的灰底单色系列，分别由三种选择方案。
背景色 风格色 标题栏
241,241,229 93,203,8
136,241,229
16,173,223 12,178,230
248,190,14 255,173,1
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 商务PPT应符合公司形象及文化的用色要求； 符合逻辑（如，不同章节可用不同的颜色，相同级别的标题用相同的颜色）； 符合颜色的象征意义（绿色健康、传统、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
灰色+风格色
纯风格色
深色（黑或接近黑色）+风格色
用色 要点
2.5 文字色
关于文字颜色设置的基本要求是：不要太黑、太亮、太刺目，也不要太淡，要柔和、看得清楚。
A、当背景为白色或浅灰色时：字体为灰色，根据背景的深浅调整字体的深浅，以确保看的清楚。 B、当背景为深色时：字体为白色或者浅灰色。
当背景为白色或浅灰色
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 商务PPT应符合公司形象及文化的用色要求； 符合逻辑（如，不同章节可用不同的颜色，相同级别的标题用相同的颜色）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 商务用色应符合公司形象及文化的用色要求； 用色要有一定系列性（如，不同内容可用不同的颜色，相同性质的内容用相同的颜色 表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）；
商务用色应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相同的颜色 表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）；
用色 2.2 整体风格色 要点
以宣传手册用色为例子：
整体风格色指：封面、封底、母版标题栏（整体或点缀）、内标题、强调色、图表色等，主要方案有：
A、整体单色：一种颜色贯穿始终，图表色可以略丰富些，但尽量使用HSL模式调整为同色搭配。 B、逻辑单色：即不同章节不同色，本PPT就是。 C、组合色：主色+副色，可以是对比色搭配，也可以是接近色或近似色搭配。
当背景为深色时
用色 要点
2.6 强调色
用字颜色： 强调色指的是用色中所有强调内容的颜色设置，我本人通常的做法是：
A、正向观点：字体加粗并设置为风格色。 B、并列内容或相似观点：字体加粗并设置为类似色、接近色。 C、反向观点：字体加粗并设置为补色、对比色。 D、提醒、警示、引发思考或负面观点/案例：字体加粗（或放大）并设置为红色。
55,53,56
经典 搭配
3.2 灰底单色搭配（二）
下图也是灰底单色的经典搭配，只是其标题栏是灰色的长条并辅以风格色。以下案例对应的作品分别是：
34-员工招聘实务
31-面试官技能训
38-揭秘品牌建设
背景色 风格色 标题栏
246,246,246 93,203,8
198,198,198
245,245,245 16,173,223 231,231,231
基本 1.4 色彩冷暖 知识
根据人们的心理和视觉判断，色彩有冷暖之分，可分 为三个类别： 暖色系（红、橙、黄）， 冷色系（蓝、绿、蓝紫）， 中性色系（黑白灰或介于冷暖之间的颜色）。 PS：冷暖是相对的，而不是绝对的！！
冷暖是相对的，而不是绝对的！！
基本知识 用色要点
经典搭配
作品一 作品二
54,178,230 255,192,0
123,193,68 60,121,207
240,84,36 142,174,5
254,0,102 255,133,0
思考：生活中适合用近似色搭配的事物有哪些? 思考：生活中适合用对比色搭配的事物有哪些? 思考：生活中适合用互补色搭配的事物有哪些?
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 商务PPT应符合公司形象及文化的用色要求； 符合逻辑（如，不同章节可用不同的颜色，相同级别的标题用相同的颜色）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
类似色（60°）
相近色（30°）
同色（0°）
基本 知识
1.6 无色彩 & 有色彩
除此之外，色彩还可分为彩色系和无色系。 从理论上色彩可以分为无色彩（白、灰、黑）与有色彩（红、橙、黄、绿等）两大类别。
无色彩（黑、白、灰）
有色彩（斑斓世界）
无色彩和有色彩搭配在一起，可以使图像中的重点更加突出，对比更加强烈。
251,251,251 248,190,14 160,160,160
经典 搭配
3.3 双色搭配
逻辑双色搭配和主辅双色搭配可以统称为双色搭配。如下为几种双色搭配，可以参考：
相近色（30°）
类似色（60°）
中度色（90°）
经典 搭配
3.4 逻辑四色搭配
以下两个作品（12-人际关系宝典、35-员工关系管理）逻辑四色搭配，均是我非常喜欢的色彩，可以参考。
二次色（间色）: 通过两种不同比例原色进行混合所得到的颜色为二次色，二次 色又叫做间色。
三次色（复色） 用任何两个间色或三个原色相混合而产生出来的颜色为三次色 （复色），包括了除原色和间色以外的所有颜色。
基本 1.2 色光三原色 & 色料三原色 知识
色光三原色（加法混色）
RGB Color
色料三原色（减法混色）
色彩搭配 原理与技巧
基本知识 用色要点
经典搭配
基本知识 用色要点
经典搭配
基本 知识
1.1 伊顿12色相环
伊顿12色相环是由近代著名的瑞士色彩学大师约翰内斯·伊顿（Johannes Itten，1888~1967）先生设计。
伊顿12色相环
三原色（原色）: 在美术上Biblioteka Baidu将红、黄、蓝称为颜料的三原色。