毕加索曾经说过,“为什么两种颜色,把一个挨着另一个,唱歌吗?可以在一个真正的解释?号就像一个永远无法学会如何画画。”

女士们先生们,毕加索错了。

你真的可以弄清楚为什么“两种颜色,把一个旁边放在另一个旁边,唱歌。” 下载195+个视觉营销设计模板,用于社交媒体帖子、信息图表等 或者,更准确地说,你能弄清楚为什么有些颜色组合的工作(即好看),为什么其他颜色组合不工作(即,看起来可怕)。

我意识到毕加索的意思可能是“一个人永远也学不会画画”,用的是一种不那么直白、更富有哲理的方式。比如,你不能教别人有风格感或如何培养艺术情感;有些人有一些先天的、不可理解的特质,有些人没有。

根据毕加索的报价,它似乎可以确定彼此相邻的颜色看起来很好的颜色是你出生的人才,而不是你可以学习的人才。

再次,我会不同意。

从科学的角度来看,有些人在艺术和设计中善于遗憾的是善于合理的。但我认为“10,000小时的理论”使得这个概念无关紧要。对于那些不熟悉的人10,000小时的理论,它指出,任何人都可以成为一个特定的技能的高手,只要它们练习大约,在其一生中10,000小时,该技能。

因此,尽管毕加索生来就有一定程度的绘画天赋,但他如此优秀的主要原因很简单:他画得很多。如果你经常练习,你也可以更好地选择正确的调色板。

熟能生巧

现在我们彻底剥离了历史上最着名的艺术家之一的报价,让我们练习!

在这篇文章的其余部分,我会走过七个,七,彩色调色板的实例。对于每个示例,我们会看到您是否可以猜测颜色调色板的哪些公司或品牌。raybet电子竞技然后,我们将潜入后面的颜色理论背后是什么让特定的调色板工作(或者不起作用,如果发生这种情况)。

笔记:一定要缓慢地向下滚动,这样在给出答案之前你就有机会猜测了!

示例#1:了解不同的颜色模型

好吧,我们走了:哪个网站下面的配色方案来自?

彩色方案 - 实施例1

向下滚动查看是否正确!

谷歌调色板

当然,蓝色、绿色、黄色和红色调色板属于伟大的谷歌。

即使没有围绕色彩理论以往任何教育,也有我们可以从这个调色板带走颜色机型如何不同的工作的一些基本经验。

首先,你可能已经注意到谷歌调色板中的红色、蓝色和黄色都是原色——你可以混合在一起形成所有其他颜色。所以,要创造绿色——谷歌调色板中唯一的第二种颜色——只需要将蓝色和黄色混合在一起。

cmyk_color_model.现在,如果我们在混合蓝色和黄色的油漆,“混合”的这种想法会成立。但那是因为绘画(和印刷)粘附到CMYK的世界 - 青(蓝ISH),品红(偏红),黄色和关键(黑色) - 颜色模型。本质上,这种颜色模型由三种原色加上黑色,后者用于创建的颜色变暗版本。

这是事情可以获得一点令人困惑的地方:CMYK是一种降加颜色模型,这意味着通过吸收或减去特定波长的可见光来产生颜色。没有被吸收的光的波长被反射,并且反射光最终是我们所看到的颜色。

因此,使用此模型,您可以争辩说,绿色对象根本不是真正的绿色:它只是一个反映绿色波长的对象,并吸收所有其他颜色的波长。

rgb_颜色_模型到目前为止和我在一起?伟大的!由于您在上面看到的颜色没有使用CMYK颜色模型创建:它们是使用RGB(红色,绿色,蓝色)颜色模型创建的,这是计算机,电视和其他电子设备使用的模型。与CMYK不同,RGB是一种添加剂模型。以特定组合添加红色,绿色和蓝色光波,以产生颜色。

色块

因此,虽然谷歌调色板中的绿色在CMYK系统中是一种次要颜色,但实际上它在RGB系统中是一种主要颜色。总的来说,谷歌的配色方案确实让人感觉非常初级;或者基本的。比如幼儿园或幼儿园(当我看到谷歌的颜色时,我总是想起那个些画有字母的木块。)

好吧,这与CMKY / RGB东西就够了 - 它只是给你的职位后的参考点。让我们到下一个例子举。

示例2:色调、阴影、色调、色调和饱和度

什么公司的raybet电子竞技网站做以下属于调色板?

彩色方案 - 例2

向下滚动查看是否正确!

Twitter的彩色调色板

Twitter的调色板为我们提供了一个单色配色方案的一个极好的例子。相反,在Twitter的调色板不同的颜色灰色,深蓝色和浅蓝色的思想,认为它们是相同颜色的不同口味。或者更准确地说,相同色调的不同口味。

让我们快速浏览一些术语,这些术语将变得更有意义:

色调:我们通常所说的意思,当我们谈论的颜色。色相是首要,辨别的颜色的质量(例如“红色”或“蓝色”)。

阴影:你得到的,当你加入黑到特定的色调(如深蓝色是蓝色的阴影)。

着色:你得到的,当你在白色中加入特定的色调(如淡蓝色的蓝色色调)。

语气:又名灰 - - 一个特定的色调(如淡蓝色是蓝色的色调)当您添加黑色和白色两种,你会得到什么。

饱和:虽然“色调”是一个流行的绘画术语,但在平面设计领域,在处理向颜色添加灰色时,你更可能遇到“饱和度”这个术语。更具体地说,饱和度定义了一个颜色范围,从灰色(0%饱和度)开始,到纯灰色(100%饱和度)结束。与高度饱和的颜色相比,去饱和的颜色更柔和,并且可能更暗淡,后者更生动。

现在,回到推特:让我们使用标志上的蓝色,浅蓝色,作为我们的参考点。那是我们的色调。这就是“推特蓝”。深蓝色只是推特蓝的一个阴影,但它有更高的饱和度,使其更加生动和引人注目(考虑到推特正在使用这种蓝色来吸引人们对其主要CTA的注意,这是非常有意义的:“推特”)。

用于图标的灰色也是Twitter蓝色的阴影,但它具有相当低的饱和度(大约20%)。

所有说,做,我们可以描述Twitter的配色方案为单色。颜色都好看彼此相邻,因为他们都在他们的同根颜色:这只是阴影,着色和饱和度,使他们不同。

这与谷歌的多色配色方案形成了鲜明的对比,谷歌的多色配色方案有四种不同的色调,没有根色将它们结合在一起。那么,为什么谷歌的颜色看起来仍然是网格状的,而且彼此相邻看起来很好呢?一个关键原因是,它们都具有类似的高饱和度。

示例#3:确定配色方案

好的,继续我们的下一个例子。这个调色板来自谁的网站?

彩色方案 - 实施例3

向下滚动查看是否正确!

ups调色板

这个有点棘手。虽然我们大多数人都熟悉UPS著名的(商标为)棕色,但乍一看,这种蓝色可能来自左方。但不管你是否喜欢蓝色,UPS选择它有一个明确的原因:它是对棕色的补充。

在色彩理论的世界里,互补色是指在色轮上直接相对的一对颜色。当你在设计中把互补色放在一起时,它们会产生高度的对比度(即,两种颜色都非常突出),结果通常是非常和谐的。

彩色轮互补颜色现在,这个UPS互补色拼图还有一个问题:你到底在色轮上的什么地方发现了棕色?

答案是:棕色实际上只是红橙色的一个阴影——或更暗的版本。所以要找到布朗的补码,首先需要在色轮上找到红橙色。当你这样做的时候,你会看到蓝色出现在它的正对面。

当然,互补色不色,可以使一个令人愉快的调色板的唯一组合。也有...

  • 类似色,它们是在色轮上彼此相邻显示的颜色。
  • 三元色,这是在色轮周围均匀分布的三种颜色。
  • 拆分互补色,由基色加上色轮上与基色补色相邻的两种颜色组成。

这里有一个小图表可以帮助您更好地理解这些:

分裂互补 - 类似的三合一

现在,真相被告知,有几种其他类型的颜色组合基于颜色轮 - 这些是最基本的。(如果您正在寻找更深的潜水,请退房虎色网站.)

这里的主要外卖是颜色(例如,色调,阴影,色彩等)可观察到的性质都没有影响如何颜色进行交互的唯一的因素。通过了解不同的颜色如何在色轮上的取向,你就可以做出更和谐的色彩选择。

示例4:颜色和品牌

哪家公司的raybet电子竞技下面的调色板来自哪个网站?

彩色方案 - 例5

向下滚动查看是否正确!

联邦快递色调色板

而UPS设计他们的网站时,增添了新的颜色(蓝色)到其典型的棕色和黄色的调色板,对手联邦快递却反其道而行之:联邦快递除去橙色就是我们通常看到他们的卡车,而是加倍下来的紫色。

因此,UPS和FedEx的网站调色板就大不相同了。虽然UPS有这种全地球色调的氛围,使用的颜色可能会出现在自然界中,但联邦快递更像是一种“严格的商业”氛围。他们的单色方案使用紫色作为唯一的强调色,这也增加了调色板的无机感和企业感,因为紫色在自然界中很少出现(一些人甚至声称紫色是一种人造颜色).

这里的外卖:记住,你的网站调色板会影响人们如何感知您和您的业务。不同的颜色与不同的情绪相关联。例如,棕色通常与坚固性和可靠性相关。同时,紫色与权威和复杂相关联。

在下面的例子中,我们将进一步探讨颜色和心理学之间的关系。

示例5:互补色配对

哪个流行的raybetapp新闻网站也调色板下面从何而来?

颜色方案 - 例6

向下滚动查看是否正确!

哈夫波调色板

啊,是的,哈夫波斯特绿。从心理学的角度来看,绿色与平衡、和谐和安心联系在一起(这无疑是新闻网站的好选择)。raybetapp

然而,《赫夫波斯特邮报》的绿色明显较暗且不饱和——就像松绿一样——这意味着它也与财富和野心有关。

现在,怎么样红?红色是最情绪化的色彩,绑激情和爱与恨和所有的好东西。所以,当我们在看赫芬顿邮报的首页,这并不奇怪,我们的眼睛会立即被那两个红色的呼叫超时:在左边和右边的“赫芬顿邮报直播”呼出了“视频直播”呼出。

在这种情况下红色会突然出现的另一个原因是什么?这是对绿色的补充。

有趣的是,尽管它们在色轮上的关系互补地,但它的设计中的一般规则是您应该避免用绿色配对。对于初学者来说,这是因为看着绿色相邻的红色创造了圣诞节,觉得大多数设计师尽量避免。除非,你知道,他们是设计圣诞节的东西。

红绿第二个原因,你应该避免配对红配绿:色盲的人的痛苦 - 特别是是最常见的色盲--可以在两种颜色之间进行麻烦。

第三个原因:当红色和绿色搭配在一起时,它们经常为了视觉注意力而相互“竞争”,这导致两种颜色看起来都比平时亮(见左图)。

红绿赫夫波斯特Huffpost的调色板背后的设计师肯定意识到这些现象,这就是为什么a)他们在设计中非常谨慎地使用红色,而b)他们选择了一个黑暗,不饱和的绿色,它与红色一起嬉戏(见右)。

实施例#6:深饱和度和原色

哪个流行的网站下面的颜色调色板来自?

彩色方案 - 例4

向下滚动查看是否正确!

buzzfeed调色板

在查看Buzzfeed的调色板时,请前几个单词包括“明亮,”“生动”,“在你的脸上,”和“停止 - 你正在做的 - 现在和阅读-this-omg-omg-omg !!!“

显然,BuzzFeed使用与该调色板的目标是吸引我们的注意。但在色彩理论而言,这是怎么回事吗?

对于初学者来说,BuzzFeed使用 - 像谷歌 - 使用三原色:红,黄,蓝。但BuzzFeed使用的红,黄,蓝的更亮,更深入地饱和,从而更抢眼。

此外,如果我们忽略那黑色(它本身并不是一种真正的颜色,但是,确切地说,这是由于完全不存在或完全吸收可见光波造成的),我们可以说BuzzFeed使用了三基色方案,因为红色、黄色和蓝色均匀地分布在色轮周围。

就颜色心理学而言,红色(正如我在上一个例子中提到的)是最具情感色彩的颜色,因此BuzzFeed在其徽标中使用红色也就不足为奇了:他们希望你感到充满活力和兴奋。

笑脸黄色,Buzzfeed调色板中的另一种突出颜色,与能量和幸福有关。谈到幸福......没有那行黄色圈子与Buzzfeed的主页顶部的黑色文本提醒你一排笑脸?

BuzzFeed调色板中的蓝色是专门为链接和行动调用按钮保留的,这是一个明智之举。蓝色,你看,与冷静和值得信赖有关。因此,在BuzzFeed的红色和黄色的情感混乱中,蓝色链接感觉很诱人,好像在说:“别担心,我们知道这里很疯狂,但你可以相信我们!来吧,给我们点颜色看看!”

第7课:去饱和调色板

好了,现在是时候为我们的最后一个例子:哪些流行下面的调色板来自哪个网站?

彩色方案 - 实施例7

向下滚动查看是否正确!

Facebook  - 彩色调色板

如果你不知道上面的调色板来自Facebook,别难过:我故意把红色和黄色都包括进来,让它变得有点棘手。

说实话,如果你浏览Facebook,你会发现他们使用了各种颜色,尤其是边栏图标(出于我们的目的,我特别关注页面顶部附近的图标,以便提取黄色和红色。)

现在,这是我的总体规划走到一起:看看Facebook的调色板,然后滚动备份到BuzzFeed使用的。这两个网站采用黄,红,蓝在他们的颜色方案...但这些方案不能感觉更不同!

到现在为止,你可能已经能够解释这是为什么了。但是为了好玩,让我们一起来看看。

首先,Facebook采用了一些不同色调的标志性蓝色(就像Twitter一样)。这是一种简单的方法,可以在设计中添加一些对比,而不会转向完全不同的风格方向。

然而,这里的主要罪魁祸首是饱和:Facebook的黄色,红色和蓝色都是不饱和的。因此,他们都感到平静而放松。虽然看到Buzzfeed的颜色调色板感觉就像拍摄浓缩咖啡一样,但看到Facebook的调色板感觉就像在舒适的毯子里裹着。

当然,这两个网站使用颜色的方式非常不同。在BuzzFeed中,蓝色——一种灌输信任和冷静的颜色——只出现在链接上。有了Facebook,网站顶部就有一个固定的蓝色条,因此那种信任和平静的感觉永远存在。

说到底,Facebook以蓝色为中心的静音调色板让我们想脱下鞋子,放松一下。考虑美国每天花费大约40分钟检查Facebook,这些颜色的选择似乎是工作了。

你想分享一些色彩理论的智慧吗?请在下面的评论部分发表意见!

下载195+免费设计模板
新的行动呼吁

最初发布于2021年3月26日上午8:00:00,更新于2021年4月2日

话题:

颜色心理学