网络为我们的网站建设工作提供了各种各样的颜色选择。对于迅速抓住用户注意力来说，颜色是一个极好的工具，它能够为视觉提供兴趣点和制造影响，并通过创造对比度来增强页面信息的可读性。颜色也是许多设计趋势的中心，包括平面和材料风格。
想想，你是否曾有用错颜色的时候?有什么色调或色彩组合，你应该在网站设计之初就应该避开?一句话…有的!今天我们看看在网站建设和App设计及开发时应该避免的颜色或颜色组合。如果你已经犯了其中一个错误，我们也会提供其他建议。
1.霓虹灯效果(霓虹色)
霓虹色也许能创造更有趣、扭曲的个性元素，它可以在网页设计的色彩应用中添加很多的流行色或元素。 不幸的是，对于用户的眼睛来说，这简直就是一场“灾难”，这种颜色应用会给用户一种“泪流满面”的感觉，因为所有的一切都在伤害他们的视觉。
霓虹色的主要问题在于，它们太亮导致不容易阅读，并导致配对的背景往往不是太暗就是太浅的问题。当与文本一起使用时，霓虹色目前的可读性问题主要在于背景，因为文字几乎渗入到背景之中无法辨识。霓虹色需要搭配的背景通常过于抢眼，分散了设计中的主要信息。
尝试这样做：从霓虹色的颜色中去除一些亮度，使它们在屏幕上有一个更暗，更微妙的外观。
Orange You Glad网站在很多部分“几乎”将霓虹色融入到他们主页的设计中。这种主题的共同点在于，他们将霓虹色用于较小的元素并使用微妙的颜色变化，使粉红色，黄色和绿色这些更容易被视觉接受的色系。
2.“振动”色
当在网页设计中将高饱和度的颜色配对时，它们会产生一种“振动效应”，其中颜色似乎在模糊或发光的运动中游移。事实上，你不想这样做。
这种振动对于用户来说是令人不安的，正如颜色理论家约瑟夫·阿尔伯斯在他的经典指南“颜色的相互作用”中所概述的：“这种最初令人兴奋的效果同时也会让人感觉到侵略性，长时间看着它们甚至会使我们的眼睛感觉不舒服。人们发现它很少被使用，除了在广告中为了创造出惊艳的效果，但是结果却令人不快，厌恶以及极力想去避免的。”
当你在进行网站建设工作的时候，你几乎可以预测什么颜色在你将他们搭配在一起时会产生“震动效果”。
· 使用的颜色都是高饱和度的;
· 色轮上的互补色;
· 在色轮上间隔180度的颜色;
· 将颜色转换为灰度，导致对比度异常小。
对于这种搭配，一个典型的例子就是将明亮的红和绿搭配在一起。流行的“圣诞节”组合是最大(最广泛使用)的“罪魁祸首”。这些组合还存在可区分性问题，因为它们对于具有色盲的人来说是不可辨识的。
尝试这样做：如果你实在必须使用“振动”颜色来组合的话，请使用他们的中间色(最好是中性色)来过度他们。
3.在亮色中叠加另外的亮色
这是常见的配色错误之一。也许是因为你可以在后面的工作中用打印项目来完成它，也许是因为某些屏幕设置，使其可行，但浅色的光色组合最终的结果是你很难将他们区分开。
每一次这种尝试带来的结果都是是阅读变得异常困难。
这个案发现场似乎在这里：我们在banner的设计中经常配对图像和白色文本，但文本却落在图像的一个亮色的部分。在这一点上，这些词是难以被辨识和读取的。它发生的方式比它应该更频繁。如果每个字母都不清楚导致无法读取，你需要重新思考怎么去调整它。
尝试这样做：幸运的是，这个问题很容易修复：
· 选择具有一致颜色背景的新图片。
· 在有大量颜色变化的图像顶部于文本使用彩色框。
· 考虑全色图像叠加以增加背景和文本元素之间的对比度。
