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

 2020-10-16 14:45:57  851 浏览  0 评论   赞

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

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

图1114-1:配色方案

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

太亮的霓虹色

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

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

“震颤”的色彩

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

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

浅色 浅色

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

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

“k”黑色

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

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

 

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

()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2022 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com