在网站设计中，配色方案直接决定用户的第一印象和体验。当咱们评论配色的时分，一般聊的是配色趋势、配色规矩和配色方法，可是与此一同，我也应当合理的躲避一些比较典型的过错配色方式。这个配色黑名单并不长，可是覆盖了多属的配色问题，无妨细心看看~

网络是一个多彩的国际，而颜色也是网络招引用户留意力的首要手法之一，它令人发生爱好，给人带来影响，而且经过比照、衬托带来愉悦的浏览体验。与此一同，颜色还是规划趋势中无法疏忽的一个重要组成部分，不管是扁平化规划还是Material Design，颜色的运用都是重中之重。

可是，用错颜色也是常见的现象。有没有特定的颜颜色配是网页规划中的大忌？有！这个必定是有的，而且还不少。这些颜色组合会让你的网页呈现各种各样的问题，为配色制定一个黑名单势在必行。今日的文章，咱们就来聊聊配色的“黑名单”吧。

太亮的霓虹色

闪亮的霓虹色看起来很有趣，好像能让页面显得十分潮、十分流行。可是他们并不会让眼睛觉得舒畅，往往会给人以“闪瞎了”的不适感觉。

霓虹色的首要问题在于运用这种颜色的文字内容难于阅览，欠好辨认，和暗颜色的布景调配的时分，这种晃眼的感觉特别明显。而假如用霓虹色作为布景的话，这个页面简直是无法看的，除了霓虹色之外的内容简直都无法看清楚。

想处理这个问题，你能够试着下降霓虹色的亮度，让它看起来更暗，让它看起来愈加微妙，同屏幕显现更匹配。

这个页面就很好的处理了这个问题，他们运用了十分挨近霓虹色的配色，而且经过渐变色的方法来增加页面的丰厚度，颜色的亮度、比照度都用的适当微妙，不会令访客感到不适。

“震颤”的颜色

当高饱和度的颜颜色配在一同的时分，它们会发生一种“震颤效应”， 会让你觉得两种颜色之间会发生含糊、震颤或许发出光晕的视觉作用。毫无疑问，这是令人不适的。

在Josef Albers 的经典著作《颜色交互》中描述了颜色的“震颤效应”是如何给人带来不安感的：“这种配色开始或许会给人带来惊喜的作用，一同这种侵略性会让人觉得不舒畅，特别是眼睛。你们会发现，这种配色很少呈现在广告当中，由于它会让人觉得不愉快，难受。”

不过即便你没有尝试调配，也能够经过它们的基础特征，合理地躲避“震颤”配色：

·它们都是高饱和度的颜色
·两种颜色在色轮上是互补色
·他们在色轮上相隔180度，处于对称的位置
·将两种颜色转化为灰度之后，两者灰度十分挨近

典型的事例便是明亮的红色和绿色。这是广受欢迎的“圣诞节”配色，这也是遭到广泛诟病的配色计划之一。它首要的可访问性问题便是，色盲的用户是彻底分辩不出来的……

假如说你有必要运用“震颤”配色，这个对立也不是不能调和的：加入中性的颜色将两者分隔开就好了。

淡色+淡色

淡色+淡色的调配也是常见的过错之一。或许你在某个平面规划或许印刷相关的项目上这么配色，终究没形成可读性的影响，这或许是设置的问题或许色差形成的，可是在绝大多数的情况下，是过错的。

不管你怎么规划，这样的配色必定很难阅览其中的内容，每一次都这样。

这种过错常见于网站的Banner图中：帅气的大图和精心规划的白色字体调配在一同，而字体正好和颜色浅的部分叠加在一同，这下就十分为难了。淡色+淡色的调配让内容彻底无法读，作为Banner的作用简直被削弱为0。

想要修复这个问题其实十分简单：

·挑选颜色均匀一致的布景，文字部分能够与之构成比照

·假如无法修改布景，能够在布景和文字之间加一层，增加比照

·尝试调整整个布景图片的颜色、明暗、饱和度等，以达成提高比照度的目的

彩虹式配色

当网站花成彩虹那样的话，规划师必定是也生无可恋了。想想看，当一大堆各种各样的颜色都成为体系配色的一部分的话，各种颜色之间的干涉，都不知道打破了多少配色的规矩。这种规划尽管或许在一开始招引用户的留意力，可是随后让用户发生的厌恶和不适肯定会远超规划者的预期，即便网站内容再好，都无法被人辨认。

假如你真的期望让页面愈加“多彩”，那么不要让颜色都混杂到一同，试着运用卡片式规划来承载不同的颜色，合理的排布，既能够让颜色愈加灵敏，也能够保证组织性和流动感。

亮色+亮色/深色+深色

就像淡色+淡色的调配一样，亮色+亮色和深色+深色的调配，都是由于饱和度挨近而形成的辨识度问题。毫无疑问，这也是要躲避的问题。

你真的觉得这个问题不会发生到你身上？那么在做单色配色计划的时分，要当心这一点。即便是经验丰厚的规划师，也或许会在这个时分掉坑里。

总归，千万留意配色的比照度。假如这几个颜色是有必要运用的话，无妨将页面规划成翻滚变色的，这样你能够在保证比照和可读性的一同，让颜色也都用上。

“K”黑

咱们常说的CMYK中的K是黑色。许多规划师的规划著作会横跨网页版和印刷品，有时分会在做印刷品的规划的时分，会误将网页配色中的黑色用上去。实际上网页中的纯黑（#000000）和印刷中的黑色有着巨大的差别，早在PS 7.0中，黑色的CMYK色标其实是C75 M68 Y67 K90，而常说的体系黑K100 在更广泛的RGB配色中，也只是较深的灰色罢了！

印刷品，包含咱们日常日子中的许多黑色，其实分很多种，它们一般是某种颜色叠加了很多之后发生的作用，比方渡鸦的茸毛是黑色的，可是你细心看它会轻轻泛蓝。

所以，在规划这个黑色的时分，好是挑选一个带有你的品牌颜色的黑色（而非#000000）。这样能够在印刷的时分更容易和谐。（比方让黑色带有一点蓝色的颜色，来抵消文本内容中的黄色颜色）举个例子，上面Wonderland的页面中，黑色实际上是#0a0a0b。

结语

其实今日所谈到的一切的配色的问题，简直都是关于比照度和可读性问题的。实际上，只需保证颜色和内容的比照度和配色美感，简直一切的颜色都是能用的。遵循这些规则，让色彩真正为品牌赋能而非减分。