网页设计中应避免哪些颜色

已发表: 2016-09-15

广告是一项棘手的业务，这完全取决于您如何展示自己。颜色是任何广告的核心，它决定了它将如何成功地推广您的品牌、商品或服务。这就是为什么使用适当的色调对于当今的企业来说已成为必要的原因，以赢得目标受众的注意，因为每种产品都需要不同形式的广告。

如果您正在寻找在您的网页设计中学习颜色选择的基础知识，本文将帮助您增加有关如何正确进行颜色选择的知识。正确的配色方案可能是您的广告活动取得成功的决定因素，因此执行完美的组合绝非易事。

配色方案的重要性

配色方案的力量不容小觑。如果给予正确的曝光，它可以被利用成为你在任何网页设计中的最大优势。如果创造性地使用，即使是最简单的颜色也可以被安排来激起目标受众的思想和心灵并赢得他们的注意力。使用适当的色调组合的配色方案不仅可以提高广告能力，还可以提高用户在网站上平均花费的时间。

然而，选择错误的配色方案至少可以说是灾难性的，并且可能淹没任何产品或服务，无论它有多大或它带来了什么。一些广告商选择华丽的颜色来展示他们的品牌，以吸引目标受众的注意力。尽管他们可能成功地让人们的头转向他们的方向，但观众最终会对长期失去兴趣。设计师这样做只会分散客户的注意力并掩盖商品的劣质。这最终会损害企业的品牌形象和声誉。

在本文中，我们将介绍在线广告中应避免使用哪些类型的配色方案。我们的团队创造了一份“不要做”的清单以及一种可供您尝试的替代方法。

使用一种颜色

只有一种颜色代表您的整个网站，这对于您的目标受众来说既乏味又无趣。在移动到使用更合适的配色方案开发的下一个站点之前，观众甚至不太可能尝试略读它。

尝试这个：

相应地调整配色方案是确保专业设计能够引起对网站重要方面的关注的一项关键任务。按钮、字幕、引用和超链接等元素应相应地发出颜色以突出它们的重要性。

选择错误的颜色

为您的网页设计选择错误的颜色可能意味着在杂志架上被忽视或在看到时被出售。对于要销售产品甚至要推广服务的网站，它可以轻松地从产品的外观或服务的哲学属性中挑选色调。无论哪种方式，您的网站与您所提供的内容的深刻表示有助于建立与用户的联系。在销售美容产品的网页设计中使用深蓝色（如海军蓝）会令人失望。

尝试这个：

在让您的网站陷入代价高昂的灾难之前，请使用色彩理论来选择与产品密切相关或在某种程度上表现出其特征的那些色调。这有助于查看者保持对网站的参与，甚至对产品进行尝试。

霓虹色

完全不禁止使用霓虹色，但在你的网页设计中用它们来庆祝洒红节可能是愚蠢的举动。霓虹色是通过将亮度强度提高一点点来创建的，以使其在对比度中脱颖而出。

毫无疑问，它们在设计中既时髦又有趣，但只是数量可观。在您的模板上不断地使用它们确实会使观看者的眼睛流泪，但也会导致文本渗入对比度而破坏其可读性。如果我没记错的话，您的目标是让访问者参与进来，而不是导致癫痫发作。

尝试这个：

然而，如果你真的很坚持，你总是可以从霓虹色中去除不必要的亮度，这样它会使文本更暗一点，不那么强烈。此外，如果您已经决定将霓虹色添加到主题中，请确保将它们用于较小的元素，以便读者可以轻松看到它们。

振动颜色

现在将颜色与坏血混合或配对就像故意模糊访问者的视力。当高度饱和的颜色相互作用并产生“振动效果”时，就会发生这种情况，从而产生发光的运动。用户非常不喜欢这种振动效果。

通过结合这些鲜艳的色调，视觉会变得很烦人，并会产生扰乱视觉的残像效果。它不仅会阻止用户阅读内容，还会使您的文本变得一团糟。

尝试这个：

再一次，不建议您将振动颜色相互结合，但如果有必要，最好的解决方法是在两种明亮颜色之间引入中性色，使两种颜色中的任何一种变成较暗的阴影。

此外，如果您需要找出哪些颜色会振动，您可以将它们并排放置，您会注意到：

它们之间存在高饱和度的颜色
色轮上的互补和间隔 180 度
当颜色转换为灰度时，几乎没有对比度

彩虹主题

在我看来，任何违反色彩理论规则的东西迟早都会对您的网页设计造成危害。所以让我们面对现实吧，彩虹色的网站是行不通的。试想一下，读完这篇文章后，您为了在脑海中创建一个彩虹主题模板而扼杀了多少规则。

彩虹色的网页设计不仅非常规而且具有误导性——如果你明白我的意思的话。您想宣传、宣传或销售某些东西，但向您的客户和访客展示彩虹将无济于事。

尝试这个：

但是，如果您有兴趣制作具有 3 种以上颜色的多色网页设计，请为您的模板使用色块或卡片样式。这使您可以逐块将颜色分配给类别，而不会影响设计中的颜色平衡。

白底浅色

每次我看到这个错误时，我都会意识到客户往往会失去兴趣并转移到另一个网站。在浅色背景下使用浅色与销售面包三明治相同。您需要平衡明暗，并设置合理的差异量，以使读者能够顺利浏览网站而不是放弃它。在最新的网页设计趋势中，标题图像使用的增加使这成为一种常见的事故。

尝试这个：

避免这种情况的最佳方法是将背景颜色与色轮上的调色板进行比较。您可以通过检查彼此的对比度友好性来轻松区分正确的组合。良好的组合将内容与设计结合起来，并在您的网页设计中产生自然的吸引力。

尝试详细的背景

这可能是网页设计中关于颜色的最致命错误。企业主聘请设计师来制作他们最好的作品，并为他们建立一个网站，让他们的业务和收入达到最高水平。但这就是有时事情会有点失衡的地方。网站设计师一直在寻找新的方法来打动他们的承包商，在这种追求中，他们经常在背景中添加过多的颜色细节。暂时，它看起来并没有那么糟糕，但是当设计进入到所有元素和内容设置的最后步骤时，它就变成了一个丑陋的模板。

尝试这个：

避免这种崩溃的唯一方法是指示您的网页设计师不要在后台添加颜色细节，并让您的团队在原始计划中测试或实施任何新内容时保持循环。

淡黄色和亮蓝色

大多数设计师都很清楚，当涉及到网站背景时，亮蓝色和淡黄色是糟糕的颜色选择。明亮的蓝色是强烈的，并且总是对进入他们领域的任何其他颜色具有侵略性。淡黄色的反应不同，通过影响游客的情绪并导致其他色调变得激进，从而破坏了背景颜色的目的。这就是为什么您永远不应该尝试使用它们的原因。

亮蓝色作为背景

现在我并不是要冒犯任何亮蓝色爱好者，说它在网站背景中看起来很糟糕，这只是一个事实，它不能，永远不会是设置对比度的好颜色选择。一方面，明亮的蓝色太强而无法与网站的内容相映衬，另一方面，它让设计师没有太多选择将其与调色板中的另一种色调相结合。它具有振动效果，使其更接近霓虹色，如果您确实阅读了我上面讨论的内容，那么霓虹色绝对不是！

尝试这个：

您可以使用较浅的蓝色阴影，尤其是当您的网站有卡片样式设计时。它将中和振动效果，并满足背景为蓝色的需求。

背景为淡黄色

在标题中添加一点黄色，也许标题的一些文本可能看起来不错，但将其淹没在背景中可能意味着访问量高的网站和互联网上漂浮的垃圾的区别。它不仅给人一种不吸引人的色调，而且反映了企业对其客户的不良品味。黄色具有情感意义，可以在观众中发出幸福和欢乐的音符。因此，就成本和客户流失而言，在没有透视的情况下使用它可能会对您的网站造成不可逆转的损害。

尝试这个：

您可以将它与棕色、深红色或橙色一起使用，以点燃复古外观，然后在其他情况下也可以使用它。如果与正确的页眉和页脚颜色（例如橙色）相结合，带有黄色色调的白色背景会让您的访问者感到惊讶。

忽略颜色匹配工具

然而，配色方案并不是一件容易的事，因为找到完美的颜色组合来吸引客户说起来容易做起来难。这是因为对色彩混合有深入的了解，以及什么样的组合能引起观众的偏好反应是一门很少有人接受的艺术。这导致对试错法的严重依赖，这对广告来说极具风险。一个错误最终可能导致整个广告系列失败。

幸运的是，有一种解决方案可以克服这种配色方案障碍，它以配色工具的形式出现，该工具旨在将不同的颜色组合在一起，其结果可与该领域的资深人士相媲美。

尝试这个：

当您选择主色时，开发了诸如 Adobe Color CC 工具之类的颜色匹配工具来简化选择强调色的选择过程。尽管该工具可能看起来很复杂，但实际上它的设计既简单又有效。

配色工具配备了简化配色方案的选项，例如：

选择围绕其选择强调色的主色
选择要围绕其选择强调色的照片

强调色的重要性

可以使用强调色突出显示网页上的重要信息，以表明它们的重要性。它们的范围可能从超链接到您希望吸引观众注意的网页上的其他内容。建议坚持使用一种或两种强调色，因为更多的强调色最终会给网站访问者造成混乱。

结论

虽然颜色在为网站提供着装规范和吸引力方面发挥着重要作用，但如果您希望获得成功的业务运营，则必须在您的设计模板中正确使用它们。如果没有合适的色调，您的网站不仅会成为笑柄，而且还会带来代价高昂的失望。