非设计师的色彩理论基础知识：您应该知道的一切

作为我们关于出色色彩组合的鼓舞人心的示例和调色板想法的延续，今天我们将了解色彩理论的基础知识并超越这一点。因此，在本文中，我们将从颜色的属性、它们如何组合以及它们如何影响您的受众采取所需的行动来了解有关颜色的一切。

1. 什么是颜色？

1.1.颜色属性

我们将从定义颜色的实际含义开始我们的简要颜色理论。尽管听起来很抽象，但最接近的定义是，颜色是由我们的眼睛感知光线照射到物体时的不同方式来定义的。话虽如此，每种颜色都由三个主要属性定义，这些属性创造了该颜色效果的巨大多样性。

颜色属性：色调、强度和明度
色调：
颜色属性引用颜色系列，即色轮上的每个部分。传统的轮子有 12 个部分，每个家庭一个。
强度：
反映颜色的饱和度。当然，这定义了颜色的鲜艳程度或暗淡程度。
值：
第三个属性形成每种颜色的色调和阴影。它指的是该颜色的深浅程度。您可以通过在颜色中添加白色来创建色调，并在添加黑色时创建阴影。
颜色还有四个与色调、强度和明度相关的属性。色彩理论告诉我们，由于色调是色轮上特定色族的一部分，因此它也是颜色最纯粹的状态。从那里，通过改变强度和值，您可以创建色调、色调和阴影。

色调：
当您将灰色添加到特定色调时，您就创建了色调。
色调：
这些是将白色添加到特定色调时创建的颜色。
阴影：
当您将黑色添加到特定色调时，您会创建阴影。

1.2.色轮

在色彩理论中，色轮是一种组织和可视化色调以及它们围绕圆圈之间的关系的说明性方式。12 色传统色轮（见下图）显示了原色、二次色和三次色以及它们之间的关系。借助可视化理论，您可以轻松地确定哪些颜色可以以多种方式协同工作以实现和谐的颜色组合。

1.3.颜色理论中的颜色类型

当谈论颜色基础知识时，一切都从显示所有类型颜色之间关系的色轮开始。

原色（Ps）：
红、黄、蓝是三种原色颜料。它们不能通过混合其他颜色组合来创建。然而，这些色调的组合可以呈现出所有其他颜色。
间色（S）：
橙色、绿色和紫色是直接混合原色时得到的第一种颜色。组合分别为黄色和红色、黄色和蓝色、以及红色和蓝色。
三次色 (Ts)：
也称为中间色，这些是当我们将原色与次要颜色组合时得到的色调。因此，六种三次色中的每一种都有一个二字名称，如下所示：黄橙色、红橙色、红紫色、蓝紫色、蓝绿色和黄绿色。

色温

在色彩理论中，颜色也有温度。这是一个特征，指的是每种颜色的相对冷色或暖色。当你把色轮分成两半时，冷色从紫色开始，以黄绿色结束，而暖色从黄色开始，以红紫色结束。
冷色：
蓝色和以蓝色为主要成分的任何颜色。颜色在色轮上越接近蓝色（越蓝），颜色越冷。
暖色：
黄色和以黄色为主成分的任何颜色。颜色在色轮上越接近黄色（黄色越多），颜色越暖。

两种类型在温度方面的区别在设计中非常有用。这不仅是因为冷色和暖色的心理影响显着不同。还有一个特性，冷色看起来离观察者越来越远，而暖色看起来离观察者越来越近。

中性色

此外，还有一些颜色很难赢得颜色的定义。它们被称为中性色，因为它们几乎不属于暖色或冷色类别。事实上，中性色，尤其是黑色和白色，确实能够在不使用鲜艳色彩的情况下自行创造出令人惊叹的设计。

黑色：
在科学中，黑色被认为是没有光的，而在设计中，黑色是由颜料创造的。事实上，设计师使用颜色来创造最暗的近似黑色，因为真正的黑色作为颜料是不可能制造出来的。
白色：
与黑色类似，白色是没有颜色的，并且不能混合颜色来创建白色。与黑色一样，除非我们谈论的是未经过滤的阳光，否则不可能再现真正的白色。
中性色：
它们是自然色的浅色或深色，几乎没有色调。在车轮上，它们位于远中心和外围。中性色包括黑色、白色、灰色、棕色和棕褐色。

2. 色彩理论中色彩组合的类型

当谈到使用色轮组合颜色时，颜色理论中有五种方法可以实现这一目标。事实是，您可以创建尽可能多的和谐方案和调色板，但结果总是属于这些类别之一。那么让我们看看它们是如何工作的。

2.1.单色颜色组合

在颜色理论中，组合颜色的第一个也是最简单的方法是创建单一色调的不同变化的组合。

在上图中，我们只包含了纯黄色的不同色调和色调。不过，您也可以尝试类似的语气。尽管这种方法似乎有局限性，但尝试起来非常有趣，并且总是会给您的设计带来视觉吸引力和简化的外观。
这对于包含大量数据和整体繁忙设计的项目特别有用。
另一个绝对优势是您的品牌是否具有受众识别的特定颜色。只需结合品牌颜色的不同色调、色调或色调，即可进一步个性化您的展示。
在第一个示例中，我们有一个单色配色方案，具有两种不同的蓝色色调，由于渐变创建了不同的色调和色调，因此看起来丰富多样。第二个示例也是如此，它也使用渐变来丰富橙色色调。

2019 年 VIVO Z1 PRO 媒体发布会，作者：Gaurav Kumar

机构 BDMG 2020 由佩德罗·阿西斯 (Pedro Assis)

2.2.互补色组合

正如标题所示，互补色是指色轮上直接相对的颜色。在下图中，您可以看到两个互补色的示例：黄橙色与蓝紫色，以及蓝绿色与红橙色。

这些颜色非常适合创造高对比度，并强调设计中需要吸引观众注意力的元素。当您选择主色（通常是冷色）并仅在最重要的部分或 CTA 中使用互补的暖色时，这一点很容易实现。当然，由于这种高对比度的颜色通常在完全饱和时充满活力，因此必须仔细管理它们以保持平衡，并且不会看起来太刺耳和压倒性。
在第一个示例中，主要互补色是紫色和黄色。我们还看到了蓝绿色和石灰的可爱添加，但是，这些绿色都不是与紫色或黄色互补的。在第二个中，蓝绿色和红橙色的柔和色调创造了互补的组合。还有第三种强调色黄色，但与第一个示例类似，它不是主要两种颜色中任何一种的互补色。

NATUR I 品牌设计 由 Cristhian Costa Fonteles 设计

FLOREIE-SE I 艺术指导 I 由 Cristhian Costa Fonteles 设计

2.3.分裂互补

在颜色理论中，此方法是前一种方法的变体，用于具有更多颜色的更丰富的调色板。然而，在分割互补组合中，您可以使用三种颜色，而不是两种颜色，它们在色轮上彼此直接相对。

这些调色板包括冷色和暖色，为您的设计带来很大的平衡。与互补调色板类似，您可以在此处为整体设计使用两种冷色（例如，带有紫色部分的蓝色背景），并为目标元素设置暖色（在本例中为：橙色）。
我们在第一个例子中看到的是红色、红紫色和绿色色调的分裂互补，并附加白色作为对比。第二个主要颜色是黄色、紫色和粉色的变体。

本的拉多·贝尼亚泽 (Lado Beniaidze)

CRE.90.WRLD [313 – 11.04.20] 作者：huleeb

2.4.类似的颜色组合

与互补色相反，这些色调彼此相邻，从而创建平衡的和谐调色板。这些组合看起来很自然，因为一种颜色占主导地位，其他颜色则突出并完成它。

这种方法对于更多颜色的效果令人惊叹，因为和谐允许它不会压倒设计。另一个原因是，仅使用两种或三种过于相似的颜色有时会破坏设计。
为了防止这种情况发生，许多设计师使用高对比度的中性色，例如黑色和白色，正如您将在下面的两个示例中看到的那样。通常的方案包括一种主色，第二种支持它，第三种与中性色一起作为强调色。
在第一个示例中，设计师选择了蓝色、蓝紫色、紫色和红紫色，它们通过图案混合在一起，并作为黑色徽标的良好基础。在第二个例子中，蓝色和绿色与白色形成完美的对比。

Fabula Branding 的 INDIGO 安全套时尚俏皮

百事可乐 2020 年世博会由多个业主

2.5.三色组合

三元色组合使用均匀分布在色轮周围的颜色。这允许三种不同的色调产生良好的对比度，即使您决定不饱和它们。

与任何其他方法一样，为了创建完美平衡的三元调色板，在大多数情况下，您让一种颜色主导设计并使用其他两种颜色作为强调色。正如您在上图中看到的，在 12 色轮中，您可以有四种三元颜色组合。我们绘制了蓝绿色、黄橙色和红紫色；以及黄绿色、红橙色和蓝紫色。剩下的两个分别是红色、黄色和蓝色；以及橙色、绿色和紫色。
然而，下面的例子显示了完美的三元平衡。第一张照片中，以中性色为主色（模特肤色为底色），红黄蓝三色组合同样作为强调色，对比完美，丰富了构图。在第二张照片中，我们看到主要是绿色，辅以粉色和橙色作为重点。

埃斯特·莎拉的《沙漠》

莫纳辛格的拱门和物体

2.6。四元颜色组合

此方法也称为矩形配色方案，使用四种颜色组成两个互补对，如下图所示。这种颜色组合还有另一种变体，它使用正方形来获得类似的结果。在这种情况下，四种颜色均匀地分布在色环周围。

回到四分体，与四分体相比，该方法提供了更丰富、更多样化的调色板，以及许多变化的可能性。当您使用矩形组合颜色时，请记住在整体设计中平衡冷色和暖色。
通过使用四元组合的示例，我们看到一个徽标，其设计允许均匀使用四种颜色而没有占主导地位的颜色（如果我们排除中性背景），并且轮播的四个元素完美对比。下一个插图提供了绿色、蓝色、红色和黄色的其他变体，并使用绿色色调作为主导。

Gergő Horváth 设计的四骑士标志

IBM Watson 的力量 | 多个所有者的品牌插图

2.7.单独的颜色组合：什么颜色搭配得好

这通常是主观的，因为每对颜色都可以以正确的色调、色调或色调组合。然而，您会在从时尚、室内设计到图形和网页设计的许多设计中找到一些经典组合。那么让我们来看看其中的一些对。

中性色

黑色：
由于它是通用颜色，因此与任何其他颜色搭配都很好看。它与橙色、绿色、白色、红色和黄色结合得特别好。
白色：
另一种通用颜色，与蓝色、红色和黑色完美搭配。
米色：
蓝色、棕色、绿色和红色。
棕色：
亮青色、奶油色、粉色和米色。
灰色：
紫红色、紫罗兰色、粉色和蓝色。

金属色

金色：
黑色、酒红色、玫瑰色和军绿色。
玫瑰金：
红紫色、火烈鸟粉色和桃红色。
银色：
蓝色、棕色和古金色。
铜色：
白色、中性绿色和海军蓝。

冷色

紫罗兰色：
金棕色、浅黄色和薄荷色。
蓝紫色：
橙色、粉色、黄色和白色。
蓝色：
淡紫色、青色、黄绿色、棕色和灰色。
蓝绿：
棕色、橙色、粉色、樱桃红和米色。
绿色：
橙色、黄色、棕色和乳白色。
黄绿：
樱桃红、蓝色、灰色。

暖色：

黄色：
灰色、天蓝色、淡紫色和黑色。
黄橙色：
灰色、棕色和橄榄色。
橙色：
青色、蓝色和淡紫色。
红橙色：
青色、薄荷色和乳白色。
红色：
黄色、绿色、蓝色和黑色。
红紫色：
灰色、石灰色、薄荷色、天蓝色、灰色和米色。
更新：您可能还有兴趣了解有关2022 年颜色的更多信息：Very Peri。

2.8.渐变颜色组合

有一段时间，渐变被平面设计和网页设计搁置一边，转而采用扁平化风格，但自 2018 年以来，渐变再次回归舞台。随着设计师不断掌握创造美丽色彩过渡的技能，并且与 90 年代铺天盖地的渐变设计相比，这种趋势正在不断发展。还记得带有灯光、阴影和图案的大红色高对比度渐变 CTA 按钮吗？值得庆幸的是，这些不会很快回来。
那么什么是梯度呢？简而言之，这些是从一种颜色混合到另一种颜色的颜色过渡，并且不仅仅限于两种色调。对于混合的颜色类型没有规则，因为您可以在相似的颜色或完全对比的颜色之间进行过渡。下图中有十个不同的渐变示例。有些包括两种暖色之间的过渡，有些包括冷色调之间的过渡，而在其他情况下它们是混合的。

根据颜色理论组合颜色的方法对于渐变和平面设计是相同的。然而，渐变比平面更好的是，它们增加了更多的深度并创造了纹理。渐变色组合丰富又引人注目，自2018年回归以来，给人的感觉更加明亮、明亮、现代。

六月插图系列 – 2016 年，作者：Nuria Boj

海报设计：Jinto Tomy
3.心理学中的色彩组合
3.1.颜色如何影响心情和情绪
组合颜色不仅仅是为了美观、优化以及让您的设计美观、引人注目。因此，色彩理论对于现代设计来说可能还不够。创建调色板的一半工作是战略性地选择特定的颜色，这些颜色将成功传达您的信息并影响您的受众做出您想要的反应。
颜色会唤起情感，这是无可避免的。一方面，每种色调背后的心理和含义因不同的文化、情况和组合而异。另一方面，有一些既定的指南可以帮助您开始。
最流行的说法是暖色本质上是积极的，而冷色是消极的。这在一定程度上是正确的，但这不是规则。例如，红色是一种暖色，但它的大多数色调，尤其是具有较高强度和纯度的色调，会引起愤怒或危险的感觉。黄色是主要的暖色，会引起焦虑和紧迫感。甚至有些黄色色调与黄疸有关，看起来很恶心。因此，让我们简单地接触一下最纯粹、最鲜艳的色调，看看每一种色调如何影响目标受众的行为。
劳拉·奥克尔摄影
3.2.营销中的个性色彩
虽然人们通常对个别颜色有特定的反应，但重要的是要记住，每种色调的效果取决于许多因素：组合、背景、经验、个人品味、年龄、性别和文化差异。当您为特定目标受众选择颜色时，额外的研究始终是必不可少的。
暖色：
黄色：
明亮、强烈的颜色，引人注目、温暖、活泼。同时，阅读起来很困难，眼睛难以承受，还会产生沮丧和焦虑的感觉。这在冲动买家的销售中通常很常见。
橙色：
非常吸引人，很受欢迎，适合 CTA、徽标和强调色，因为它能够吸引注意力。它很少在户外使用，因为它是一种非常强烈的充满活力的颜色，唤起兴奋和热情的感觉。太多的橙色可能会激怒你的访客。
红色：
常用于销售，是一种能引起更快反应的强烈颜色。红色会升高血压，也非常适合用于参与和社交。因此，如果大量使用，可能会对观众产生负面影响，并将访客拒之门外。
粉色：
最女性化、最浪漫的颜色，非常适合儿童玩具、托儿所、女性保健品。与它的主色红色相比，你接触粉色的时间越长，你就会变得越平静。
紫色：
皇家颜色，与财富、性感和智慧相关。这就是为什么它大量用于奢侈品以及高端美容产品。由于其戏剧性，它也给人浪漫和神秘的感觉。
冷色和中性色：
绿色：
养眼、放松的颜色。它与自然、生物产品、好运、健康和财富密切相关。另一方面，绿色也是嫉妒或毒药的颜色，因此这种颜色的正确色调和色调极其重要。
蓝色：
根据一项全球调查，蓝色不仅是男性中最受欢迎和喜爱的颜色，而且也是女性中最受欢迎和喜爱的颜色。它在通信、银行和保险领域有着广泛的用途，因为它能唤起安全、忠诚、诚实、力量和可靠的感觉。根据色调的不同，蓝色也会引起悲伤和孤独。
黑色：
普遍优雅、精致的颜色，常用于高端品牌。它与高级和权力相关，经常用于通信。
白色：
通用的高对比度颜色，可以增加空间并传达纯洁、干净、新鲜和简单的感觉，但也会让人感觉无菌和寒冷。它广泛应用于医疗保健和科技行业。
灰色：
微妙的颜色，适合那些不想引人注目的微妙人士。由于其简单性，它可以用来安抚游客并让他们感到舒适。它也是科技行业的常见颜色。
您可能还对39 个网站配色方案示例感兴趣，以唤醒您的创造力。
摄影：莎朗·麦卡琴
3.3.通过调色板表达心情和情感
根据颜色理论，这些是颜色最纯净状态的主要影响。当我们考虑所有因素并决定我们希望传达什么感受和情感时，这种效果在很大程度上取决于颜色的亮度、色调、色调和温度。你的橙子太有活力了？您可以调低强度并添加更多白色以创建轻松的柔和色彩。你的设计中有太多忧郁的色彩，感觉很悲伤吗？与温暖的色调混合使其振奋起来。
平静的颜色：
通常是浅蓝色和绿色。最舒缓的配色方案是柔和的调色板。想想淡蓝色、薄荷色、淡紫色、玫瑰粉色和浅黄色，尤其是与米色、白色和浅灰色等中性色组合时。
能量色：
最明亮、最鲜艳的色调，例如亮红色、霓虹绿、洋红色、青色、亮黄色和亮蓝色。这些颜色可以刺激和充满活力，但也可以刺激和疲惫。
快乐的颜色：
这些是温暖的粉色、橙色和红色。它们可以是柔和的、糖果色的，也可以是充满活力和迷人的。对于这些颜色来说，保持高强度很重要，这意味着您可以使用这些值，但要避免添加灰色。
悲伤的颜色：
冷色的灰色、不饱和和暗色调。当颜色缺乏活力和温暖时，他们会感到空虚、孤独和沮丧。
酷炫画板
这些配色方案包括蓝色、绿色和紫色等冷色调，并且通常与中性色混合以获得更好的对比度。一般来说，冷色让人平静和放松。然而，根据特定的色调，冷色调可以传达悲伤和抑郁。这种孤独的方案通常包括灰色和不饱和的蓝色和灰色。相同的颜色强度越高，给人的感觉越积极，传达出健康、美丽、可靠，甚至新鲜感。
让我们看一些冷色调多功能性的视觉示例。
悲伤和忧郁
忧郁的女孩由？
平静和放松
亚历克斯·斯宾塞 (Alex Spenser) 拍摄的平静海岸景观
清新又振奋
米拉·斯帕索娃 (Mila Spasova) 与自然合一
和平与安宁
安德烈·普罗科彭科的《海星》
刺骨的寒冷
你的口味是什么？作者：特里斯坦·克罗莫帕维罗
忠诚度和可靠性
Loyal Coffee – Courtney Bradford 的主页预览
顺便说一句，冷色也可以传达快乐。
欢乐的泡沫
圣诞节快乐！玛丽亚·扎伊采娃
温馨又开朗
瑞安·斯宾塞的希腊小屋
暖色调调色板
与冷色一样，暖色也是一把双刃剑。一方面，它们传达出乐观、幸福、活力、热情和激情。另一方面，它们也可以传达焦虑、紧迫感、危险信号和愤怒。红色和黄色会引起快速反应并增加心率和食欲。那么让我们看看它们在配色方案中的不同用途以及它们唤起的情绪。
活力
嘉年华面具 // Lena Vargas 插图
幸福
快乐的夏天！作者：假装朋友
浪漫与感性
只是一朵花，Rosana Zanetti Fait 摄
温暖
米歇尔·格雷波的《温暖的光芒》
爱
伊万·杜博维克 (Ivan Dubovik) 夕阳下的爱情
热情
安德里亚·佩雷拉的《爱就是爱》
焦虑
埃斯塔邦·杰伊《一切都很好》
恐慌和恐惧
丹·金贝尔托 (Dan Guimberteau) 的《红色已开启》
最后的话
总之，颜色确实是设计中影响心情和情感的非常强大的工具。然而，为了利用这种力量，有必要了解颜色背后的科学及其工作原理。
这就是为什么今天介绍了色彩理论的基础知识及其对图形设计的意义，剩下要做的就是尝试组合颜色并发挥创意~希望对您有所启发~