详解那些颜色在设计中应该避免使用

网络为我们的网站建设工作提供了各种各样的颜色选择。对于迅速抓住用户注意力来说，颜色是一个极好的工具，它能够为视觉提供兴趣点和制造影响，并通过创造对比度来增强页面信息的可读性。颜色也是许多设计趋势的中心，包括平面和材料风格。

想想，你是否曾有用错颜色的时候?有什么色调或色彩组合，你应该在网站设计之初就应该避开?一句话...有的!今天我们看看在网站建设和App设计及开发时应该避免的颜色或颜色组合。如果你已经犯了其中一个错误，我们也会提供其他建议。

1.霓虹灯效果(霓虹色)

霓虹色也许能创造更有趣、扭曲的个性元素，它可以在网页设计的色彩应用中添加很多的流行色或元素。 不幸的是，对于用户的眼睛来说，这简直就是一场“灾难”，这种颜色应用会给用户一种“泪流满面”的感觉，因为所有的一切都在伤害他们的视觉。

霓虹色的主要问题在于，它们太亮导致不容易阅读，并导致配对的背景往往不是太暗就是太浅的问题。当与文本一起使用时，霓虹色目前的可读性问题主要在于背景，因为文字几乎渗入到背景之中无法辨识。霓虹色需要搭配的背景通常过于抢眼，分散了设计中的主要信息。

尝试这样做：从霓虹色的颜色中去除一些亮度，使它们在屏幕上有一个更暗，更微妙的外观。

Orange You Glad网站在很多部分“几乎”将霓虹色融入到他们主页的设计中。这种主题的共同点在于，他们将霓虹色用于较小的元素并使用微妙的颜色变化，使粉红色，黄色和绿色这些更容易被视觉接受的色系。

2.“振动”色

当在网页设计中将高饱和度的颜色配对时，它们会产生一种“振动效应”，其中颜色似乎在模糊或发光的运动中游移。事实上，你不想这样做。

这种振动对于用户来说是令人不安的，正如颜色理论家约瑟夫·阿尔伯斯在他的经典指南“颜色的相互作用”中所概述的：“这种最初令人兴奋的效果同时也会让人感觉到侵略性，长时间看着它们甚至会使我们的眼睛感觉不舒服。人们发现它很少被使用，除了在广告中为了创造出惊艳的效果，但是结果却令人不快，厌恶以及极力想去避免的。”

当你在进行网站建设工作的时候，你几乎可以预测什么颜色在你将他们搭配在一起时会产生“震动效果”。

· 使用的颜色都是高饱和度的;

· 色轮上的互补色;

· 在色轮上间隔180度的颜色;

· 将颜色转换为灰度，导致对比度异常小。

对于这种搭配，一个典型的例子就是将明亮的红和绿搭配在一起。流行的“圣诞节”组合是最大(最广泛使用)的“罪魁祸首”。这些组合还存在可区分性问题，因为它们对于具有色盲的人来说是不可辨识的。

尝试这样做：如果你实在必须使用“振动”颜色来组合的话，请使用他们的中间色(最好是中性色)来过度他们。

3.在亮色中叠加另外的亮色

这是常见的配色错误之一。也许是因为你可以在后面的工作中用打印项目来完成它，也许是因为某些屏幕设置，使其可行，但浅色的光色组合最终的结果是你很难将他们区分开。

每一次这种尝试带来的结果都是是阅读变得异常困难。

这个案发现场似乎在这里：我们在banner的设计中经常配对图像和白色文本，但文本却落在图像的一个亮色的部分。在这一点上，这些词是难以被辨识和读取的。它发生的方式比它应该更频繁。如果每个字母都不清楚导致无法读取，你需要重新思考怎么去调整它。

尝试这样做：幸运的是，这个问题很容易修复：

· 选择具有一致颜色背景的新图片。

· 在有大量颜色变化的图像顶部于文本使用彩色框。

· 考虑全色图像叠加以增加背景和文本元素之间的对比度。