广告设计色彩搭配原理与技巧
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
பைடு நூலகம்
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 设计应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相 同的颜色表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海 报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
互补色搭配
色环中直接对立的两个颜色搭配 如：红色-绿色、黄色-紫色等
同色系搭配
属于相同色系的不同明度的颜色搭配。 在任意颜色加入白色，明度会提高。 加入黑色，明度减弱。 属于同一色系。
不同明度的同色系
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 设计应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相 同的颜色表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海 报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
二次色（间色）: 通过两种不同比例原色进行混合所得到的颜色为二次色，二次 色又叫做间色。
三次色（复色） 用任何两个间色或三个原色相混合而产生出来的颜色为三次色 （复色），包括了除原色和间色以外的所有颜色。
基本 1.2 色光三原色 & 色料三原色 知识
色光三原色（加法混色）
RGB Color
色料三原色（减法混色）
色彩的和谐
和谐： 让人看了舒适、愉快。 使人从内心里有一种秩序感， 平衡的视觉效果
不和谐： 让人混乱，甚至无法忍受
常用方法
相近色 同色系 对比色 互补色
相近色搭配
色环中相邻的两个颜色搭配 如：蓝色-绿色、橙色-红色、蓝色-紫色等
对比色搭配
色环中等边三角形的两个颜色搭配，对比强烈 如：蓝色-黄色、黄色-红色等
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 设计应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相 同的颜色表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海 报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
蓝色配白色 蓝色配绿色 蓝色配黄色、红色
经典 搭配
4. 绿色是将黄色的扩张感和蓝色 的收缩感相中和，将黄色的温暖感 与蓝色的寒冷感相抵消。这样使得 绿色的性格最为平和、安稳，是一 种柔顺、恬静、优美的色。
绿色配黄色 绿色配黑灰色 绿色配白色
经典 搭配
5. 紫色的明度在所有彩色中是最 低的，紫色的低明度给人一种古典、 神秘的感觉，另突显其优雅高贵的 特质。
相近色（30°）
同色（0°）
基本 知识
1.6 无色彩 & 有色彩
除此之外，色彩还可分为彩色系和无色系。 从理论上色彩可以分为无色彩（白、灰、黑）与有色彩（红、橙、黄、绿等）两大类别。
无色彩（黑、白、灰）
有色彩（斑斓世界）
无色彩和有色彩搭配在一起，可以使图像中的重点更加突出，对比更加强烈。
基本 1.4 色彩冷暖 知识
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 设计应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相 同的颜色表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海 报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
设计中常用的 色彩搭配原理与技巧
基本知识 用色要点
经典搭配
基本知识 用色要点
经典搭配
基本 知识
1.1 伊顿12色相环
伊顿12色相环是由近代著名的瑞士色彩学大师约翰内斯·伊顿（Johannes Itten，1888~1967）先生设计。
伊顿12色相环
三原色（原色）: 在美术上，将红、黄、蓝称为颜料的三原色。
A、当背景为白色或浅灰色时：字体为灰色，根据背景的深浅调整字体的深浅，以确保看的清楚。 B、当背景为深色时：字体为白色或者浅灰色。
当背景为白色或浅灰色
当背景为深色时
基本知识 用色要点
经典搭配
经典 搭配
1. 红色的色感温暖，性格刚烈而 外向，是一种对人刺激性很强的色， 易引起人的注意，也容易使人兴奋、 激 动、紧张、冲动。
CMYK Color
基本 1.3 HSL 知识
色相 （Hue）
色彩的相貌
饱和度 （Saturation）
色彩的鲜艳程度，也称色彩的纯度或彩度
亮度 （Lum）
颜色的亮度，越亮越接近白色，越暗越接近黑色
基本 1.5 常见色彩搭配 知识
补色（180°）
对比色（120°）
中度色（90°）
类似色（60°）
紫色配白色 紫色配黄色
Thanks!
整体单色
逻辑单色
组合色（主+副）
用色 要点
2.3 母版背景色
白色：是默认的背景色，简约、便于颜色搭配。 灰色：对真实颜色的干扰最小，不刺眼，专业感！ 深色：很酷，但s深颜色在制作中容易偏色，挑战性高。
白色背景
灰色背景
深色背景
用色 要点
2.5 文字色
关于文字颜色设置的基本要求是：不要太黑、太亮、太刺目，也不要太淡，要柔和、看得清楚。
红色配蓝色 红色配黑色 红色配白色
经典 搭配
2. 黄色的性格开朗、高傲、敏感、 具有扩张和不安宁的视觉印象。黄 色是各种色彩中，最为娇气的一种 色。
黄色配蓝色 黄色配红色 黄色配黑色 黄色配白色
经典 搭配
3. 蓝色的朴实、理智的性格，常 为那些性格活跃、具有较强扩张力 的色彩，提供一个深远、广阔、平 静的空间，成为衬托活跃色彩的友 善而谦虚的朋友，蓝色还是一种在 淡化后仍然能保持较强个性的色。
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 设计应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相 同的颜色表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海 报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
根据人们的心理和视觉判断，色彩有冷暖之分，可分 为三个类别： 暖色系（红、橙、黄）， 冷色系（蓝、绿、蓝紫）， 中性色系（黑白灰或介于冷暖之间的颜色）。 PS：冷暖是相对的，而不是绝对的！！
冷暖是相对的，而不是绝对的！！
基本知识 用色要点
经典搭配
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点：
用色 2.2 整体风格色 要点
以宣传手册用色为例子：
整体风格色指：封面、封底、母版标题栏（整体或点缀）、内标题、强调色、图表色等，主要方案有：
A、整体单色：一种颜色贯穿始终，图表色可以略丰富些，但尽量使用HSL模式调整为同色搭配。 B、逻辑单色：即不同章节不同色，本PPT就是。 C、组合色：主色+副色，可以是对比色搭配，也可以是接近色或近似色搭配。
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 设计应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相 同的颜色表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海 报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 设计应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相 同的颜色表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海 报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
互补色搭配
色环中直接对立的两个颜色搭配 如：红色-绿色、黄色-紫色等
同色系搭配
属于相同色系的不同明度的颜色搭配。 在任意颜色加入白色，明度会提高。 加入黑色，明度减弱。 属于同一色系。
不同明度的同色系
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 设计应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相 同的颜色表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海 报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
二次色（间色）: 通过两种不同比例原色进行混合所得到的颜色为二次色，二次 色又叫做间色。
三次色（复色） 用任何两个间色或三个原色相混合而产生出来的颜色为三次色 （复色），包括了除原色和间色以外的所有颜色。
基本 1.2 色光三原色 & 色料三原色 知识
色光三原色（加法混色）
RGB Color
色料三原色（减法混色）
色彩的和谐
和谐： 让人看了舒适、愉快。 使人从内心里有一种秩序感， 平衡的视觉效果
不和谐： 让人混乱，甚至无法忍受
常用方法
相近色 同色系 对比色 互补色
相近色搭配
色环中相邻的两个颜色搭配 如：蓝色-绿色、橙色-红色、蓝色-紫色等
对比色搭配
色环中等边三角形的两个颜色搭配，对比强烈 如：蓝色-黄色、黄色-红色等
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 设计应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相 同的颜色表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海 报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
蓝色配白色 蓝色配绿色 蓝色配黄色、红色
经典 搭配
4. 绿色是将黄色的扩张感和蓝色 的收缩感相中和，将黄色的温暖感 与蓝色的寒冷感相抵消。这样使得 绿色的性格最为平和、安稳，是一 种柔顺、恬静、优美的色。
绿色配黄色 绿色配黑灰色 绿色配白色
经典 搭配
5. 紫色的明度在所有彩色中是最 低的，紫色的低明度给人一种古典、 神秘的感觉，另突显其优雅高贵的 特质。
相近色（30°）
同色（0°）
基本 知识
1.6 无色彩 & 有色彩
除此之外，色彩还可分为彩色系和无色系。 从理论上色彩可以分为无色彩（白、灰、黑）与有色彩（红、橙、黄、绿等）两大类别。
无色彩（黑、白、灰）
有色彩（斑斓世界）
无色彩和有色彩搭配在一起，可以使图像中的重点更加突出，对比更加强烈。
基本 1.4 色彩冷暖 知识
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 设计应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相 同的颜色表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海 报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
设计中常用的 色彩搭配原理与技巧
基本知识 用色要点
经典搭配
基本知识 用色要点
经典搭配
基本 知识
1.1 伊顿12色相环
伊顿12色相环是由近代著名的瑞士色彩学大师约翰内斯·伊顿（Johannes Itten，1888~1967）先生设计。
伊顿12色相环
三原色（原色）: 在美术上，将红、黄、蓝称为颜料的三原色。
A、当背景为白色或浅灰色时：字体为灰色，根据背景的深浅调整字体的深浅，以确保看的清楚。 B、当背景为深色时：字体为白色或者浅灰色。
当背景为白色或浅灰色
当背景为深色时
基本知识 用色要点
经典搭配
经典 搭配
1. 红色的色感温暖，性格刚烈而 外向，是一种对人刺激性很强的色， 易引起人的注意，也容易使人兴奋、 激 动、紧张、冲动。
CMYK Color
基本 1.3 HSL 知识
色相 （Hue）
色彩的相貌
饱和度 （Saturation）
色彩的鲜艳程度，也称色彩的纯度或彩度
亮度 （Lum）
颜色的亮度，越亮越接近白色，越暗越接近黑色
基本 1.5 常见色彩搭配 知识
补色（180°）
对比色（120°）
中度色（90°）
类似色（60°）
紫色配白色 紫色配黄色
Thanks!
整体单色
逻辑单色
组合色（主+副）
用色 要点
2.3 母版背景色
白色：是默认的背景色，简约、便于颜色搭配。 灰色：对真实颜色的干扰最小，不刺眼，专业感！ 深色：很酷，但s深颜色在制作中容易偏色，挑战性高。
白色背景
灰色背景
深色背景
用色 要点
2.5 文字色
关于文字颜色设置的基本要求是：不要太黑、太亮、太刺目，也不要太淡，要柔和、看得清楚。
红色配蓝色 红色配黑色 红色配白色
经典 搭配
2. 黄色的性格开朗、高傲、敏感、 具有扩张和不安宁的视觉印象。黄 色是各种色彩中，最为娇气的一种 色。
黄色配蓝色 黄色配红色 黄色配黑色 黄色配白色
经典 搭配
3. 蓝色的朴实、理智的性格，常 为那些性格活跃、具有较强扩张力 的色彩，提供一个深远、广阔、平 静的空间，成为衬托活跃色彩的友 善而谦虚的朋友，蓝色还是一种在 淡化后仍然能保持较强个性的色。
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 设计应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相 同的颜色表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海 报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。
根据人们的心理和视觉判断，色彩有冷暖之分，可分 为三个类别： 暖色系（红、橙、黄）， 冷色系（蓝、绿、蓝紫）， 中性色系（黑白灰或介于冷暖之间的颜色）。 PS：冷暖是相对的，而不是绝对的！！
冷暖是相对的，而不是绝对的！！
基本知识 用色要点
经典搭配
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点：
用色 2.2 整体风格色 要点
以宣传手册用色为例子：
整体风格色指：封面、封底、母版标题栏（整体或点缀）、内标题、强调色、图表色等，主要方案有：
A、整体单色：一种颜色贯穿始终，图表色可以略丰富些，但尽量使用HSL模式调整为同色搭配。 B、逻辑单色：即不同章节不同色，本PPT就是。 C、组合色：主色+副色，可以是对比色搭配，也可以是接近色或近似色搭配。
用色 要点
2.1 基本用色原则
根据自己的用色经验，简单总结了以下几点：
重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）； 设计应符合公司形象及文化的用色要求； 用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相 同的颜色表示）； 符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）； 单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海 报等）； 色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。