最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(1)

设计项目即将结束,但您不担心“选择配色方案”的最后一步吗?无论你在做什么设计,对于很多人来说,很难选择一个匹配的颜色并不少见。

即使您可以在井井有条的布局中很好地安排内容并确定字体字体,也很容易迷失在配色方案中。“基本的黑白设计,鲜艳的色彩,还是单一的颜色?”别担心。首先,让我们看看如何选择简单的颜色。

详情如下。

首先:轻松点选适合自己设计的配色方案

要选择适合您设计的配色方案,请先选择两种颜色。

  1. 中性色(英文:Neutral Color)
  2. 强调色(英文:Accent Color)

首先,中性色是指没有颜色的颜色和无彩色,例如米色、象牙色、黑色、黑色和白色都是没有颜色的颜色。在许多情况下,提及这些苍白(浅)色调也是一个重点。另一方面,强调色适用于任何颜色,从海蓝宝石到绿色。

您可以通过将阴影和阴影(英语:Tints & Shades)所表达的“色调”调整为选定的两种颜色来创建无限的调色板。

那么什么是音调?

色调是色彩科学中使用的术语之一,是指纯色加上白色和黑色的组合。纯色也称为Base Color,是每种色调中最鲜艳的颜色。在纯色中加入白色的颜色称为浅色(tints),添加黑色后的颜色称为深色和清晰(shades)。

将色调用于配色方案有几个好处。首先,它使选择配色方案的过程更简单。有限数量的可用颜色可防止您的设计无意中变得杂乱无章。另一个是它们是从相同的基色中挑选出来的,从而营造出精致而统一的外观。

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(2)

在基色中添加了具有不同透明度的黑白颜色。

作为这个概念的参考,以下品牌标志使用蓝色和灰色来创建一个能够很好地表达对比度的配色方案。

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(3)

如何制作音调

仅通过查看颜色来选择使用色调的配色方案可能很困难。诸如 Photoshop 之类的设计程序可能会实现这些功能,但它们不是很可定制的。以下是您在选择配色方案时需要使用的一些免费在线工具。

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(4)

01.帕莱顿

Paletton使用“单色”设置自动生成与从色轮中选择的颜色相匹配的色调。您还可以根据“预设”选项卡中的基色创建各种颜色变化。

02.材质调色板

材质调色板是一个更基本的工具,当您想快速选择颜色时很有用。通过从基于 Google Material Design 的生动配色方案中选择两种颜色,您可以根据您首先选择的颜色创建一个色调调色板,并将另一种颜色用作强调色。

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(5)

03.颜色代码

颜色代码是一个简单易用的创建调色板的工具。您可以通过从左侧面板中选择“单色”、“单色和深灰色”、“单色和浅灰色”并在画布上向上/向下/向左/向右移动鼠标来直观地创建色调配色方案。

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(6)

使用音色的技巧总结

确定配色方案后,让我们将其应用到设计中。浅色和深色的组合增强了对比度,营造出更具吸引力的外观并创造出多功能的配色方案。让我们在查看实际设计时将其用作配色方案的参考。

01.打造统一品牌。

通过使用基于一种颜色的色调,您可以表现出精致和统一的外观,并在您的设计中更有效地使用效果。以下品牌包装通过使用色调展示了创意和灵活的设计。

第一件以蓝色为基色的颜色组合,第二件仅使用阴影色,即基色加黑色。还值得注意的是,围绕徽标绘制的图形元素很好地补充了品牌影响力。

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(7)

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(8)

02.让我们添加对比。

对比度是任何设计中易于查看和易于理解的导航的关键。您可以通过将所选调色板中最亮的色调(英语:Tint Color)与最暗的阴影颜色(英语:Shade Color)相结合来轻松表达对比度。

在下面的活动海报中,柔和的文字从深粉色背景中脱颖而出。此外,反差调色板也有效地用于字符“第 4 年”。

作为另一个参考样本,下面的日历设计使用了四种色调,它们是浅蓝色和珊瑚色的基色。通过结合冷色和暖色,可以最大限度地提高对比度。

03.让我们习惯设计。

配色方案不仅使设计元素在对比中脱颖而出,而且还可以以合身且不引人注目的外观完成。下面是一本平装书的封面,使用了偏蓝的色调,但并没有很强调对比。这使得背景插图不引人注目,并使标题脱颖而出。

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(9)

04.简化和分离内容。

如果所有设计元素的颜色相似,或者具有相同的色调或阴影,则很难区分它们。在这种情况下,色调也很有用。在组织大量信息时,您可以使用颜色变化将内容分成几部分。此外,统一的调色板可防止设计混乱和过度使用颜色数量。

下面的信息图使用绿色作为基色,并使用色调和阴影颜色来保持设计简洁明了。

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(10)

以下网站使用相同的技术使用蓝色调。低调的色调巧妙地组织内容,同时强调充满活力的产品。

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(11)

05.让我们产生深度和三维效果。

它是使用色调的最常见技术之一,特别是在艺术和插图中创造深度和三维度。

下面的示例通过使基色变亮/变暗来利用这种技术。特别是战舰的灰色和天空与大海的蓝色使用色调,是表现深度和立体外观的插图。

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(12)

同样,在下面的海报设计中,更复杂的艺术品是通过将两种色调拼接在一起来表达的。此外,夏日夕阳般的阴影很好地传达了整体氛围。

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(13)

06.表达你的心情和气氛。

配色方案具有为设计增添氛围和氛围的独特能力。再来看看上面的海报设计。它将看起来像一个热带暑假和舒缓的日落天空。选择配色方案在传达情感和营造氛围方面起着重要作用。

配色方案还可以加强设计中现有的主题和图像。下面的示例使用具有友好、现代感的标签。同时,颜色也表达了每支蜡烛的香味。

同样,在下面的包装设计中,色彩组合不仅清新吸引人,而且每个产品的风味。

07.让我们使用渐变。

渐变是一次应用多种色调的最佳技术之一。这是一个适度的选项,可让您在设计中使用更多颜色,尤其是半透明效果。

下面的邀请设计以两种方式利用渐变。在表格中,结合三角形的图形创造了一个美妙的渐变,为插图增添了深度和质感。在背面,苍白的渐变被精美地绘制。

下面的包装设计在设计的每个细节中都使用了渐变。另外,预留空间让文字文字更具可读性,并从背景图片中选择颜色。

08.扩展你有限的调色板。

无论出于何种原因,假设您的设计中可用的颜色数量有限。例如,您可能需要创建品牌指南、打印它们,或者只是选择时尚的设计。通过使用色调,您可以根据设计项目的规格扩展调色板。

在下方儿童绘本的封面设计中,在绿色和粉色的基调中加入了黑白两色。在设计方面不可能添加更多的色调,但是通过使用色调,我们能够获得我们需要的色调。

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(14)

09.利用半透明效果。

使用半透明“水印”的技术可用于各种设计,尤其是通过使用色调来增加调色板中的颜色数量。在下面的参考设计中,通过重叠两种色调来表达一种新的色调。

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(15)

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(16)

10.保持简单。

当您想要简约风格或谨慎的设计时,单色配色方案很有用。由于使用色调有足够的颜色变化,您可以实现整洁的外观。

在下面的设计中,仅使用黄色调,创造出具有令人印象深刻的现代感的几何图案。

最全的配色法则(关于配色八使用色调的配色方案的基本技术总结)(17)

如下图示例所示,您可以使用几乎与单一颜色统一的调色板来完成设计。两种蓝色,背景是灰白色,还有一点红色作为强调色。通过这样做,设计是干净和有吸引力的。

11.利用形状和图案。

色调不仅可以一一使用,还可以与图形、图案等图形元素相结合,使设计更加美观。

在下面的名片设计中,几何图案使用色调,旨在通过使用不显眼的单色背景使其视觉上有趣。

下面的包装设计通过对不同颜色的多种配色方案使用半透明效果来完成更有吸引力的背景图案,使这一技术更进一步。

12.使用两种音色。

通过选择两种不同的色调,您可以创建更加通用和有吸引力的配色方案。例如,下面的参考设计使用了红色和金色的组合。您可以看到更中性的金色很好地强调了红色。

下面的示例图片是一个使用三种互补色(蓝色、绿色和灰色)的品牌项目。通过在每个设计中仅使用两种颜色,可以很好地产生品牌的统一感。..

13.让我们将其应用于字符文本。

没有规定文本应该是黑色还是白色,当然你可以给它着色。通过使用色调,您可以很好地组织整个设计,包括排版。根据您放置它的位置,选择色调将是普通黑色文本的绝佳替代品。

下面的示例利用这种技术来实现文本和图像的统一外观。

作为另一种方法,下面的参考设计使用文本的色调来完成一个丰富多彩且独特的内容目录。

最后。

这次,我结合参考思想介绍了在设计项目中使用色调的技巧。对于更专业的配色方案的基本技术,请参阅以下文章。享受设计!

调来完成一个丰富多彩且独特的内容目录。

最后。

这次,我结合参考思想介绍了在设计项目中使用色调的技巧。对于更专业的配色方案的基本技术,请参阅以下文章。享受设计!

,