设计基础色轮详解汇编.pptx

Hyetec Hyetec TechologyTechology 北京华源格林科技有限公司北京华源格林科技有限公司 —— ——专注企业级专注企业级APPAPP的开发商和运营商的开发商和运营商 1 设计基础:色轮详解 2 目录 前言 色轮关系介绍 色轮应用 实践小考 APP案例 WEB案例 前言 4 作为一名设计师，如果你还在说出”这种颜色好看，那种颜色不好看”的话时 ，这说明你对颜色还没有正确了解在我们的很多文章中，都可以看到色轮的踪影，它 是我们选择颜色的一个强有力的武器在本文，我们将阐述这个色轮的基本原理，使你 对颜色关系有一个更清晰的认识 一半是科学，一半是艺术，色轮是我们认识颜色关系的工具 5 那里有光，那里就有颜色有时我们会认为颜色是独立的——这是蓝色，那是红色， 但事实上，颜色不可能单独存在，它总是与另外的颜色产生联系，就象音乐的音符，没有某一 种颜色是所谓的“好”或“坏”只有当与其它颜色搭配作为一个整体时，我们才能说，是协 调或者不协调色轮告诉我们颜色之间的相互的关系我们在本文中将阐述这一点 色轮关系介绍 6 白色光包含了所有的可见颜色，我们看到是由紫到红之间的无穷光谱组成的可见光区域 ，就象你所看到的彩虹颜色。

为了在使用颜色时更加实用，人们对它进行了简化，将它们分为 12 种基本的色相 12 种颜色——记起来了吗，和你小时候第一次买彩色蜡笔时，盒子里装了那 12 只蜡笔差不多 色轮由 12 种基本的颜色组成首先包含的是三原色（ Primary colors ），即蓝、黄、 红原色混合产生了二次色（ Secondary colors ），用二次色混合，产生了三次色（ tertiary colors ） 7 原色是色轮中所有颜 色的“父母”在色轮中，只 有这三种颜色不是 由其它颜 色调合而成上图可以看出， 三原色在色环中的位置是平均 分布的 二次色所处的位置是 位于两种三原色一半的地方（ 见上图）每一种二次色都是 由离它最近的两种原色等量调 合而成的颜色 三次色是由相 邻的两种二次色调合而 成 8 你可能会发现，每一种颜色都拥有部分相邻的颜色，如此循 环成一个色环共同的颜色是颜色关系的基本要点，必须对此有深入的 了解 在上图这七种颜色中，都共 同拥有蓝色越远的颜色（ 如草绿色）含有的蓝色就越 少绿色及紫色这两种二次 色都含有蓝色 在上图七种颜色中， 都拥有黄色同样的 ，离得越远的颜色， 拥有的黄色就越少。

绿色及橙色这两种二 次色都含有黄色 在上图七种颜色中，都 拥有红色向两边散开时 ，红色就含得越少橙色 及紫色这两种二次色都含 有红色 9 颜色有明暗之分——或者称为颜色数值为了显示颜色的明暗，所以色轮有多个 环两个外围的大环是暗色（ Shadow colors ），里面两个小环是明色 (tint colors) 色轮有五个同心环组成，从暗 到亮——暗色处于大环，明色处于小环 ，而中间是颜色的基本色相 从上图我们可以看出，处于右边的暗色就是加上 黑色，而左边的明色则是加上白色五个圆环已经清楚表 示了颜色如何由暗到亮的过程但这种明色及暗色的关系 只是相对而言 色轮应用 10 下面我们列出六种基本的颜色关系每一种颜色关系都可以有无数种搭 配的可能，当你掌握它们时，你对颜色的视野才会显得开阔 补色搭配： 在色轮上直线相对的两种颜色称为 补色，在上图中，是橙色及蓝色补 色形成强列的对比效果，传达出活 力、能量、兴奋等意义补色要达到 最佳的效果，最好是其中一种面积比 较小，另一种比较大比如在一个蓝 色的区域里搭配橙色的小圆点 类比色搭配： 相邻的颜色我们称为类比色 类比色都拥有共同的颜色（在上图 中，是黄色及红色）。

这种颜色搭 配产生了一种令人悦目、低对比度 的和谐美感类比色非常丰富，在 设计时应用这种搭配同样让你轻易 产生不错的视觉效果 单色搭配： 一种色相由暗、中、明三种 色调组成这就是单色单色搭 配上并没有形成颜色的层次，但 形成了明暗的层次这种搭配在 设计中应用时，出来的效果永远 不错，其重要性也可见一斑 11 二次元搭配： 二次色之间都拥有一种共同的 颜色——其中两种共同拥有蓝色 ，两种共同拥有黄色，两种共同 拥有红色——所以它们轻易能够 形成协调的搭配如果三种二次 色同时使用，则显得很舒适、吸 引，并具有丰富的色调它们同 时具有的颜色深度及广度，这一 点在其它颜色关系上很难找到 原色搭配： 除了在一些儿童的产品中，三原色同时 使用是比较少见的但是，无论是在中国还 是在美国的文化中，红黄搭配都是非常受欢 迎红黄搭配应用的范围很广——从快餐店 到加油站，我们都可以看见这两种颜色同时 在一起蓝红搭配也很常见，但只有当两者 的区域是分离时，才会显得吸引人，如果是 紧邻在一起，则会产生冲突感 分裂补色： 如果我们同时用补色及类比 色的方法来确定的颜色关系， 就称为分裂补色这种颜色搭 配既具有类比色的低对比度的 美感，又具有补色的力量感。

形成了一种既和谐又有重点的 颜色关系如在上面三种颜色 中，红色就显得更加突出 实践小考 12 看了这么多理论，还是考一下自己吧： 下面这四个封面中，都各自运用了我们在上 面所述的其中一种颜色搭配你能说出它们是运 用了哪一种颜色搭配吗？ （提示：眼睛只集中在一些大区域的颜色，不要 理会细微的颜色区域也不用理会黑白两种颜色 ） 当我们用色轮对其分析后,就很容易得到答案： A:单色搭配 B:补色搭配 C:三原色搭配 D:类比色搭配 APP案例 13 单色搭配 14 类似色搭配 15 分裂补色 WEB案例 16 原色搭配 17 。