设计原则：设计中的对比如何产生影响

你知道我们把“好的设计”、“坏的设计”，甚至“设计”这些术语都扔得很轻。 但是当我们真正深入研究它时，我们意识到创造这些设计有很多东西。 随着我们的大多数社交和专业互动都发生在社交媒体和其他虚拟平台上，设计的重要性只会越来越大。

从新闻消费到娱乐，从个人工作到专业研究，我们越来越多地在日常生活中消费内容。 设计使消费内容比以往任何时候都更容易。 在拥挤的内容空间中，设计帮助消费者和创作者吸收和消散知识。

对这种知识交流真正至关重要的设计原则之一是设计的对比。 设计中的对比是改变设计元素的主要特征的技术，如颜色、文本、图像和布局，以突出它们之间的差异。

您已经在许多设计中看到了这一点。 你有没有注意到在社交媒体广告中，一行文字比另一行大？ 这就是设计中的对比如何帮助设计师展示哪一行文本比另一行更重要。

特别是，在营销和广告设计中进行对比有很多好处。 在 Kimp 的这篇博客中，我们将为您详细探讨这一非常重要的设计原则。

让我们开始吧。

为什么我们在设计中需要对比？

对于营销人员和品牌而言，学习设计原理的动机可能很少。 这是因为，文章和博客通常无法将原理与对设计有效性的影响联系起来。

从我们之前关于设计和好设计与坏设计的博客中，我们知道设计在每个营销活动中都有其目的。 其目的可以是吸引观众、娱乐观众、提高意识，或者在更大的范围内作为所有这些的工具。

每个品牌经理和营销人员都需要了解在设计中使用对比的是它可以帮助您实现所有营销目标。

是的，您的设计通过对比为您完成工作更有效。

这一切都非常正确，又非常模糊，不是吗？ 那么让我们逐点分解，分析对比对设计的影响。

1.审美愉悦

我们确信，在座的所有人都知道并承认，设计是品牌与其目标受众进行交流的宝贵媒介。 但是有一个小问题。 在过去的几十年里，平均注意力持续时间在稳步下降，目前只有区区 8 秒。 因此，您需要一种能够吸引并设法长时间吸引客户注意力的媒介。 这就是设计可以帮助您的地方。

具体来说，设计中的对比元素让消费者在设计中进行大量探索和理解。 与没有对比的类似布置相比，具有对比形状和颜色的美学布置可以吸引更多的观众。

2. 视觉层次

再次建立注意力跨度统计数据，让我们假设您的设计易于使用并且客户需要不到 10 秒的时间来查看它。 但是你怎么知道客户从那段交流中得到的收获是你想要的呢？

他们注意到特别公告了吗？ CTA 能引起他们的注意吗？ 如果您可以在设计中使用对比度创建视觉层次结构，您将永远不必担心这些。

格式塔设计原则告诉我们，每个设计都有一个图形和背景设置。 主体通常是人物，周围的其他元素成为群体。 你如何区分它？ 当然，在设计中使用对比。

是的，我们的人类大脑天生就能发现对比并赋予它们意义。 我们总是会从大到小扫描，这就是我们所说的视觉层次。 通过改变文本的样式、颜色、形状和大小，您可以控制客户首先看到和最后看到的内容。

3.象征主义游戏

我们谈到了为相似元素赋予不同尺寸如何有助于视觉层次结构，也就是为客户设计的视觉流程。 但它还有另一个隐藏的优势。 当您的某些元素比其他元素更大时，您象征性地告诉客户什么比另一个更重要。

您也可以使用此方法来显示其他象征意义的实例。 例如，如果您在业务的特定职能中采用可持续性，您可以单独使用绿色突出该细节。 这种与设计中其他元素的对比将告诉客户，此信息中隐藏着重要的含义。

4. 提升用户体验

除了创建易于阅读的引人入胜且美观的设计之外，在设计中使用对比使客户的角色变得非常容易。 考虑一下。 当你去超市时，每件东西都有特定的颜色、形状和大小，这对你没有帮助吗？ 这样，您的大脑就知道要寻找什么，并使该过程变得快速而简单。 如果苹果和橙子看起来一样，那会怎样？ 您将花费大量时间寻找一个简单的对象，并在此过程中感到沮丧。

同样，以不同的风格和形式呈现不同的信息可以让大脑更容易处理它。 客户知道如何寻找标题和底线，因为他们有这样的对比。

在对比设置中设置背景和焦点元素也使许多不同能力的人可以访问设计。

总体而言，您需要在网页设计、社交媒体设计、海报设计、应用程序设计等方面进行对比，以获得愉快的用户体验。

设计对比和相似性：有什么联系？

每当您查看设计中的对比时，您会注意到人们也经常谈论相似性。 这可能会造成混淆，因为从一开始，这两个是极其相反的特征。 那么它们在这种情况下是否相关？ 如果是这样，怎么做？

首先，让我们了解设计中的相似性完成了什么。 就像设计中的对比将一个元素与另一个元素分开一样，对一组元素使用相似的设计风格会让客户觉得他们都有一个独特的角色。

因此，如果您想将一组文本归于相似的概念，则必须使用相同的字体、颜色和样式。

继续，让我们解决这个问题：当您在设计中使用对比时，为什么相似性很重要？

这是为了让您的信息与客户保持一致，原因很简单，一些元素必须具有相似的设计风格。 如果一切都是对比鲜明的，那么客户将不会关注核心元素。

再次将我们的图形和背景类比，虽然设计中的对比可以让您将图形与背景分开，但使用设计中的相似性可以帮助您将对象分组到背景中。 挑选具有共同主题的事物并将它们分组可以使消费者更容易理解信息。

6 设计对比的类型

很长一段时间以来，我们一直在此博客中详细介绍在设计中使用对比的影响。 现在我们已经详细了解了这一点，让我们继续了解如何在设计中实际使用它。

鉴于设计对比的重要性，人们可以通过多种方式选择在营销和广告设计中使用对比。 您可以选择仅采用一种类型，也可以根据设计意图选择两种类型的组合。

为了让您与设计团队的讨论更轻松，Kimp 团队为您提供了设计对比类型的列表以及它们如何为您提供帮助。

因此，事不宜迟，让我们直接进入。

1.颜色对比

在平面设计和营销中，颜色非常重要。 色彩心理学理论详细说明了消费者如何将不同的含义与每种颜色联系起来，这有助于他们更好地理解品牌的信息。 但除此之外，颜色在设计对比中也起着特定的作用。

从设计师可以使用的众多颜色选项中，他们可以选择几种组合，为设计带来分区、对比和视觉层次。

有很多方法可以做到这一点：

• 改变某些部分的背景颜色以表明它们属于不同的类别
• 为背景和前景使用明显不同的颜色以使消息弹出
• 使用符合色彩心理学的对比色来表示两条信息的不同意图。

在下面的第一个示例中，我们看到在较暗的背景上并置白色前景如何使设计更加有效。 想象一下白色的前景文本，以了解完整的影响。

在这个例子中，通过颜色在设计中创建对比的影响是显而易见的，因为它打破了深色设计，提高了设计的可读性。 您的眼睛会立即转向白色文字，从而提高销量。

Kimp 提示：当您通过颜色在设计中使用对比时，选择正确的颜色组合很重要。 过于对比可能会令人不快，而过于微妙可能会失去目的。 如果需要，您还必须针对不同的屏幕、媒体和暗模式进行优化。

鉴于这可能很复杂，我们建议与 Kimp Graphics 或 Kimp Video 团队合作，为您挑选最佳的色彩对比设计。

2.大小对比

在颜色之后，如果有一个特征在任何设计中脱颖而出，那就是尺寸。 我们的大脑是非常直观的，它甚至可以在阅读文本之前解释大小和形状的变化。 孩子们也可以在发育时期本身理解大/小。 因此，在设计中使用尺寸来突出对比是一项很棒的技术。

这种技术最好的部分是它很容易执行和理解。 在设计中，有些元素在事物的整体方案中具有更高的重要性，而有些则没有。 但是你如何与客户沟通呢？ 当然，随着大小的变化和对比。

现在，这并不意味着这仅适用于文本块。 您可以通过多种方式使用它。 例如，如果图像是您设计中最重要的部分，则随附文本的大小必须远小于图像的大小。

在此示例中，您可以看到品牌将视频视为此着陆页的最重要元素，并希望将焦点放在它上面。 因此，它是最大的块。

Kimp 提示：当您使用基于对比尺寸的原则创建设计时，请记住针对移动屏幕优化设计。 如果某个特定的设计元素由于其大小而无法在屏幕上显示，那么整个问题将变得毫无意义。

也想为您的品牌创造类似的东西？ 立即与 Kimp Graphics 团队预约通话！

3.风格对比

虽然颜色和尺寸的对比乍一看很明显，但设计上的对比效果略有不同。 在这里，您可以根据需要选择使这种对比变得大胆或微妙。 与其他类型的对比不同，外行可能不会将手指放在这里发生的事情上。

然而，这种显示设计对比的方式可能非常有效。 在我们关于视觉层次的博客中，我们谈到了一个好的设计是如何在其中暂停并让其他元素呼吸的。 您可以在营销或广告设计中使用对比设计风格来实现这一点。

考虑下面的例子。 它几乎没有任何元素，但仍然是一个引人入胜且有吸引力的设计。 这是因为中心焦点是产品的 3D 渲染/图像，周围有一些完全对比的涂鸦。

Kimp 提示：选择哪两种风格进行对比并非易事。 两种设计风格必须对比并很好地协同工作。 例如，您可以用流行的颜色打断简约设计以休息一下。

如果您想尝试一些设计风格组合，Kimp 的无限图形设计和视频设计订阅是您的最佳选择。 现在检查！

4.形状和形式的对比

下一个显示设计对比的是形状和形式。 你熟悉流程图吗？ 设计师和计划经理经常使用这些象形图来详细说明流程、算法等的流程。 有趣的是，在流程图中，流程、决策或问题等每个功能都有其指定的特定形状。 人们可以通过形状来理解步骤是什么。

如果您将这些与相似性原则结合使用，形状对比也可以以相同的方式工作。 是的，将具有相似特征和信息的形状分组可以帮助消费者轻松阅读设计。

在此示例中，文本框的形状也有所不同，但具有相似特征的文本框保持不变。 这为设计带来了对比和统一，使其令人愉悦和引人入胜。 由于对比，不同形状的使用也使其具有美感。

Kimp 提示：如果您不想将自己局限于常规形状，您也可以探索斑点和其他形式，以在设计中带来对比。 只要它带来视觉流动，为信息增添意义，并吸引观看，天空就是你的极限。

5. 位置对比

当我们说出“对比度”这个词时，你会想到什么？ 开箱即用的东西，不合常规，与人们所期望的相反，对吧？ 我们的下一种对比类型就像手套一样适合那个盒子。

位置上的对比会在消费者眼中产生好奇心、阴谋和惊奇。 它还可以通过在设计中使用象征主义来帮助您为品牌个性、产品功能等设定基调。 对比世界中的一个有用工具，理解或使用它可能有点棘手。 但这并非不可能。

考虑下面的这个例子，它是一个非常简单的线性设计。 在大小、颜色甚至形状上没有太大的对比。 但仅仅通过移动咖啡杯，设计的效果就更上一层楼了。 顾客的眼睛会立即被杯子吸引，然后是旁边的文字。 任务完成。

请注意该设计如何在颜色上形成对比，以使前三个单词脱颖而出。 现在，这就是您在一个设计中结合两种或多种对比类型的方式。

6. 排版对比

最后但并非最不重要的一点是，在您的设计中利用与排版形成对比的技术。 颜色和字体在设计的成功中起着非常重要的作用。 他们都在心理层面上与消费者建立联系。 与色彩心理学一样，字体心理学也会告诉客户品牌的特征和信息背后的情感。

您可以通过在消息中使用不同的字体样式来突出文本语气的对比。 通过排版的对比，建立视觉层次也变得更容易。

考虑这个例子。 这是一个充满彩色图案而几乎没有任何文字的网页。 但是这个页面上存在的两行文字却有对比。 是的，请仔细注意最后一行“北美观赏花卉”的字体完全不同。 这是为了展示品牌所推销的产品的性质，并与观众的氛围完全联系起来。

在设计中利用 Kimp 的对比

设计原则听起来像是只有设计师才需要担心的事情。 但是，当您在营销领域工作时，任何设计知识都可以证明是有帮助的。 此外，它还可以帮助您更好地欣赏您的设计和同行的设计。 随着时间的推移，这只会导致您创建更好的输出。

总而言之，在设计中达到正确的对比可能会很费力。 它需要许多迭代和实验。 不用担心，因为我们为您提供最佳解决方案。

Kimp 的无限制图形设计 (Kimp Graphics) 和视频设计服务 (Kimp Video) 以固定月费提供无限制的设计请求、修订等。 现在实验是负担得起的和容易获得的。

因此，立即注册免费试用。