设计基础-色轮详解.pptx

Hyetec Techology 北京华源格林科技有限公司 ——专注企业级APP的开发商和运营商 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 二次元搭配：    二次色之间都拥有一种共同的颜色——其中两种共同拥有蓝色，两种共同拥有黄色，两种共同拥有红色——所以它们轻易能够形成协调的搭配。如果三种二次色同时使用，则显得很舒适、吸引，并具有丰富的色调。它们同时具有的颜色深度及广度，这一点在其它颜色关系上很难找到。 原色搭配： 除了在一些儿童的产品中，三原色同时使用是比较少见的。但是，无论是在中国