热线电话:18859237682
设计师入门需要知道的色彩理论基础
70.01.01

编辑原创:赞森视觉

什么是颜色?


颜色属性

我们将通过定义实际的颜色来开始简要的颜色理论。听起来是挺抽象的,最接近的定义是:颜色是由我们的眼睛在碰到物体时感知光线的不同方式定义的。话虽如此,每种颜色都由三个主要属性定义,这些属性创建了该颜色效果的多种多样。

  • 色相:

    色相是指色光由于光频率和波长地不同而形成地特定色彩性质,也有人把它叫做色阶,色纯,彩度,色别,色质,色调等,按照太阳光谱的次序把色相排列在一个圆环上,并使其首尾衔接,就称为色相环,再按照相等地色彩差别分为若干主要色相,这就是红,橙,黄,绿,青,紫,等主要色相。

     

  • 纯度:

    纯度是指物体反射光波频率的纯净程度,单一或混杂的频率决定所产生颜色的鲜明程度。也有把它翻译为:饱和度、彩度、色纯、色度、色阶,这些词的含义是一样的。单一频率的色光纯度最高,随着其他频率色光的混杂或增加,纯度也随之减低。物体色越接近光谱中红、橙、黄、绿、青、蓝、紫系列中的某一色相,纯度越高;相反的。颜色纯度越低时,越接近黑、白、灰这些无彩色系列的颜色。


    简单来说纯度决定了颜色的浓淡,颜色越灰,一眼望去色相越不明确,纯度越低。P.s.色环上的相邻色混合不会降低纯度,比如黄加红得到的橙色,纯度就不降低,色环的相反色混合则会降低纯度,例如红与绿。

     

  • 明度:
    决定照射在颜色上的白光有多亮。或者说感官上的比较亮还是比较暗,除了简单的添加黑白使明度变化外,不同纯色也有明度差异,把不同的纯色去色后,就可以比较明度了。

 

色轮

在颜色理论中,色轮是组织和可视化色相以及它们之间围绕圆圈的关系的一种说明性方式。12色传统色轮(请参见下图)显示了原色,第二色和第三色及其关系。借助理论上的可视化,您可以轻松地确定各种颜色可以以多种方式协作以实现和谐的颜色组合。

 

颜色理论中的颜色类型

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

  • 原色(Ps):

    原色是指不能透过其他颜色的混合调配而得出的“基本色”。

    以不同比例将原色混合,可以产生出其他的新颜色。以数学的向量空间来解释色彩系统,则原色在空间内可作为一组基底向量,并且能组合出一个“色彩空间”。由于人类肉眼有三种不同颜色的感光体,因此所见的色彩空间通常可以由三种基本色所表达,这三种颜色被称为“三原色”。一般来说叠加型的三原色是红色、绿色、蓝色(又称三基色,用于电视机、投影仪等显示设备);而消减型的三原色是品红色、黄色、蓝色(用于书本、杂志等的印刷)。

  • 第二色(S):
    使用这三种原色可以产生其他颜色,例如红色与绿色混合可以产生黄色或橙色,绿色与蓝色混合可以产生青色(Cyan),蓝色与红色混合可以产生紫色或品红色(Magenta)。当这三种原色以等比例叠加在一起时,会变成灰色;若将此三原色的强度均调至最大并且等量重叠时,则会呈现白色。

  • 第三色(Ts):
    也称为中间色,这些是将原色和第二色结合在一起时得到的色调。因此,六种第三色调中的每个都有两个单词的名称,分别是:黄橙色,红橙色,红紫色,蓝紫色,蓝绿色和黄绿色。

色温

在色彩理论中,颜色也有温度。这是指每种颜色的相对凉爽或温暖的特征。将色轮分为两半时,冷色以紫罗兰色开始并以黄绿色结尾,而暖色以黄色开始并以红紫色结尾。

  • 冷色:
    蓝色和任何以蓝色为主要成分的颜色。颜色在色轮上与蓝色越接近(颜色越蓝),则颜色越冷。

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

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

 

中性色

另外,还有一些颜色很难获得颜色的定义。它们被称为中立者,因为它们几乎不属于温暖或寒冷的范畴。实际上,中性色,尤其是黑色和白色,确实能够自行创造出惊人的设计,而无需使用鲜艳的色彩。

 

  • 黑色:
    在科学中,黑色被认为是无光的,而在设计中,黑色是由颜料产生的。实际上,设计师无法使用颜色来创建最暗的近似黑色,因为不可能制造出真正的黑色颜料。

  • 白色:
    类似于黑色,白色是没有颜色,您不能混合使用颜色来创建白色。与黑色相同,除非我们谈论未经过滤的阳光,否则无法重现纯白色。

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

颜色理论中颜色组合的类型

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

单色组合:

一种颜色,许多变体

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

在上面的图形中,我们仅包括了纯黄色调的不同阴影和色调。

只需将品牌颜色的不同纯度和明度组合在一起,即可增加个性化。

 

在下图第一个示例中,我们有一个单色配色方案,由于渐变产生的阴影和色调不同,因此具有两种不同的蓝色色调,看起来丰富多样。第二个示例也是如此,该示例还使用渐变来丰富橙色色调。

 

 

 

 

 

 

 

 

 

 

 

 

互补色组合:

对面吸引

顾名思义,互补色是指在色轮上彼此直接相对的颜色。在下面的图形中,您可以看到两个互补色示例:黄橙色对蓝紫色,以及蓝绿色对红橙色。

 

对比颜色非常适合创建高对比度,并突出设计中需要引起观众注意的元素。当然,由于这种高对比度的颜色通常在完全饱和时会充满活力,因此必须谨慎地进行搭配以使其达到平衡,而不会显得过于诈眼。

在下图的第一个示例中,主要的互补色是紫色和黄色。我们还看到了蓝绿色和石灰的混合,但是,这些绿色都不是紫色或黄色的补充。在第二个中,蓝绿色和红橙色的柔和色调创建了互补的组合。还有第三个重点色黄色,但与第一个示例类似,它不是任何主色的互补色。

 

分割互补:

扭曲的颜色

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

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

我们在下图第一个示例中看到的是红色,红紫色和绿色的互补色,另外还有白色用于对比。在第二个中,主要颜色是黄色,紫色和粉红色的变体。

 

 

 

 

 

 

 

 

类似色组合:

自然和谐

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

 

这种方法在使用更多颜色时效果惊人。

 

在下图第一个示例中,设计师运用蓝色,蓝紫色,紫色和红紫色,它们通过图案融合在一起。在第二个中,蓝色和绿色与白色形成鲜明对比。

 

 

 

 

 

 

 

 

 

 

 

 

 

三色组合:

如何创建三种颜色的调色板

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

 

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

但是,以下示例显示了完美的三重平衡。在第一张照片中,主要颜色是中性色(模型的肤色是基础),而红色,黄色和蓝色的三重组合通常被用作强调,完美对比并丰富了构图。在第二个图中,我们看到主要的绿色,再加上次要的粉红色和橙色作为重点。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

四色组合:

如何创建四种颜色的调色板

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

 

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

 

个别颜色组合:

一般哪种颜色搭配得很好

这通常是主观的,因为每对颜色都可以正确的色调,色调或阴影进行组合。但是,在时尚、室内设计、插图和网站设计等许多设计中都可以找到一些经典组合。

中性色调的搭配

  • 黑色:
    由于它是通用色,因此与任何其他颜色搭配看起来都很棒。它特别适合与橙色,绿色,白色,红色和黄色。

  • 白色:
    另一种通用颜色,与蓝色,红色和黑色完美搭配。

  • 米色:
    蓝色,棕色,绿色和红色。

  • 棕色:
    鲜青色,乳白色,粉红色和米色。

  • 灰色:
    樱红色,紫罗兰色,粉红色和蓝色。

金属色调的搭配

  • 黄金:
    黑色,酒红色,玫瑰色和军绿色。

  • 玫瑰金:
    紫红色,火烈鸟粉红色和桃红色。

  • 银:
    蓝色,棕色和古董金色。

  • 铜:
    白色,中性绿色和海军蓝色。

 

冷色调的搭配

  • 紫罗兰色:
    金棕色,浅黄色和薄荷色。

  • 蓝紫色:
    橙色,粉红色,黄色和白色。

  • 蓝色:
    淡紫色,青色,黄绿色,棕色和灰色。

  • 蓝绿色:
    棕色,橙色,粉红色,樱桃红色和米色。

  • 绿色:
    橙色,黄色,棕色和乳白色。

  • 黄绿色:
    樱桃红色,蓝色和灰色。

暖色调的搭配:

  • 黄色:
    灰色,天蓝色,淡紫色和黑色。

  • 橘黄色:
    灰色,棕色和橄榄色。

  • 橙色:
    青色,蓝色和淡紫色。

  • 橘红色:
    青色,薄荷色和乳白色。

  • 红色:
    黄色,绿色,蓝色和黑色。

  • 红紫罗兰色:
    灰色,石灰,薄荷色,天蓝色,灰色和米色。

     

渐变颜色:

扩展颜色

一段时间以来,插图和网站设计都没有使用渐变色,而是倾向于扁平化风格,但是自2018年以来,渐变色又再次出现。与90年代压倒性的渐变设计相比,赞森视觉设计师不断掌握其技能以创建漂亮的颜色过渡,并更好地使用渐变色的趋势不断发展。

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

 

根据颜色理论组合颜色的方法对于渐变色和平面色设计都是相同的。渐变更好的地方是,它们可以增加深度并创建纹理。渐变色组合丰富且引人注目,自2018年问世以来,它们感觉更加明亮、时尚和现代。

 

心理学中的色彩组合:

颜色如何影响情绪和情绪

组合颜色不仅是美学、优化,而且还可以使您的设计美观而引人注目。因此,色彩理论可能不足以用于现代设计。创建调色板的一半工作是从战略上选择可以成功传达您的信息并影响听众做出所需响应的特定颜色。

颜色唤起了情感。一方面,色调的每个色调背后的心理和含义在不同的文化,案例和组合中都不同。另一方面,几乎没有既定的准则可以帮助您入门。

其中最流行的说法是,温暖的色彩本来就是正面的,而凉爽的色彩却是负面的。确实是这样,但这不是规则。例如,红色是温暖的颜色,但在大多数色调中,尤其是具有较高的强度和纯度时,都会让人感到愤怒或危险。黄色是主要的暖色,可以唤起焦虑和紧迫感。甚至有一些黄色与黄疸相关并看起来不舒服。因此,让我们简短地触摸最纯净,最鲜艳的色调中的色调,看看每种色调如何影响目标受众的行为。

 

市场营销中的个人色彩

人们通常会以某种方式对各种颜色做出反应,但要记住,每种色调的效果取决于许多因素:组合、经验、个人品味、年龄、性别和文化差异。当您为特定的目标受众选择颜色时,进行其他研究总是必不可少的。

暖色:

  • 黄色:
    鲜艳明亮的色彩,引人注目,温暖而生动。同时,难以阅读和不知所措,还可能产生沮丧和焦虑感。对于冲动性买家而言,这通常在销售中很常见。

  • 橙色:
    CTA,徽标和强调色吸引人,并且非常吸引人。它很少在外部重音下使用,因为它是一种非常强烈的充满活力的色彩,让人感到兴奋和热情。过多的橙色可能会刺激您的访客。

  • 红色:
    常与销售一起使用,强烈的颜色会引起较快的反应。红色会提高血压,也非常适合参与和社交。因此,如果大量使用它,可能会对观众产生负面影响,并使您的访客拒之门外。

  • 粉色:
    最女性化和浪漫的色彩,非常适合儿童玩具,苗圃,妇女保健产品。与红色相比,暴露在粉红色中的时间越长,您变得越平静。

  • 紫色:
    一种王室色彩,与财富,性感和智慧相关。这就是为什么它大量用于奢侈品以及高端美容产品的原因。由于其戏剧性,它还具有浪漫和神秘的氛围。

     

冷色和中性色:

  • 绿色:
    容易上眼,色彩轻松。它与自然,生物产品,好运,健康和财富紧密相关。另一方面,绿色也是嫉妒或毒药的颜色,因此正确的色调和阴影至关重要。

  • 蓝色:
    根据一项全球调查,蓝色不仅是男性中最受欢迎的颜色,也是女性中最受欢迎的颜色。它在通信,银行和保险中具有广泛的用途,因为它唤起了安全,忠诚,诚实,力量和可靠性的感觉。根据阴影的不同,蓝色还可以唤起悲伤和孤独感。

  • 黑色:
    高端品牌普遍使用的通用优雅精致的颜色。它与高级和强大功能相关联,经常在通信中使用。

  • 白色:
    通用的高对比度颜色,可以增加空间并传达纯度,清洁度,新鲜度和简洁性,但同时还具有无菌和寒冷的感觉。它在医疗保健和科技行业中大量使用。

  • 灰色:
    微妙的颜色,适合那些不想站立的人。由于其简单性,它用于使游客平静下来并使他们感到舒适。它也是技术行业中的常见颜色。

 

色彩搭配呈现出的情绪

根据色彩理论,这些是色彩最纯净状态的主要影响。当我们考虑所有因素并决定我们要传达的感觉和情感时,这种效果在很大程度上取决于亮度、色调和颜色的冷暖。你画出来的橘子颜色太跳脱了吗?你可以降低纯度并添加更多白色以创建令人放松的柔和色彩。你的设计中有太多蓝色调,让人感到难过吗?混合以暖色调使它振作起来。

 

  • 平静的颜色:
    通常是较浅的蓝色和绿色,也是最柔和的配色方案。想想淡蓝色,薄荷色,淡紫色,玫瑰粉红色,浅黄色,特别是当与中性色(例如米色,白色和浅灰色)组合使用时。

  • 精力充沛的颜色
    最明亮、最鲜艳的颜色,例如鲜红色、霓虹绿、洋红色、青色、鲜黄色、鲜蓝色。这些是刺激和激发活力的颜色,但也可能使人恼怒和疲惫。

  • 快乐的颜色:
    温暖的粉红色、橙色和红色。它们可以是柔和的糖果色,也可以是充满活力和吸引力的。这些颜色最好使用高纯度,避免添加太多灰色。

  • 悲伤的颜色:
    冷色的灰色,不饱和深色调。当色彩缺乏活力和温暖时,它们会让人感到空虚、孤独和沮丧。

 

冷色调

这些配色方案包括诸如蓝色、绿色和紫色之类的冷色调,并且通常与中性色混合以提供更好的对比度。通常,冷色调使人平静和放松。但是,根据特定的搭配也可以传达悲伤和沮丧。这种配色通常包括灰色和不饱和的蓝色和灰色。纯度更高时,相同的颜色会感觉更积极,并传达健康、美丽、可靠性。


悲伤和忧郁

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

平静和放松

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

新鲜和振奋

 

和平与安详

 

寒冷


忠诚度和可靠性

顺便说一句,冷色调也可以传达幸福。


泡泡般的喜悦


舒适开朗


暖色调

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


活力

 
幸福

浪漫

 

温馨



恐惧

 

严肃和疏远


最后

总之,色彩确实是设计中影响情绪和情感的非常有力的工具。为了更好的使用色彩,有必要了解色彩背后的科学及其作用方式。因此,今天赞森视觉分享的色彩理论基础知识及其对设计的意义,剩下要做的就是通过颜色搭配发挥创造力。