页面设计雷区：配色黑名单

像《布达佩斯大饭店》一样艳丽唯美的电影？颜值与设计感并存的单款配色数码产品？花样百出的扮装品？

学习精确的配色规则与方法不仅能让我们在做设计的时候更加得心应手，还能够提高审美。
然而，缺点的配色办法也不能被忽略。
在避免犯错的同时，也让我们对色彩的节制更加深入。

同一种配色，在电影或插画中或许是俏丽的，但一旦呈现在了数码页面上，却会变得晃眼。
因此，为了实现更为都雅的设计，在进行页面设计时，记得把以下几项配色拉黑哦。

一、纯玄色（#000000）

玄色在绘画中被称为“颜色中的皇后”。
关于色彩生理学的文章都强调玄色与魅力、精细、力量和威信的联系。
因此，“纯玄色”被列入黑名单，可能会让人以为有些困惑。

但如果仔细不雅观察就会创造，精良的作品利用的“黑”都不是纯黑（#000000），而是靠近于纯黑的深灰色。

这是由于真正的纯玄色（#000000）实际上是一种不自然的颜色，它不存在于自然界中。
纯玄色的产生意味着要接管所有的光谱，而这在自然界中根本不可能发生。
自然的色彩是稠浊且柔和的。
因此，纯玄色不是我们眼睛习以为常的东西，我们的大脑不习气看到它。

纯玄色（#000000）与鳕鱼灰（#1111111）的比拟

在界面元素中利用霓虹色

霓虹色指的是发出强烈光芒感的通亮的颜色。
霓虹色虽然引人瞩目，却会给眼睛和大脑带来不适感，尤其在电子显示屏中涌现的霓虹色会更令人炫目。
作为不会涌如今自然界中的颜色，它们对付人的大脑来说是不熟习的，因此大脑在处理这类信息的时候会很吃力。

在艺术作品或插画里，霓虹色是俏丽、充满活力且吸引人的颜色，尤其用在复古主题的作品中有非常好的效果。
但是在界面设计中，它作为背景色会过度抢眼；用在笔墨上会导致难以阅读，如果强行利用，就会由于过度刺激眼睛和大脑，而大大影响用户体验。
如果一定要利用霓虹色，只管即便避开须要被阅读的笔墨背景，比如主体笔墨，侧边栏导航栏和按钮的背景。

霓虹色海报

比拟度过高的组合

任何的高比拟度色彩带来的震荡效应都是让人以为两个色彩之间会产生模糊、刺眼或者发出光晕的视觉效果。

“红配绿”便是一个范例的反面例子。
作为圣诞节的主打色，红绿组合在页面设计中却很不适用。
赤色给人带来热烈和愉快的觉得，而绿色作为冷色调，可以沉着大脑，将两者放在一起会使大脑在进行视觉信息处理时感到不舒畅。

同样，作为范例冷色和暖色的代表，蓝色和赤色搭配虽然没有红绿配那么激烈﹐但也仍旧会产生冲突。
同时，二次色作为原色的稠浊色和它的原色也很难搭配。
以是在配色的时候可以规避二次色和其相邻的原色合营利用。
比如紫色是赤色和蓝色的稠浊，就避免和赤色或蓝色搭配；绿色是蓝色和黄色的稠浊，就避免和蓝色或黄色搭配；橙色是黄色和赤色的稠浊，就避免和黄色或赤色搭配。

红配绿和蓝配红的效果

比拟度过低的组合

避免强烈比拟的颜色并不虞味着该当只利用色调和数值险些相同的颜色，矫枉过正同样也是不可取的。
浅色与浅色搭配，或者深色与深色搭配，导致比拟度过低，影响了可读性，同样也会导致不好的用户体验。

比如，浅色的笔墨放置在白色或浅色背景中，就会让访问者难以弄清文本所说的内容。
深色背景配上深色笔墨也是如此。
除此之外，还有一些特定的糟糕组合，比如黄色笔墨配绿色背景、绿色笔墨配黄色背景、赤色背景配玄色、蓝色和品红笔墨，等等。

浅色笔墨放在浅色背景上的效果

多颜色背景

选择纹理背景的时候要小心。
要避免利用刺眼的颜色，这类颜色常日是通过重复利用一些色彩通亮的、尺寸很小的图案来构成。
这种背景过于鲜亮且色彩冲突性强，很随意马虎让笔墨被忽略。
常日的法则是在背景里利用不超过三种颜色；如果超过了，绝对不能超过四种颜色。

同样的道理也适用于渐变色的利用。
避免在有多个笔墨块的页面利用渐变色块，也不要利用包含了笔墨颜色的渐变色块作为背景，这样笔墨就不会由于背景色的影响而被读者忽略。
在利用纹理背景的时候，必要时可以把笔墨放在一个能差异于背景的干净区域，比如给笔墨框设置背景或者在笔墨图层的下面放一个合营笔墨的颜色图层。
同时牢记让笔墨和其他的视觉元素保持间隔，这样笔墨才能脱颖而出。

精确背景与笔墨示范

在看重色彩的时候不要忘却：颜色并不是唯一一个影响设计效果的成分，也不是一个伶仃的存在，在配色的时候要综合考量排版、插图，内容和目标受众等各个方面再进行选择。
很多时候，须要多次考试测验才能得到空想的效果，因此，不症结怕改动，每一次改动，一定都是为了得到更好的结果。

编 辑｜龙 一 刘佳婧

责 编｜圆 圆