颜色对比设计，是设计师对网站设计是否成功的关键

您在设计网站，海报或任何其他类型的图像时选择的颜色将对整体设计是否成功产生巨大影响。毕竟，吸引人们的颜色背后有很多心理学，设计师需要把它纳入他们所做的一切。

颜色对比起着非常有价值的作用，但往往被忽视，低估和被误解。为避免此问题，您必须了解有关颜色对比的更多信息，包括如何以及为什么要使用它。一旦你超越了知道红色和橙色不是很好的颜色创造对比度但是黑色和白色的基础知识，那么你可以开始发展一种增强的审美，让客户和观众感到满意。

为什么颜色对比如此有用？

简而言之，色彩对比提供了视觉上的阴谋，让观众感兴趣。考虑一下，如果整个海报是由一种颜色制成的，或只包括来自同一色系家族的色调，那将是多么无聊。虽然有些情况是从艺术角度出发的，但是当他们正在阅读商店货架，看电影海报或上网时，这不是一种可能会吸引别人的注意力。因此，适当时使用对比色是明智之举。

想想经典的可口可乐可以。如果整个事情是红色的，那么它不会像现在那样突出。白色的文字真的从红色的背景中流下来，引起了人们的注意并立即被认出。这种对比在视觉上是惊人的，它从竞争对手中脱颖而出。

可乐

如何最佳使用颜色对比度

您所做的颜色选择在很大程度上取决于您使用的格式。可口可乐可以提供一个很好的方式来解释这个过程。在诸如苏打水罐的实体产品中，红色背景工作。它在印刷广告，电视广告等方面也很出色。但是，如果您尝试设计具有相同颜色的网站呢？

为了尽可能的坦白，一个坚实的红色网站页面背景与白色文本在上面将是残酷的。尽管如此，如果将文本框放置在较浅的颜色（如白色或棕褐色）上，则全红色背景将会起作用。从那里，您最有可能希望在文本框中使用黑色文本来创建另一层对比度。这种做法不但更引人注目，而且还能使人们真正阅读文本。记住：红色的黑色文字很难阅读。

在网络上不能很好地进行对比的颜色组合的其他示例，并且在其他格式中也可能几乎不可解译，包括中绿色上的浅绿色，红色上的绿色和蓝色的红色。相反，请考虑使用白色的绿色和黄色或白色蓝色。如果你必须把文字放在一个坚实的红色背景下，最好使用白色就像可口可乐一样。

当然，色彩对比并不总是用来引起对文本的注意。如果您要将两种不同的对比色搭配在一起，就可以将页面上的特定画面画出来，您可以选择不同颜色的色彩，以及阴影，色调和饱和度变化引起的更微妙的对比度。

色彩对比在让您的CTA或按钮突出时起着重要的作用。这应该不用说，但是当用户撇去着陆页或您的文章时，具有不同于该页面的颜色的CTA将会引起他们的注意。

这一切听起来不错，但为了看到它在行动中，我们应该看看一些正在使用颜色对比的公司的优势。

Teamweek是我能给你的最好的例子之一。如上图所示，尽管计划都是不同的颜色，绿松石按钮和页面的其余部分之间的对比仍然令人惊奇的工作吸引了您对CTA的关注。 

同样的事情发生在他们的注册页面上。虽然该页面的颜色和图案丰富，但用户的注意力被重定向到页面的中心。

旅行顾问使用对比度的颜色和空白区域，将每个用户的眼睛指向搜索结果的最重要方面。绿色和黄色的混合是令人愉快的，他们保持经典的蓝色超链接颜色，使人们很容易知道点击哪里可以了解更多。更好的是，他们为他们的“显示价格”按钮选择了一个大胆的黄色黑色文字，这显得非常突出，人们几乎肯定会采取这种号召性用语。

可以找到如何使用对比色的另一个优势。在开放和负面空间之间交替，他们选择白色和灰色拉扯眼睛。用红色闪闪发光的这种组合有助于确保网站访问者对视觉感兴趣可以坚持下去。

每个设计师需要知道的

全球约有8％的男性患有某种形式的色盲。这种情况在女性中比较罕见，但每17名色盲患者中有1人是女性。总共有4.5％的世界人口看不到世界其他地区的所有颜色。

这似乎是一个足够小的百分比，你不能满足他们的需要。然而，现实情况是，在英国，270万人是无色的。这是设计师真正需要考虑的，特别是如果他们正在创造一个针对男性的东西。

红/绿色盲是色盲最常见的版本。这意味着任何颜色的红色和绿色元素都不会对这些人有真正的外观。例如，一个具有红色/绿色盲症的人会将紫色视为蓝色。这是因为他们无法看到有助于区分紫色和蓝色的红色。

您可以想象，这使得选择完美色彩对比的过程更加困难。如果您选择绿色作为主要背景颜色，甚至选择字体颜色，则4.5％的预期观众可能无法准确查看所有内容。他们甚至可能根据您选择的色调和色盲程度有多严格，甚至无法阅读这些词。

最终，颜色对比应该使两个元素脱颖而出，特别是最重要的元素。换句话说，如果您将文字放在多彩的背景或图像上，请确保这些单词易于查看和阅读。请牢记您的观众，并设法避开颜色组合，使最终结果难以为色盲人群。

• 上一篇：如何让用户更多地关注你的网站？
• 下一篇：现代网页设计的流程，内容是网站设计过程的核心