色 彩 调 和 配 色 的 基 本 技 巧
【目 录】 1 2 3 4 5 6 引言 色轮 原色 二次色 三次色 暖色 冷色 中性色 明调 暗调 灰调 色彩调和
Part 1 【 引 言 】 『 目 录 』 〖色彩正确搭配〗 〖色彩作用于人〗 〖色彩用于表达〗
色彩用于表达 吸引眼球 渲染情境 表达观点
色彩作用于人 让人活跃 让人沉静
色彩正确搭配 营造优雅的气氛 描摹多彩的青春
色彩只要有效运用, 就会成为最给力的设计元素 ——Kukmoon(谷月)
Part 2 【色 轮】 『 目 录 』 〖色彩调和〗 〖12色轮〗 〖色 轮〗
Color wheel 色 轮 色轮:色彩排成的圆环,是 搭配色彩 的基本工具 1 选择一组色彩 2 构建色彩调和
12色轮 由12种颜色组成 最简单、最常见 配色从12色轮开始
色彩调和 两个基本概念 色系(color scheme) 若干种(≥2)颜色的搭配 色彩调和(color harmony) 视觉效果令人愉悦的色系 (Part 6重点讲解)
利用色轮,构造色彩调和 色彩调和,给人美的感受 ——Kukmoon(谷月)
Part 3 【原色 二次色 三次色】 『 目 录 』 〖三次色〗 〖二次色〗 〖原 色〗
Primary color 原色 三种原色:红黄蓝 最基本的颜色 红 red 黄 yellow 蓝 blue 组成其他颜色 色彩调和的基础
色轮上的原色 红 蓝 黄
橙 orange 绿 green 紫 violet 二次色 红+黄→橙 黄+蓝→绿 蓝+红→紫 各由两种原色组合而成 三种二次色:橙绿紫 Secondary color 二次色 三种二次色:橙绿紫 各由两种原色组合而成 橙 orange 绿 green 紫 violet 红+黄→橙 黄+蓝→绿 蓝+红→紫
色轮上的二次色 紫 橙 绿
三次色 将一种原色和一种二次色组合, 可得到一种三次色 ●红+橙→朱红 ●橙+黄→琥珀 ●黄+绿→黄绿 Tertiary color 三次色 六种三次色 朱红 vermilion 琥珀 amber 黄绿 chartreuse 碧绿 aquamarine 靛青 indigo 紫红 violet red 将一种原色和一种二次色组合, 可得到一种三次色 ●红+橙→朱红 ●橙+黄→琥珀 ●黄+绿→黄绿 ●绿+蓝→碧绿 ●蓝+紫→靛青 ●紫+红→紫红
色轮上的三次色 紫红 朱红 靛青 琥珀 红+橙→朱红 橙+黄→琥珀 黄+绿→黄绿 绿+蓝→碧绿 蓝+紫→靛青 紫+红→紫红 碧绿 黄绿
从原色出发,不断组合 最终就能得到所有颜色 ——Kukmoon(谷月)
Part 4 【暖色 冷色 中性色】 『 目 录 』 〖中性色〗 〖冷 色〗 〖暖 色〗
Warm color 暖色 暖色 冷色 暖色包括: 红、橙、黄、黄绿等 视觉感受: 生动活泼、积极有力
Cold color 冷色 暖色 冷色 冷色包括: 靛青、紫、蓝、绿等 视觉感受: 平静镇定、舒缓淡泊
灰色是由黑白按不同比例组成的一个色系,这个比例称为灰度 Neutral color 中性色 中性色有3种:黑、灰、白 黑 black 黑 black 灰 gray 白 white 灰色是由黑白按不同比例组成的一个色系,这个比例称为灰度
由大量冷(暖)色构成主色调 少量暖(冷)色和中性色起缓冲作用 “ ——Kukmoon(谷月)
Part 5 【明调 暗调 灰调】 『 目 录 』 〖灰 调〗 〖暗 调〗 〖明 调〗
Tint 明调 明调:掺加白色得到的一种纯色 目的 提高颜色的亮度,使其更加鲜明 手段 向颜色中掺入白色 结果 得到明调
Shade 暗调 暗调:掺加黑色得到的一种纯色 目的 降低颜色的亮度,使其更加黯淡 手段 向颜色中掺入黑色 结果 得到暗调
Tone 灰调 灰调:掺加灰色得到的一种纯色 目的 比明/暗调更精细地调节颜色的亮度 手段 向颜色中掺入灰色 结果 得到灰调
从一种颜色出发,调配明/暗/灰调, 形成一系列明暗度深浅不一的色彩, 称为单色配色,是色彩调和的基础 ——Kukmoon(谷月)
Part 6 【色彩调和】 『 目 录 』 〖互补色系〗 〖类似色系〗 〖三 色 系〗 〖分割互补色系〗 〖矩形色系〗 〖正方形色系〗
由一对 互补色 构成的色系 互补色系 概念 Complementary color scheme 由一对 互补色 构成的色系 在色轮上相对分布 (成180°角)的两种颜色 (complementary colors)
特点与应用 特点:高度对比,难以驾驭 应用场合:凸显强调 不适用于大量文本对比, 或背景色与文本色对比
由若干 类似色 构成的色系 类似色系 概念 Analogous color scheme 由若干 类似色 构成的色系 在色轮上相邻分布 (夹角<90°)的几种颜色 (analogous colors)
特点与应用 特点:搭配和谐,对比不强 应用场合广泛, 注意两条法则: 易于区分(保证各种色彩有足够的对比度) 均衡调配(1种主体色+1种辅助色+1种强调色)
Triadic color scheme 三色系 概念 由 均衡分布 的3种颜色构成的色系 两两之间夹角为120°
特点与应用 特点:既搭配和谐, 又对比鲜明 应用场合广泛, 注意两条法则: 均衡调配(1种主体色+1种辅助色+1种强调色) 以二次色为佳(绿+橙+紫 > 红+黄+蓝)
分割互补色系 已知 变换 结果 概念 一个互补色系由两种颜色构成 分割互补色系 取出其中之一, 用色轮上左右相邻的两种颜色代替,形成新的色系 Split-complementary color scheme 分割互补色系 概念 已知 一个互补色系由两种颜色构成 变换 取出其中之一, 用色轮上左右相邻的两种颜色代替,形成新的色系 结果 分割互补色系
特点与应用 特点: 应用: 视觉对比强烈,不刺眼不混乱, 比互补色容易驾驭 适合初学者使用 要做到均衡调配(1种主体色+1种辅助色+1种强调色)
由 两组互补色 构成的色系 矩形色系 概念 Rectangle color scheme 四种颜色构成矩形,矩形对角线夹角<90° 矩形色系又称四色系(tetradic color scheme) 由 两组互补色 构成的色系 四种颜色构成矩形,矩形对角线夹角<90°
特点与应用 特点:丰富多彩,变化无穷 应用,注意两条法则: 主体色彩法则(以一种颜色为主体色) 冷暖平衡法则(冷色和暖色一定要平衡)
Square color scheme 正方形色系 概念 由 四种均匀分布的颜色 构成的色系 两组互补色构成正方形, 两两之间夹角90°
特点与应用 特点:丰富多彩,变化无穷 应用,注意两条法则: 主体色彩法则(以一种颜色为主体色) 冷暖平衡法则(冷色和暖色一定要平衡) 同矩形色系 特点:丰富多彩,变化无穷 应用,注意两条法则: 主体色彩法则(以一种颜色为主体色) 冷暖平衡法则(冷色和暖色一定要平衡)
一切色彩调和, 都离不开色轮 色轮, 是搭配色彩的基本工具 ——Kukmoon(谷月)
Summary 总结 基本概念 色彩调和 配色的本质 通过本教程,我们学习了: |色轮|色系|色彩调和|原色| |二次色|三次色|暖色|冷色| |中性色| 明调|暗调|灰调| 色彩调和 |互补色系|类似色系|三色系| |分割互补色系 | 矩形色系| | 正方形色系 | |利用色轮选择合适的色彩调和| |使用明暗灰调创建更复杂色系| 配色的本质
参考资料 参考以下资料,特此衷心致谢 电子资料: 书籍资料: Basic Color Schemes - Introduction to Color Theory[EB/OL] Tertiary Color[EB/OL] 杨雪. 好学如好色第一讲:色彩的基础知识[EB/OL] Giaccardi E. The Art of Colors: A few tips for user interface designers[EB/OL] 书籍资料: 李治. 别告诉我你懂PPT[M]. 北京: 北京大学出版社, 2010 王咏刚, 周虹. PowerPoint演说家[M]. 第二版. 北京:电子工业出版社, 2006
我们会提供更多更好的PPT素材,让你不再烦恼! 我们只分享精品 精品模板 行业案例 优质图表 创意图片 PPT教程 饮水思源,下载不忘“关注”。 @PPT精选 新浪微博最勤劳PPT分享 http://weibo.com/pptlove 我们会提供更多更好的PPT素材,让你不再烦恼! 本PPT来源于网络渠道,感谢作者的辛勤劳动,如作者不喜可私信本人删除!