掌握三等分配色法：打造视觉吸引力的秘诀 | 大作设计网站专栏-大作官网

你知道吗，超过60%的人根据颜色来决定接受或拒绝新产品？

当想到可口可乐时，你会想到红色。

当想到麦当劳时，你会想到黄色的拱门。

当想到星巴克时，你会想到绿色。

选择完美的颜色不仅仅是为了美感；它还是为了赋予品牌个性和价值观。设计师使用色彩方案来唤起情感并留下深刻的印象。

今天，将深入探讨一种出色的技巧 - 三等分配色方案。

那么，什么是三等分配色方案，以及如何利用它来创建有影响力的视觉效果？快来一探究竟！

三等分配色方案的定义

如何为你的设计选择三等分配色方案

了解色轮
将你的颜色选择与项目目的对齐
了解颜色背后的情感
测试色彩和谐
测试色彩对比度

创建三等分配色方案的逐步指南

设定背景
选择主导颜色并确定互补颜色
决定主要和次要颜色
检查视觉平衡和和谐
考虑比例和层次
遵循60-30-10原则
创建设计模拟
测试可访问性

使用三等分配色方案的杰出品牌示例

汰渍（Tide）
Popsicle®冰棒
塔可贝尔（至2015年）
维格表（Airtable）

三等分配色方案在各行业中的应用

摄影
电影
网页设计

总结

三等分配色方案的定义

三等分配色方案由三种颜色组成。与相邻或直接对立的颜色不同，三等分配色彼此在色轮上等距分布。当连接这些颜色时，它们形成一个三角形。

红色、蓝色和黄色是三种基本颜色，它们组成了一个三等分配色方案。三等分配色方案通过分隔每种颜色，无论具体的色调如何，创造了一个充满活力的调色板。

例如，以下是完美的三等分配色法组合：

红色、黄色和蓝色。

绿色、橙色、紫色。

黄绿色、蓝紫色、红橙色。

黄橙色、红紫色、蓝绿色。

随着丰富的在线资源，任何人都可以制作令人印象深刻的视觉效果，即使没有艺术天赋。但选择完美的颜色组合不仅仅是挑选喜欢的颜色。它涉及到"色彩理论"和"设计原则"。

那么，什么是色彩理论？它是关于颜色如何协同工作以及它们如何影响情感和感知的研究。了解颜色如何协同工作对于强化你的品牌、使你的网站易于阅读和导航，以及最重要的是，视觉吸引力至关重要。

如何为你的设计选择三等分配色方案

无论是刚开始职业生涯的设计师还是专业人士，都可以了解颜色的力量。因此，选择一个合适的颜色方案以产生影响至关重要。选择三等分配色方案相对于其他颜色方案来说可能需要更多的工作，但当你有一些可依赖的实用技巧时，会更加容易。

1.了解色轮

了解简单的色轮三重组合是创建美丽的颜色组合的基础。此外，对于色轮上主要颜色、次要颜色和三次颜色的位置也是至关重要的。

2.将你的颜色选择与项目目的对齐

要将你的颜色选择与最终目标对齐，必须提出一些问题。例如，你希望你的三分色调色板引发什么样的情感反应？此外，在考虑最终目标时，选择主导颜色会变得更容易。

举例来说，如果想创建一款金融科技应用，可以选择蓝色作为主要颜色。它代表力量和信任。其他两种颜色可以作为点缀。可以减少这些颜色的饱和度，以使它们与主导色更协调。可以从调色板的目的开始，无论是激发能量、平静还是创造力。基于这一点，选择一个能唤起这些情感的三重组合。

3.了解颜色背后的情感

鲜艳明亮的颜色能够产生强烈的影响，而柔和的淡色调则会营造宁静、统一的外观。了解颜色的情感特质可以帮助你创建一个与你的品牌协调一致的调色板。

4.测试色彩和谐

一旦选择了三种颜色，测试它们如何协同工作就变得至关重要。必须确保这些颜色提供足够的对比，不会产生冲突。测试三等分配色和谐性的最佳方法是创建色块或使用在线色彩工具。在线色彩工具可以帮助你快速探索和可视化不同的三等分配色组合。一些在线提供的最佳工具包括Adobe Color、Coolors和Hubspot Color Palette Generator。

5.测试色彩对比度

确保颜色的选择在屏幕上提供足够的对比度以供阅读。这对于遵守大多数国家的平等法规是必要的。例如，大多数黄色和其他颜色的较浅色调在白色背景上通常无法提供足够的颜色对比度。

创建三等分配色方案的逐步指南

既然知道了一些技巧，就按照以下步骤来实现三等分配色方案的协调效果。

1.设定背景

希望传达什么信息？希望唤起什么情感？希望三等分配色组合设定什么样的情绪？不同的颜色引发不同的情感和联想。三等分配色必须与项目的目的和信息相一致。

2.选择主导颜色并确定互补颜色

在形成三等分配色组合时，选择主导颜色是最关键的决定。这是因为主导颜色将设定项目的语气和情感，而其他两种颜色也将依赖它。在选择主导颜色时，请考虑以下因素。

情感影响：每种颜色都有不同的情感关联，这些关联是文化性的。例如，红色可能引发激情、兴奋或食欲，而蓝色可能带来信任和宁静。必须选择一个主导颜色，以与你的设计对受众的期望情感影响相一致。

品牌识别：如果为品牌选择三等分配色方案，主导颜色必须与品牌已有的识别元素相一致。

互补颜色与主导颜色在色轮上等距分布。例如，如果主导颜色是红色，那么互补颜色就是蓝色和黄色。

3.决定主要和次要颜色

根据设计目标，可以选择主要或次要颜色的三等分配色方案。主要颜色的三等分配色方案将创建一个充满活力和生动的设计，而次要颜色的三等分配色方案将产生一个更加温和和中性的调色板。

4.检查视觉平衡和和谐

现在，已经选择了颜色，必须调整饱和度或亮度，以实现视觉上令人愉悦的组合。可以尝试不同的色调和色调变化。关键在于"平衡"。此外，这一步中的颜色选择应与希望传达的信息保持一致。

5.考虑比例和层次

确定想在设计中如何使用所选的三等分配色。主导颜色通常被最多地使用，而其余两种三等分配色则充当点缀或背景颜色。在设计中创建一个层次结构，以引导观众的目光。

6.遵循60-30-10原则

经典的60-30-10原则很简单。它规定了调色板中应有的比例：60%应该是主导颜色，30%应该是次要颜色，而10%应该是点缀颜色。这个公式创造了平衡，使用户可以轻松地从一个焦点转移到下一个。

7.创建设计模拟

将选择的三等分配色方案应用到设计模拟或原型中，以查看它的效果。这将帮助确定所选的颜色方案是否符合项目目标。

8.测试可访问性

你可能正在设计网站、应用程序或营销材料。确保颜色选择具有可访问性意味着更广泛的受众可以理解你的设计。这还有助于使产品或服务更有可能符合相关法规。使用对比度检查工具来确保文本可读性。

使用三等分配色方案的杰出品牌示例

现在知道如何创建三等分配色组合，一起看一些真实的三等分配色方案示例。从那些做得好的品牌中汲取灵感将帮助你更好地理解。像汉堡王（Burger King）、Mozilla Firefox和芬达（Fanta）这样的品牌已经因其在logo中使用三等分配色方案而闻名，所以这里将讨论一些其他示例。

1.汰渍（Tide）

汰渍是一家著名的洗衣用品品牌，其标志中采用了三等分配色方案。主导颜色是橙色，而互补颜色是蓝色和黄色。这个三等分配色方案为品牌带来了生动、清新和愉快的感觉，同时与洗涤和清洁相关的情感一致。这使得品牌标志具有视觉吸引力，同时强调了产品的效力。

2.Popsicle®冰棒

Popsicle是一家知名的冷冻甜点品牌，其标志中采用了三等分配色方案。主导颜色是红色，互补颜色为黄色和蓝色。这个三等分配色方案为品牌带来了愉快、清新和热情的感觉，这与冷冻甜点的享受相关。使得品牌标志看起来美味诱人，同时传达了冷冻甜点的口感和清凉。这个配色方案引发了对夏季甜点的愉快情感，同时也在视觉上吸引了消费者。

3.塔可贝尔（至2015年）

塔可贝尔（Taco Bell）是一家著名的快餐连锁餐厅品牌，直到2015年的标志中采用了三等分配色方案。主导颜色是紫色，互补颜色为黄色和红色。这个三等分配色方案为品牌带来了活力、风趣和食欲的感觉，与墨西哥风味食品相关。这个配色方案突出了品牌的独特性，让消费者联想到美味的快餐和欢乐的用餐体验。

4.维格表（Airtable）

Airtable是一款项目管理软件，采用了三等分配色方案。其logo使用了不同的三原色——红色、黄色和蓝色的三等分配色法和色调。

蓝色通常与技术相关，它在标志中占有重要地位，并与技术相关联。黄色作为点缀颜色与主导的蓝色形成对比，增添了一丝活力和创造力。此外，红色的点缀也象征着活力和创造力。

三等分配色方案在各行业中的应用

三等分配色方案在各个行业中都有广泛的用途。一同探讨一下三等分配色方案在特定领域中的应用。

1.摄影

摄影师使用三等分配色方案来拍摄引人注目的照片。它有助于强调照片的构图和主题。通过使用色轮上等距分布的颜色，可以在画面内创造一种自然的平衡。

例如，在色彩斑斓的市场、街头节日或盛开的花园的风景摄影中，三等分配色方案表现得特别出色。

在时尚摄影中，摄影师在拍摄肖像时使用三等分配色方案。这种方法延伸到服装、化妆或背景，产生一种视觉上和谐的外观。同样，在产品摄影中，三等分配色方案有助于捕捉产品的本质。

2.电影

在讨论在电影中使用三等分配色方案时，李安（Ang Lee）执导的《无敌浩克》（The Incredible Hulk）让人想起。这部电影采用了独特而实验性的视觉叙事方法，其中包括使用独特的三等分配色组合来代表浩克（Hulk）的性格和情感。

主要角色浩克当然与主导颜色绿色相关联。绿色的三等分配色方案完美地传达了他巨大而不受控制的另一个自我。

与漫画中浩克传统的蓝色和红色色彩方案不同，《无敌浩克》电影引入了紫色和橙色作为三等分配色组合中的另外两种颜色。

3.网页设计

尼克国际儿童频道（Nickelodeon）的网页设计充分考虑了其目标受众，保持了面向儿童和家庭的用户界面色彩搭配。以下是尼克如何采用三等分配色方案：

主导颜色橙色：尼克的标志性鲜亮橙色主导了他们的网站。橙色代表了品牌充满活力、充满活力和玩味的能量。此外，这种颜色立即吸引用户的注意，引发兴奋和乐趣。

次要颜色 - 绿色和蓝色：这些颜色与主要的橙色相辅相成。这些颜色通常与尼克儿童频道标志性的黏液和水主题品牌相关，经常出现在他们的节目和活动中。它们充当了增强整体主题的次要颜色。

这个三等分配色方案在视觉上吸引儿童，并有助于传达尼克儿童频道以娱乐和冒险著称的感觉。

总结

选择三等分配色方案涉及理解色彩理论，练习和发挥创造力。无论是初学者还是经验丰富的设计师，这些建议都可以帮助你使用三等分配色方案创建视觉上吸引人且和谐的设计。但永远记住，没有一种适合所有情况的方法。实验对于找到适合项目的完美色彩组合至关重要。

按照上述步骤，参考所给示例，准备好探索创建和谐一致的三等分配色方案。

文章来源：INTERACTION DESIGN FOUNDATION

精选文章：

爱马仕第二家皮具工厂，居然被烧焦的木材所覆盖？

Michael Hansmeyer操刀，完全采用混凝土 3D 打印的白塔

13个网页设计的色彩心理学示例

“设计界可以做得更好”：品牌工作室Goodside的创始人谈设计

抄袭还是借鉴？设计师「原创」指南