前言:
今天与大家聊聊色彩理论基础,这是每位设计师都应该知道的设计知识点,无论是那个行业的设计师。为了更好的让大家明白,我们将通过颜色的属性、颜色的组合方式来带你了解更深的色彩基础,建议大家收藏转发此文,下次遇到配色相关问题,可以翻出来看看!

 

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

颜色属性:色调、强度和值

 

Hue:
颜色属性引用颜色系列,表示色轮上的每个段。在传统的轮子上,有12个部分。

 

强度:
反映颜色的饱和度。自然,这定义了颜色的鲜艳程度或暗淡程度。

 


第三个属性形成每种颜色的色调和阴影。它指的是该颜色的亮或暗。你通过在颜色中添加白色来创建色调,并在添加黑色时创建阴影。

 

颜色还有四个与其色调、强度和价值相关的属性。颜色理论告诉我们,由于色调是色轮上特定颜色系列的一部分,它也是颜色最纯净的状态。从那里,通过更改强度和值,您可以创建色调、色调和阴影。

 

 

色调
当你将灰色添加到特定色调时,你会创建色调。

 

阴影
当你将黑色添加到特定色调时,您会创建阴影。

 

 

1.2. 色轮
在色彩理论中,色轮是一种组织和可视化色调以及它们围绕圆圈之间关系的说明性方式。12 色传统色轮(见下图)显示了主要、次要和三次颜色以及它们之间的关系。你可以轻松地确定哪些颜色可以以各种方式共同产生和谐的颜色组合。

1.3. 颜色理论中的颜色类型
在谈论颜色基础时,一切都从显示所有类型颜色之间关系的色轮开始。

 

原色(Ps)
红、黄、蓝是颜料的三种原色。它们不能通过混合其他颜色组合来创建。然而,这些色调的组合提供了所有其他颜色。
次要颜色(S)
橙色、绿色和紫色是我们直接混合主要颜色时得到的第一种颜色。分别是黄色和红色、黄色和蓝色以及红色和蓝色的组合。

 

第三色(Ts)
也称为中间色,这些是我们将原色与二次色结合时得到的色调。因此,六种第三色调中的每一种都有一个两个词的名称,如下所示:黄橙、红橙、红紫、蓝紫、蓝绿和黄绿。

 

 

1.4. 色温
在颜色理论中,颜色也有温度。这是一个特征,指的是每种颜色的相对凉爽或温暖。当你将色轮分成两半时,冷色以紫色开始,以黄绿色结束,而暖色以黄色开始,以红紫色结束。
冷色
蓝色和以蓝色为主要成分的任何颜色。色轮上的颜色越接近蓝色(颜色越蓝),颜色越冷。

 

暖色

黄色和以黄色为主要成分的任何颜色。色轮上的颜色越接近黄色(黄色越多),颜色越暖。

 

 

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

 

中性色

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

 

 

黑色

在科学中,黑色被认为是没有光的,而在设计中,它是由颜料创造的。事实上,设计师使用颜色来创造最暗的近似黑色,因为不可能制造出真正的黑色作为颜料。

 

白色

与黑色类似,白色是没有颜色的,你不能混合颜色来创造白色。与黑色相同,除非我们谈论未经过滤的阳光,否则无法重现真正的白色。

 

中性色

它们是几乎没有色调的浅色或深色调的自然色。在车轮上,它们位于最远的中心和外围。中性色包括黑色、白色、灰色、棕色和棕褐色。

 

 

 

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

在使用色轮组合颜色时,色彩理论中有五种方法可以实现。事实是,你可以创建尽可能多的和谐方案和调色板,但结果将始终属于这些类别之一。那么让我们看看它们是如何工作的。

2.1. 单色颜色组合

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

 

 

在上图中,我们仅包含了纯黄色的不同色调和色调。但是,你也可以尝试类似的音调。尽管这种方法似乎有限,但尝试起来非常有趣,并且总是会给你的设计带来视觉上的吸引力和简化的外观。这对于包含大量数据和整体繁忙设计的项目特别有用。

另一个绝对优势是你的品牌是否具有你的受众识别的特定颜色。只需将品牌颜色的不同色调、色调或色调组合起来,就可以进一步个性化你的演示文稿。

在第一个示例中,我们有一个单色配色方案,其中有两种不同的蓝色色调,看起来丰富多样,因为渐变产生了不同的色调和色调。第二个示例也是如此,它也使用渐变来丰富橙色色调。

 

 

2.2. 互补色组合

正如标题所暗示的,互补色是色轮上直接相互映衬的颜色。在下图中,你可以看到互补色的两个示例:黄橙色与蓝紫色以及蓝绿色与红橙色。

 

 

这些颜色非常适合创建高对比度,并为您需要引导观众注意的设计元素提供重点。当你选择主色(通常是冷色)并仅在最重要的部分或 CTA 中使用互补的暖色时,这很容易实现。当然,由于这种高对比度的颜色通常在完全饱和时充满活力,因此必须仔细管理它们以保持平衡,并且不会显得过于刺眼和压倒性。

在第一个例子中,主要的补色是紫色和黄色。我们还看到了蓝绿色和酸橙的可爱添加,但是,这些绿色中没有一种与紫罗兰色或黄色相得益彰。在第二种情况下,蓝绿色和红橙色的柔和色调创造了一种互补的组合。还有第三种强调色黄色,但与第一个示例类似,它不是两种主要颜色的互补色。

 

 

 

2.3. 拆分互补

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

 

 

这些调色板包括冷色和暖色,为你的设计带来很多平衡。与互补调色板类似,你可以在此处为你的整体设计使用两种冷色(例如,带有紫色部分的蓝色背景),并为你的目标元素设置暖色(在本例中为橙色)。

我们在第一个示例中看到的是红色、红紫色和绿色色调的分裂互补,以及额外的白色作为对比。第二,主要颜色是黄色,紫色和粉红色的变化。

 

 

 

2.4. 类似的颜色组合

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

 

 

这种方法在更多颜色的情况下效果惊人,因为和谐允许它不会压倒设计。另一个原因是只使用两种或三种颜色过于相似有时会破坏设计。为了防止这种情况发生,许多设计师使用高对比度的中性色,例如黑白,如下面的两个示例所示。通常的方案包括一种主色,第二种支持它,第三种加上中性作为口音。

在第一个示例中,设计师押注蓝色、蓝紫色、紫罗兰色和红紫色,它们通过图案混合在一起,并作为黑色标志的良好基础。第二,蓝色和绿色与白色完美对比。

 

 

2.5. 三色组合

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

 

与任何其他方法一样,为了创建完美平衡的三色调色板,在大多数情况下,您让一种颜色主导设计,并使用另外两种作为重点。如上图所示,在 12 色轮中,你可以有四种三色组合。我们展示了蓝绿色、黄橙色和红紫色;以及黄绿色、红橙色和蓝紫色。剩下的两个分别是红色、黄色和蓝色;以及橙色、绿色和紫色。

 

然而,下面的例子显示了完美的三元平衡。在第一张照片中,主色是中性色(模特的肤色作为底色),而红色、黄色和蓝色的三色组合同样被用作强调色,对比完美,丰富了构图。在第二个中,我们看到主要的绿色,结合次要的粉红色和橙色作为重音。

 

2.6. 四色组合

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

 

 

回到四联体,与四联体相比,该方法提供了更丰富、更多样化的调色板,以及许多变化的可能性。当您使用矩形组合颜色时,请记住在整体设计中平衡冷色和暖色。

 

在使用四色组合的示例中,我们看到一个标志,其设计允许均匀使用四种颜色而没有占主导地位的颜色(如果我们排除中性背景),并且轮播的四个元素完美对比。下一个插图提供了绿色、蓝色、红色和黄色的其他变体,并使用绿色调作为主要色调。

 

 

 

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

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

 

 

 

2.8. 渐变色组合

有一段时间,渐变从图形和网页设计中脱颖而出,转而采用扁平风格,但自 2018 年以来,它们再次回归现场。与 90 年代压倒性的渐变设计相比,随着设计师不断掌握创造美丽色彩过渡并更好地使用它们的技能,这一趋势不断发展。还记得带有灯光、阴影和图案的大红色高对比度渐变 CTA 按钮吗?

那么什么是渐变呢?简而言之,这些是从一种颜色混合到另一种颜色的颜色过渡,不仅限于两种色调。你混合的颜色类型没有规则,因为你可以在相似颜色或完全对比的颜色之间进行过渡。在下图中,有十个不同的渐变示例。有些包括两种暖色之间的过渡,有些是冷色调之间的过渡,而在其他情况下它们是混合的。

 

 

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

 

 

 

 

3.心理学中的色彩组合

在使用色轮组合颜色时,色彩理论中有五种方法可以实现。事实是,你可以创建尽可能多的和谐方案和调色板,但结果将始终属于这些类别之一。那么让我们看看它们是如何工作的。
3.1. 颜色如何影响情绪和情绪

组合颜色不仅仅关乎美学、优化以及让你的设计美观和引人注目。因此,色彩理论对于现代设计来说可能还不够。创建调色板的一半工作是战略性地选择能够成功传达你的信息并影响您的听众做出您想要的响应的特定颜色。

颜色唤起情感,没有办法绕过它。一方面,每种色调背后的心理和意义在不同的文化、案例和组合中有所不同。另一方面,有一些既定的指导方针可以帮助你开始。

 

其中最流行的说法是暖色本质上是积极的,而冷色是消极的。这在某种程度上是正确的,但这不是一个规则。例如,红色是一种暖色,但它的大部分色调,尤其是具有更高强度和纯度的色调,都会唤起愤怒或危险的感觉。黄色是主要的暖色,可以唤起焦虑和紧迫感。甚至有一些与黄疸相关的黄色调,看起来很恶心。因此,让我们以最纯粹最生动的色调简单地触摸色调,看看每种色调如何影响目标受众的行为。

 

3.2. 通过调色板的心情和情感

根据颜色理论,这些是颜色最纯净状态的主要影响。当我们考虑所有因素并决定我们希望传达什么样的感受和情绪时,这种效果在很大程度上取决于我们颜色的亮度、色调、色调和温度。你的橙子太有活力了?你可以调低强度并添加更多白色以创建轻松的柔和色彩。

 

平静的颜色

那些通常是较浅的蓝色和绿色。最舒缓的配色方案是柔和的调色板。想想淡蓝色、薄荷色、丁香色、玫瑰粉色和浅黄色,尤其是与米色、白色和浅灰色等中性色相结合时。

 

能量色

最亮最鲜艳的色调,如鲜红色、霓虹绿、洋红色、青色、亮黄色和鲜艳的蓝色。这些颜色可以刺激和激发活力,但也可以刺激和消耗。

 

快乐的颜色

这些是暖粉色、橙色和红色。它们可以是柔和的、糖果色的,也可以是充满活力和吸引力的。重要的是这些颜色具有高强度,这意味着你可以使用该值,但要避免添加灰色。

 

悲伤的颜色

冷色调的灰色、不饱和和暗色调。当颜色缺乏活力和温暖时,它们会感到空虚、孤独和沮丧。

 

 

 

4.配色实例  调色板

这些配色方案包括冷色调,如蓝色、绿色和紫色,并且通常与中性色混合以获得更好的对比度。一般来说,冷色让人平静和放松。然而,根据具体的色调,冷色调可以传达悲伤和沮丧。这种孤独的方案通常包括灰色和不饱和的蓝色和灰色。随着强度的增加,相同的颜色可以让人感觉更积极,并传达健康、美丽、可靠甚至新鲜感。
一起来感受一下,配色的视觉感观

悲伤和忧郁

 

 

平静和放松

 

清新而振奋

 

 

平和而安详

 

 

刺骨的寒冷

 

 

忠诚度和可靠性

 

 

顺便说一句,冷色也可以传达快乐。

 

 

泡泡的喜悦

 

 

温馨而开朗

 

 

4.1. 暖色调色板

与冷色调一样,暖色调也是一把双刃剑。一方面,他们传达乐观、快乐、活力、热情和激情。另一方面,它们也可以传达焦虑、紧迫感、危险信号和愤怒。红色和黄色会引起快速反应并增加心率和食欲。因此,让我们看看它们在配色方案中的不同用途以及它们唤起的情绪。

 

 

活力

 

 

幸福

 

 

浪漫与性感

 

 

温暖

 

 

 

 

焦虑

 

 

热情

 

 

恐慌和恐惧:

 

 

 

5.总结

总之,颜色确实是影响情绪和情绪的设计中非常强大的工具。然而,为了使用这种力量,有必要了解颜色背后的科学及其工作原理。这就是为什么今天我们介绍了色彩理论的基础知识以及它对设计的意义。剩下要做的就是尝试组合颜色并发挥创意,喜欢记得关注我们!

 

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)