网页设计时4种错误的配色，带来不好的体验

太亮的霓虹色不利于阅读，难以识别；高饱和度的颜色搭配不当会让人感到不适；浅色 浅色的搭配很难看清页面上的文字；纯黑色的配色少用

图1114-1：配色方案

哪些色彩搭配应该拉入“黑名单”?打开网站，给用户留下第一印象的不是网站丰富的内容，也不是网站合理的布局，而是网站的色彩搭配。一个网站的色彩配搭一定要有自己独特风格，这样才会更显鲜明个性，给用户留下深刻印象。但是有些色彩搭配一定要注意使用，否则很容易会为用户带来不好的体验。

闪亮的霓虹色一直是夜色下装点城市的主色，作为时下最炫酷的颜色，很多设计师都会将霓虹色应用于网站设计中。但要注意的是，霓虹色的文字内容不好识别，不利于阅读，尤其是和暗色调的背景搭配，会很容易出现晃眼的感觉;如果用太亮的霓虹色做背景，这个页面就像“钛合金激光”那样，“亮瞎了狗眼”。

解决方法：将霓虹色的亮度适当降低，让它看起来没有那么亮眼，用户在浏览网站的时候就不会出现晃眼的感觉。

“震颤”的色彩指的就是那些高饱和度的色彩搭配在一起时会产生一种“震颤效应”，让看到的人产生模糊、震颤或者发出光晕的视觉效果，从而感到不适。

解决方法：不要将高饱和度的色彩放在一起;要将在色轮上是互补色或是相隔180度处理对称位置的两种色彩放在一起;将两种色彩转化为灰度之后，两者灰度非常接近的色彩不要放在一起;如果必须使用这些高饱和度色，就应该加入中性色彩将两者分隔开来。

浅色 浅色的色彩搭配是网站设计最常见的错误色彩搭配方式，这样的设计会让用户很难阅读网站的内容。如果网站banner图中，文字的色彩和背景的色彩最浅的部分叠加在一起，容易给用户造成阅读障碍，降低banner的作用。

解决方法：文字的色彩和背景色构成对比;调整整个背景的色调、明暗、饱和度等，以达成提升文字和背景对比度的效果。

“K”黑指的是CMYK中的K黑色，很多时候网站设计的图很有可能会被使用到印刷品上，我们都知道不同显示设备其颜色都会有所差异，更何况显示器与印刷品的颜色。网页用的纯黑的色值为#000000，而印刷品中的纯黑的色值是C75、M68、Y67、K90，这种色彩使用到印刷品中会有微微泛蓝的现象。

解决方法：网站设计在使用黑色时，尽量不要使用色值为#000000的纯黑色，可以挑选带有企业品牌色调的黑色，这样在用到印刷品上就会更显协调。

转载请注明：网创网 www.netcyw.cn/b1114.html