大作将介绍每种颜色背后的理论和情感联想,解释不同文化背景的人们对每种颜色的反应,以及如何通过设计中的配色方案有效地使用它们。当然,我们还将展示大量的网站示例,以展示这一切在现实世界中是如何运作的。

红色

作为温暖色系的一部分,红色是一种强大的、情感强烈的颜色。

它自然地增强人体的新陈代谢率,也被证明当人们接触它时会增加呼吸频率和血压。在交通系统中,它被大量使用,因为红色是一种高可见性的颜色,具有很大的冲击力。

一项研究甚至发现,当银行大堂更加显眼地使用红色时,银行队伍的移动速度会更快。

红色的一些联想包括:

· 能量

· 积极性

· 行动

· 战争

· 危险

· 力量

· 勇气

· 所有的强烈和充满激情的事物

· 爱、性、激情、欲望

红色之所以有趣,是因为它具有两个几乎完全相反的联想:爱和战争。由于红色被认为是一种代表危险的高冲击力颜色,它也与许多令人难忘的战争形象有关。

然而,红色在爱情上的影响也很大,不同深浅的红色(从更强烈、更深的颜色到较浅的变种,如粉红色)在西方文化中与情人节紧密相关。

在其他文化中,红色有完全不同的含义。在中国,红色与繁荣、幸福以及好运的象征相关联。在印度,红色代表纯洁,因此常常在许多婚礼中使用。然而,在南非,红色是用于哀悼的最常见颜色。

使用红色时,通常更明智的做法是将其作为网站的一个强调色,而不是整个网站的主色。虽然在某些情境下,红色作为主色会很有效,但大多数情况下,设计中使用过多的红色可能会引起烦躁、不安甚至愤怒的情绪。然而,使用过少的红色也可能导致人们感到小心翼翼和受到操纵的感觉。

由于这两个极端,使用红色来找到合适的平衡可能会相当困难。但是,将红色用作强调色——特别是在你想要增强或特别注意的特性上,如按钮或其他促使用户做出决策的元素——可能会非常有效。

橙色

作为温暖色系的另一种颜色,橙色通常被视为明亮、乐观和令人振奋的颜色。

橙色既年轻又冲动,常常作为一种心理刺激剂,并被认为具有很好的平衡作用。

橙色的一些联想包括:

· 热情

· 快乐

· 直觉反应

· 自发性

· 冒险、冒险精神

· 秋天和丰收

· 创意

· 柑橘

· 健康食品

橙色通常与秋季关联起来。由于季节颜色的变化,橙色为我们提供了从夏季明亮色彩到冬季更加冷硬色彩的温暖过渡。橙色也是与万圣节最为相关的颜色。

除了与大自然的关联之外,橙色在人们心中也被视为一种能够激发热情和自发性的颜色。作为一种鼓励冒险和冒险精神的颜色,橙色(由于其柑橘的关联)还起到了刺激食欲的作用,因此在与食物或用户食欲相关的网站设计中可能会很有用。

考虑到我们之前提到的关于橙色与季节转换之间的许多关联,为什么不将这种思路融入到设计中,使用橙色作为设计中两个不同区域之间的过渡色?

在使用橙色时,考虑您的目标市场和受众是很有用的。当年轻人是您的目标受众时,橙色似乎是一种受欢迎的颜色。除此之外,橙色还可以用来引起人们的交谈或思考。

它也经常与对生活的热情、冒险和冒险精神相关联。它激发了人们的身体自信、能力和独立性,并与外向和不受约束的行为有关。根据“The Color”的描述,这一方面使橙色成为一种鼓励活动和自由感的颜色。

黄色

作为主要的暖色系中的最后一种,黄色是一种明亮、富有创造力的颜色。

因其促进清晰思考和迅速决策的能力而著称,黄色可能与幸福、正能量和阳光最为相关。

黄色的一些关联包括:

· 创造力

· 阳光

· 幸福

· 能量

· 懦弱

· 欺骗

· 警告

· 不稳定

· 清晰度

· 活跃度

作为三原色之一的黄色,主要被视为一种能引发幸福和创造力的颜色,因此可以有效地用来设计出引发幸福和清晰感的作品。在一项研究中,有52%的受访者将黄色与快乐主要关联起来,这是相当显著的。

黄色是一种非常有活力的颜色,它在您的设计中也可以传递出一定的活跃度。您可以使用黄色来激发热情,并增强需要采取行动的设计部分。

在其他文化中,黄色有着完全不同的关联和含义。在埃及,黄色被广泛用作哀悼的颜色;在中世纪,黄色的衣服是用来表示已故者的。在印度,黄色经常被商人使用。在日本,黄色是勇气的象征,因此具有积极的关联。

在使用黄色进行设计时,您需要意识到过多地使用黄色有时可能会引入焦虑感,因为它是一种如此明亮、"快速移动"的颜色。过多的黄色可能会给您的网站带来不平衡的感觉。相反,尝试在黄色旁边引入其他颜色,并将黄色用作页面上的亮点,以便更加关注设计的更重要方面。

但是,由于黄色对人的影响(回到它似乎提供的"快速移动"的感觉),您有时可以利用黄色的这种优势。例如,黄色似乎能促使人更快地做出决策,因此在电子商务设计中使用黄色按钮可能效果非常好——只要它与您设计的其余部分相匹配。

由于黄色给人一种相当不稳定的感觉,所以在您希望激发稳定或安全感的网站上使用黄色并不是一个好主意。而且,从历史上看,男性似乎认为黄色是一种孩子气的颜色,因此对于男性产品网站来说,黄色可能不是一个好的颜色选择——尽管当它被用于像幼儿园或儿童手工艺博客这样的年轻受众时,它会非常合适。

绿色

属于较冷色系的颜色,绿色是一种有活力的颜色,并且通常被描述为自然的和平使者,因为它与大自然中的放松方面有许多关联。

绿色的一些关联包括:

· 春天

· 成长

· 更新与重生

· 平衡

· 自然

· 草地和花园

· 稳定性

· 占有欲

· 嫉妒

· 羡慕

· 生育能力

· 安全感

· 金钱

· 回收

绿色是蓝色和黄色的结合,它既带有黄色的思维清晰和热情,又融合了更具情感冷静和稳定的蓝色。在大自然中,我们经常看到绿色——叶子、草地、花朵等等中。因此,我们与绿色的很多关联都与大自然和类似的主题如重生和生育能力紧密相关。

绿色经常被称为一种带有稳定感和平衡感的颜色。因此,在您希望展示产品或服务可靠或安全性的设计中使用绿色可能效果很好。

一项研究发现,39%的参与者将绿色与满足感联系在一起。这一统计数据表明,大部分人在看到绿色时都会感到满足或快乐。

另一方面,绿色还与嫉妒、羡慕和占有欲等许多负面情感关联,因此您在使用这些颜色时需要小心,并确保更多地使用绿色来为网站增添平衡。

绿色与回收市场有着紧密的联系,在仅英国和欧洲就有很多主要的回收标志中都使用了绿色。因此,对于与回收或任何“绿色”产品、服务或公司相关的设计,使用绿色是有道理的。

在其他文化中,绿色通常具有良好的含义。在爱尔兰,除了出现在国旗上之外,它还与圣帕特里克节紧密相关。绿色还是幸运的四叶草的颜色,这可能是世界上最知名的幸运象征。在伊斯兰教中,绿色是传统的颜色,并且在古兰经中也经常被提及,很多在天堂的人被描述为穿着“绿色的衣服”。

蓝色

作为所有主要颜色中最冷静的颜色,蓝色通常被视为非常可靠和宁静的颜色,这很可能是因为蓝色与海洋和天空的最明显的关联。

蓝色是一种保守的颜色,通常在代表清洁和责任感的设计中使用得很好。

蓝色的一些关联包括:

· 海洋

· 天空

· 信任

· 诚实

· 忠诚

· 真诚

· 和平

· 宁静

· 智慧

作为三原色中的最后一个(与红色和黄色并列),蓝色是一种减轻压力的颜色,常用于面向男性和企业受众的设计。蓝色激发了信任、诚实和安全感的感觉,因此特别适合那些希望在受众中唤起这些感觉的产品、服务或公司的设计。

此外,YouGov在10个国家的调查显示,蓝色是全球最受欢迎的“最喜欢的颜色”。在美国,40%的男性和24%的女性更喜欢蓝色,突显了其广泛的吸引力。

由于蓝色与天空和海洋的众多关联,它也非常适合在希望推广这些事物的设计中使用。例如,如果一个产品与海洋密切相关(例如冲浪产品),则可以使用蓝色来唤起与海洋相关的熟悉感觉,并帮助受众更多地与产品或网站产生共鸣。

同样的情况也适用于与自然事物相关的任何颜色,如户外的草地或花朵等。

蓝色也被认为是一种抑制食欲的颜色,因此在涉及食物的设计中使用它可能不太合适。你还需要注意,使用过多的蓝色可能会让人感到窒息,并且根据所使用的色调,它几乎可能看起来过时。

在设计中使用蓝色的最佳时机之一是针对面向男性受众和企业业务的网站。这并不意味着你不能在其他风格的设计中使用蓝色——不要害怕尝试并在可能不太期望的地方使用颜色,享受其中的乐趣。

与一般的关联一样,蓝色在不同文化中也有许多不同的内涵。在西方文化中,有“蓝色物品”的传统,通常在新娘提供“蓝色物品”(以及其他传统的“旧物”和“新物”)作为她新婚生活中好运的象征的婚礼上使用。然而,在伊朗,蓝色是用于哀悼的颜色。

紫罗兰/紫色

作为冷色系中的最后一种颜色,紫色被视为一种神秘的颜色,通常代表野心、王权和权力。

紫色的一些关联包括:

· 皇室

· 想象力

· 权力

· 奢华

· 财富

· 奢侈

· 野心

· 智慧

· 魔法

· 神秘

紫色是红色和蓝色的完美结合,它既具有蓝色的平静、宁静的效果,也具有红色的活力。紫色通常被视为奢华的颜色,并在需要展现奢侈感的设计中效果显著。

大约有29%的人认为紫色代表勇气。这种看法与其与皇室、野心和奢华的关联有关。

与蓝色和绿色不同,紫色在自然界中是一种罕见的颜色。例如,如百合、兰花和薰衣草这样的紫色花朵虽然难以找到,但它们既脆弱又精致,却又十分珍贵,被人们高度尊重。

紫色在许多文化中都是受欢迎的颜色,原因各异。在泰国,紫色是寡妇哀悼的颜色,而在埃及,它被广泛认为是埃及古老的最后一位法老克娄巴特拉的最爱颜色。在许多其他文化中,紫色是皇室或有权威的人们传统上穿着的颜色。在美国,有“紫心勋章”,这是一种重要的美国军事奖章,由总统授予在战斗中受伤或阵亡的人员。

使用紫色时,需要小心不要过度使用。虽然适量的紫色可以使您的设计带有更加雄伟、奢华或豪华的感觉,但过多的紫色也可能导致不适,并且据听说甚至可能加剧某些人的抑郁症状。

这已经发现,大多数儿童更喜欢紫色而不是其他颜色,所以在面向年轻受众的设计中,紫色可能会是一个有效的选择。

在设计中使用紫色可以增强想象力或创造力,而较浅的紫色也适合用于女性化的设计。事实上,紫色通常被认为是一种更加女性化的颜色,约有23%的女性将其视为自己的最爱。

配色方案:颜色的特性是什么?

配色方案是一种颜色的组合,一旦放在一起,就可以用于任何形式的设计——包括您在网上的设计。设计一个好的配色方案是一项艰巨的工作。当颜色感觉或看起来“不对劲”或不太正确时,很容易注意到。然而,当您确实努力创建一个好的有效配色方案,并将其有效利用时,这将成为好设计与普通设计之间的关键差异。

主要的配色方案包括:单色、类似色、互补色、分割互补色、三色和四色。

注意:当讨论配色方案时,您可能会经常听到接下来的几个术语。这里有一个关于颜色特性的小词汇表,可以帮助您理解:

色调:一个“色调”是颜色本身——比如绿色、蓝色、红色、紫色等。 

浅色:当向色调中添加白色时,形成的颜色更浅。 

深色:当您向色调中添加黑色时,形成的颜色更深。中性色:当您向色调中添加灰色时,形成的颜色为中性色。 

单色

单色配色方案使用一个色调(例如蓝色),然后使用该原始颜色的各种浅色或深色。

这些是最容易创建的色彩方案,因为它们只涉及一个色调,所以您知道您选择的少数基础颜色将和谐地相互配合。

您可以在下面的示例中看到单色色彩方案如何有效地工作。这款为Elevate Medical设计的产品只使用了一个颜色,大部分设计都很吸引人,保持了品牌风格,并对其特定市场产生了积极的影响。

类似色

类似色系的配色方案是通过选择颜色轮上相邻的色调来创建的。例如,蓝绿色、绿色和黄绿色。

使用类似色系的最简单方法是选择一个颜色作为主导色,并较少地使用其他两种颜色,作为第一种颜色的点缀色。

互补色

互补色系是通过选择色轮上的两种互为相反的颜色来创建的。例如,红色和绿色,或紫色和黄色。由于这些颜色是完全相反的,它们提供了极高的对比度并具有很高的影响力。

互补色系由于这个原因可能很难实现,并且在您想要某些设计元素脱颖而出时效果更好,而不是在整个设计中大量使用它们。当然,洛杉矶湖人队的标志和设计大胆地使用了这种颜色组合:

但在大多数情况下,更为微妙的应用效果更佳:

分割互补色

分割互补色彩方案是通过选择一种颜色,然后选择与该颜色互补颜色的两侧颜色来创建的。

三色方案使用颜色轮上均匀分布的三种颜色。例如,如果您的主色是紫色,那么另外两种颜色将是紫色的互补色黄色的两侧——因此是黄绿色和黄橙色。

由于这种颜色方案与互补色方案非常接近,所以在使用时仍然会产生影响,尽管它可能感觉比全面的互补方案更加平衡和冷静。同样,使用三色方案时,可以更容易地将其中一种颜色作为主要焦点,而将其他两种颜色用作强调。

三色方案

三色方案使用颜色轮上均匀分布的三种颜色,例如紫色、橙色和绿色。

使用三色方案通常意味着您最终会得到一个相当明亮和充满活力的设计,尽管通过使用颜色的不同浓度和深浅来稍微降低这种效果。与之前的颜色方案一样,三色方案在让一个颜色成为焦点的同时,其他两种颜色作为强调色时效果最佳。

Kinsta很好地利用了三色方案:

四色方案

四色方案通过配对两组互补色方案来实现。它几乎通过在色轮周围创建一个矩形来工作。四色方案的一个示例是红色、绿色、蓝色和橙色。

四色方案的好处在于,当选择使用的颜色时,它提供了很多的多样性,并且在设计网站时可能会给您更多的灵感。但与今天讨论的所有其他颜色方案一样,最好的做法是让其中的一种颜色成为焦点,其他颜色则作为辅助色来使用。

图像是引入此类复杂配色方案的有效方式

精选文章:

被张雪峰吐槽的“冷门专业”,一夜爆火?

从脱碳到装饰表达:2023 年的创新 3D 打印项目

淘宝“丑东西大赛”年度40强诞生,一个比一个“辣眼睛”!

2023 年 10 项最具创新设计:微型住宅

“史上最丑鞋”的新联名,随机吓哭一个HelloKitty控!