设计师经常考虑颜色 — 无论是构建品牌的标识,还是希望传达广告的正确情绪。 无论任务如何,理解色彩理论都会有很大的帮助。
如果您是色彩理论的新手,或者只是想提高您的设计知识,那么您来对地方了。 我们将带您了解基础知识,并分享一些技巧,让您像专业人士一样思考颜色。
让我们开始吧!
什么是色彩理论? 简史
色彩理论是关于研究颜色 — 它们如何工作、来自哪里以及我们如何体验它们。 虽然颜色可能是一个抽象的话题,但它们背后有很多科学道理。 事实上,学者们已经研究它们几个世纪了 — 从公元前 4 世纪的亚里士多德到 17 世纪的艾萨克·牛顿爵士 — 甚至直到今天!
您可能听说过牛顿对颜色和光之间关系的研究。 他让阳光穿过玻璃棱镜的一侧,然后看到几种颜色从另一侧出来。 最终,他的实验使他发现颜色是光的一部分。
但还有更多故事。 牛顿还认为他看到的颜色彼此相关,因此他将它们记录在一张 圆形地图上,以可视化他的理论。 这给了我们最早版本的色轮 — 我们今天组织和理解颜色的框架之一。

从这张图中我们可以看到,让光线穿过玻璃棱镜可以产生各种颜色 — 就像牛顿的理论所说的那样。
色轮快速指南
自牛顿 17 世纪的版本以来,色轮已经走了很长一段路。 今天,它是 12 种颜色的视觉表示,正如我们在下图中所看到的。 我们可以通过将这些颜色分为三个类别来更好地理解它们:原色、次色和三级色。
- 原色 — 色轮有三种原色:红色、蓝色和黄色。 您可以将原色视为色轮的根。 这是因为色轮上的所有其他颜色都来自混合它们 — 彼此混合或与次色混合。
- 次色 — 通过一次混合两种原色,我们可以产生三种次色。 红色和蓝色产生紫色。 蓝色和黄色产生绿色。 红色和黄色产生橙色。
- 三级色 — 将一种原色与一种次色混合,可以得到一种三级色。 这意味着总共有六种三级色,每种颜色都以它们的颜色组合命名:红橙色、红紫色、黄橙色、黄绿色、蓝绿色和蓝紫色。

您可以使用我们的颜色选择器浮动框来生成色轮的所有 12 种颜色 — 以及更多!
深入了解设计中的色彩理论
现在您可以绘制 风的 色轮的所有颜色了,现在是时候将我们的理解提升到新的水平了。 还记得您的幼儿园老师在谈论不同深浅的颜色时,是如何用深浅来形容的吗? 比如“深绿色”或“浅蓝色”? 好了,我们可以使用官方术语来衡量颜色的深浅:色调、饱和度和亮度。
说实话,我们已经在将颜色视为色调了。 简而言之,色调是颜色的另一种说法。 它指的是颜色本身。 没有额外的亮度或活力。 也没有褪色或变暗。 绿色、橙色、蓝色和紫色都是色调的例子。
调整饱和度将决定颜色呈现的强度。 饱和度越高,颜色越浓。 饱和度越低,颜色看起来越苍白。
另一方面,亮度(通常称为值)通过颜色有多暗或多亮来衡量。 正如您可能已经猜到的。
大多数数字设计工具都使用这些术语来衡量颜色 — 因此值得了解它们的含义! 例如,在我们的 Mac 应用程序中,您可以根据颜色色调、饱和度和亮度 (HSB) 来修改颜色,以实现不同的色调。 但无论您从事何种设计职业,了解这些术语都可以帮助您自信地描述颜色。

您可以修改色调、饱和度和亮度 (HSB) 级别,以实现同一种颜色的不同色调。
知道哪些颜色搭配在一起好看
并非所有颜色搭配在一起都好看。 但有些组合具有提升我们情绪的能力。 事实上,研究表明,颜色会对我们的心理产生深远的影响 — 可能会影响我们的购物方式、我们感觉到的乐观程度,甚至是我们工作的努力程度。
那么我们如何知道哪些颜色搭配在一起好看呢? 这就是我们值得信赖的色轮派上用场的地方。 颜色在色轮上的位置告诉我们很多关于它与其他颜色的关系。 如果颜色搭配在一起好看,我们可以称它们为色彩和谐。
让我们看看色彩和谐的四个例子,以及为什么它们搭配在一起效果很好
类似色是指色轮上彼此相邻的三种颜色。 它们搭配在一起效果很好,因为它们之间的对比度不大,从而可以阐述彼此的视觉效果。 例如,红色、红橙色和橙色都散发出温暖的感觉。 它们一起营造出一种火热的氛围。 另一方面,蓝色、蓝紫色和紫色共同散发出一种平静的氛围。

类似色是指色轮上彼此相邻的三种颜色。
互补色是色轮上相对的任何两种颜色。 它们之间的强烈对比突出了它们彼此之间的差异,形成了一个充满活力的搭配。 蓝色和橙色是互补色的一个流行例子。 想象一下蓝色海洋上的橙色日落 — 甚至 Firefox 浏览器徽标。

互补色是色轮上相对的任何两种颜色。
当您将均匀分布在色轮周围的三种颜色(如红色、蓝色和黄色)组合在一起时,您会创建三原色。 因为它们均匀分布,所以它们可以产生高对比度但又平衡的外观。 这就是 伊夫·圣洛朗 (Yves Saint Laurent) 的蒙德里安风格连衣裙 如此出名的原因。

当您将均匀分布在色轮周围的三种颜色(如红色、蓝色和黄色)组合在一起时,您会创建一个三原色组合。
四色是两对互补色 — 总共四种颜色。 在色轮上,我们可以使用矩形或正方形来可视化四色方案,每个角都指向色轮周围四种颜色中的一种。 由于涉及如此多对比鲜明的颜色,四色方案构成了一个生动的调色板。 因此,下次您刷新品牌颜色时,请考虑这种方法!

我们可以将四色方案视为在色轮上展开的矩形或正方形 — 每个角都指向四种颜色中的一种。
了解颜色如何协同工作可以帮助您成为一名更熟练和自信的设计师。但请记住,决定什么看起来好也可以是个人的品味问题。正如我们自己的联合 CEO 和联合创始人 Emanuel Sá 所说的那样,“无论您对颜色说什么,都会引起争议”。因此,在这个过程中,您可以信任自己的视觉判断。
现在您已经掌握了色彩理论的基础知识,是时候将其付诸实践了。尝试识别一些著名设计中的色彩和谐,看看是什么让它们成功。您还可以使用我们的众多颜色相关功能来创建自己的彩色设计,例如我们的颜色选择器、颜色变量或渐变。
如果您对所选择的调色板感到兴奋,请随时使用标签 #MadeWithSketch 与我们分享。我们很乐意看到您的作品!🤩