如何在设计中使用色彩和色度？

 

关键词：包装设计、版式设计、创意设计、图形设计

 

 

你的设计项目很快就要接近尾声了，最后为设计项目选择一种配色方案这一步时，你被难倒了。

 

让我来猜一猜：当涉及到设计（或其他任何用色）时，你很难选择正确的颜色，是不是这样？

 

你已经设置好了版面布局，确定了内容，甚至选择了字体。但是颜色可能会让人很困惑，是应该用最基本的黑白色、亮彩色还是单色？还是它们的混合色呢?

 

 

入门：快速选择合适的颜色

 

正确地选择颜色，首要的是要选两种颜色：

 

一个中性的颜色，一个强调色。

 

为了更好地做出说明，我们将中性色认定为黑色、白色、灰色或米色/棕色系列中的某个颜色。强调色可以是任何你喜欢的，从海蓝宝石到西葫芦绿色都可以。

 

按着这种方式，然后通过调整色彩和色度，你可以创建一个数量很多的调色板，从3个到30个，甚至更多数量。

 

 

那么，什么是色彩和色度呢？

 

色彩和色度是艺术术语，是用来表达单一颜色的较淡和较暗的变化。它们是通过将白色（用于色彩），或黑色（用于色度）添加到基本三色上来创建的。

 

将它们用作调色板的一部分，具有许多优点。首先，颜色选择过程被简化。你有更少的颜色可供选择，并且不必担心你的设计会看起来像彩虹一样。色彩和色度的另一个好处是，它们会自动给你的调色板一个光滑的、有凝聚力的外观，因为它们是由由相同的基色组成的。

 

 

作为这个技巧的一个例子，以下品牌作品使用了蓝色和灰色的调色板（注意每一种颜色的明暗变化，以提供对比度）， 从而为柔和的配色方案提供选择的多样性。

 

 

如何创建色彩和色度？

 

对色彩和色度的选择，仅仅用肉眼，很难做出准确判断。有些设计程序的工具会有适合你的，但这些工具可能会受到限制或无法自定义。不过，有很多在线工具可以帮助你，让我们来看看一些最好的工具。

Paletton的单色设置会自动从基色中生成带色彩和色度的调色板——这个基色可以从色轮中随意选择，或者RGB代码中输入一个特定的色相来选择。

 

使用自由样式设置可以添加更多的基色，从2到4。底部的“预设”选项卡（请参阅下面的第二张图）根据你的原始颜色选择，可以为你提供更多的选项。

 

 

 

02.材料选项板

 

材质选项板是更基本的工具，并且在需要快速颜色修复时可能会有所帮助。在一个被限定两种颜色的调色板上，要求你从鲜亮颜色中选择一种，从一些中立色中也只能选择一种。那么你可以这样操作，首先你从鲜亮颜色（带着一个色彩和一个色度），然后你从中性色中选择一种颜色来作为强调色，这样一个调色版就生成了。

 

 

 

03.颜色代码

 

颜色代码调色板生成器简单易用。从左边的面板中挑选一个方案（可以是单色的、单色和深灰色组合、或者单色和浅灰色组合，这将是你最好的基于色彩和色度的调色板），然后在各个方向上拖动鼠标，直到看到你喜欢的颜色组合。

 

 

 

应用色彩和色度的方法

 

一旦选取了调色板，就可以将选择的颜色应用到设计中了。基色的较浅或更暗的变化，可以为你的配色方案增加对比度、视觉兴趣和多功能性。需要一些灵感来了解如何应用它们？看看下面的想法和例子：

 

01.创建凝聚力品牌

 

拥有一种颜色的色彩和色度，可以将其用于不同的目的和效果，从而为你的品牌打造完美的统一外观。这两个品牌包显示了，在你的设计项目中，你也可以利用色彩和色度实现设计的灵活性和创造性。

 

第一组特征是中蓝色底色的多种变化，而第二组则有效地利用了底色加上一个较暗的阴影。请注意，红色（以及设计中的图形元素）是如何从品牌的logo中提取出来的，这增强了公司的视觉形象。

 

 

 

02.增强对比度

 

在任何设计中，对比度是实现良好可视性和容易导航的关键。将最浅的色彩之一与最黑暗的色度搭配起来，是一种创造对比的简单方法。这个活动海报就用了这种方法，海报底部浅粉红色的文字与较深的粉红色、几乎洋红色背景非常相似。对比度在顶部附近显示“第4次年度”的小型文本框中反过来应用，并且这两种颜色的组合都是有效的。

 

 

另一个例子是这个日历设计，至少有四种色彩/色度和两种珊瑚色（加上一些中性色），并将它们放在一起，突出它们的不同之处，从而创造出一种高对比度设计、有趣的视觉设计。冷暖色的对比，也能最大限度地提高设计效果。

 

 

03.混合

 

相比之下，颜色可以帮助设计元素脱颖而出，但要以不同的方式来应用，它可以使元素融合在一起，看起来更加低调。以下书籍封面带有蓝色的色彩和色度，没有太多的对比。这使得整个背景的插图变得柔和，所以字体设计显得更加突出。

 

 

04.简化和分离

 

如果设计的所有部分都有相似的颜色、色调或饱和度，就很难区分出其中的一个元素。这时，色彩和色度可以派上用场。当你有很多信息要组织的时候，使用颜色的变化可以从视觉上区分你的版面布局的不同部分。另外，选择共享基色的调色板，可避免复杂的设计看起来不必要的混乱，也可以避开应用具有压倒性的太多颜色的调色板。

 

下面案例的信息图，除了使用黑白色之外，还使用了绿色基色和其淡色调，这样保持整个版面清爽简洁，并且节省了设计空间。

在以下网站设计中，以类似的方式使用了蓝色的色彩和色度。柔和的色调有助于突出丰富多彩的产品图像，同时赋予场地的视觉结构深度和清晰的组织感。

 

 

05.创建深度和维度

 

尤其用在艺术和插图上，是色彩色度最常见的用途之一，经过这样创造处理的插图，看起来有深度和/或维度的错觉。

 

可以通过在颜色上应用光影效果的表现形式，来创建深度和维度。就像这件作品一样，它受到老式旅行海报的启发。请注意，颜色方面的良好应用，特别是船上深灰色和天空和水中的深蓝色，创造出曲度和深度，让图案几乎呈现3D外观。

 

 

继续来说一下航海主题的设计，这对海报将两个色彩/色度家族（一个温暖的和一个凉爽的）连接在一起，以创建复杂的分层艺术作品。颜色的选择也表明一天中的特定时间，并给海报带来一种氛围感，这使我们有了下一个技巧......

 

 

06.建立一种情绪或主题

 

颜色有一种独特的能力，可以使你的设计充满情绪和情感。再看一眼我们刚刚看过的音乐会海报。难道它们不代表着夏天、假期、温暖的热带地区和慵懒的夜晚吗？在传达这些感受和营造氛围感方面，颜色起着重要作用。

 

颜色也可以提供项目背景色，加强或澄清现有的主题或图像。在这里，用来设计这些标签的大胆色彩和色度给人一种友好、现代的氛围。同时这种颜色也代表了每支蜡烛的香味。

 

 

与此相似，这个包装设计的颜色搭配（通常是底色加上色彩），赋予线条清新、迷人、现代的外观，但这也与每一种产品的味道紧密相连。

 

 

07.使用渐变

 

渐变是一种应用多种色彩和/或色度的好方法。特别是与透明效果一起使用时，它们是为设计添加更多颜色的选择。

 

活动邀请函以两种方式使用渐变效果。如果仔细观察前方图像（左图），你会看到许多构成轮廓图形的每个三角形，都有渐变的效果，这有助于增加插图的深度和纹理。微妙的渐变也体现在邀请函内页的背景上（右图）。

 

 

这款包装采用透明渐变作为整个设计的一小部分。它从背景图像中提取颜色，以创建一个文本更容易阅读的空间。

 

 

08.扩展一个有限的调色板

 

不管出于什么原因，假设你在设计中使用的颜色数量有限——可能是由于品牌指南或印刷要求，或者只是作为一种文体选择。根据你的项目的规格，你可能需要通过色彩和色度来增加调色板的数量。

 

在下面这个案例中，一个引人注目的儿童书籍封面，颜色上只使用了绿色、粉色的不同的色彩/色度，加上了黑色和白色。虽然色相很少，但构图绝不缺乏视觉多样性或细节性；色彩和色度为版面提供了其需要的所有颜色。 

 

 

09.使用透明度

 

透明的形状和背景，可以在设计中起到很多作用，当你使用色彩和色度的配色方案时，它们可以是你的调色板数量增加。当你将两层透明的色彩或色度分开时，会创造另一种颜色重叠的地方。以下面的书为例。

 

 

你也可以使用透明的方式来创建色彩和色度，通过在白色或黑色之上的基色上使用透明度。在这部电影系列的海报上，设计师通过在黑白照片上，应用红色不同色彩和色度，达到了类似的效果。

 

 

 

10.保持简单

 

当你想要一个简约或低调的设计时，无色差（或单色）调色板将有助于你实现这个目标。单色配色方案通常依靠色彩和色度，来实现足够多的变化，但版面上还具有单一颜色简洁干净的美感。

 

这个会议程序只有黄色的色彩（黑白色不计算在内），还有几何形状的惊人的现代构图。

 

 

甚至一个几乎单色的调色板也可以实现简化设计，就像下面的例子一样。除了这两种蓝色，设计师还添加了白色作为中性色，少量红色作为强调色。其结果仍然是一个具有吸引力的清晰、简单的设计。

 

 

11.创建形状和图案

 

色彩和色度不一定要一次只使用一种方法。你可以用很多方法，把它们进行不同的组合，这样形成的形状、图案或其他图形元素应用到设计中，为你的设计项目提供一些额外的细节。

 

在这款名片上，应用渐变色度的方法，生成一系列几何形状，以增强一些视觉感。

 

 

这款来自星巴克的咖啡的包装，是将这一概念进一步推向了一个新阶段的例子，将多色系列的色彩、色度与透明度混合效果相结合，创造出引人注目的图案背景图。

 

 

 

12.双倍（或三倍）乐趣

 

为你的设计选择两套不同的色调/色调，可以使你的调色板在视觉上更加多姿多彩。例如：这家餐厅宣传材料混合了浅红色和金黄色的不同的色彩和色度。

 

 

正如你通过此图像底部的彩色条纹所看到的那样，设计师为此品牌项目选择了三种互补的色彩/色度（蓝色、绿色和灰色）。她通过将每组颜色限制为两种颜色，一种色彩和一种色度，使调色板不会失控。

 

 

13.不要忘记文本

 

没有规定说文字必须是黑、白色或灰色，它也可以是彩色的！事实上，色彩和色度提供了一个简单的机会，就是将你的整个设计结合在一起，包括文本。根据版面背景底色，在你的文本中应用一个带色彩或色度的颜色，可以是一个不错的选择。

 

下面这个案例中，设计师通过在文本和图像中，应用紫色调色板来实现这一想法，以实现统一的外观。

 

在另一种方法中，一本教育小册子将彩色文本与其基本色相相对照，以制作色彩鲜艳而独特的目录设计。

 

 

我们希望你通过本文学到了，一些关于在设计项目中应用色彩和色度的方法。

 

本文由海空设计 （北京海空影视文化咨询有限公司）翻译整理，版权归本公司所有，如需转载到其他平台，请联系作者（微信ID：haikongdesign）。

原文地址：https://www.canva.com/learn/tints-and-shades/