(翻译)色彩饱和度影响用户效率的方式

  你是否曾经因为不喜欢产品的颜色而放弃它?颜色会影响我们对网站的感觉,同时也会影响我们使用网站的方式。
  用户访问网站时的第一印象来自于网站配色,如果配色赏心悦目,则用户接着浏览内容,否则他们会转身而去。

饱和色 VS 不饱和色

  给网站选择合适配色的关键是色彩饱和度。饱和度与颜色中的灰色量有关,饱和度越高,颜色中的灰色越少,饱和程度越低,颜色就越显得灰白[1]。
在这里插入图片描述
  饱和色色彩鲜艳,刺激眼球,吸引用户注意力,能够延缓用户的任务进度[2]。饱和色在需要引起用户注意的元素上应用效果最好,例如按钮、链接、警报和通知,但在背景或大型元素上使用饱和色会让用户眼睛疲劳。
  不饱和色能舒缓眼睛,有助于提高任务效率。最好在那些占用较多页面空间的背景元素中使用不饱和色,例如菜单、标题和面板。
  不饱和色不同,传达的意义也不同。不饱和亮色偏友好,而不饱和暗色偏严肃。网站的适合配色取决于网站内容及想让用户得到何种感受。[3]

灰色饱和色

  能与其他颜色同时使用的安全颜色是灰色。灰色是一种中性颜色,不会与饱和色或不饱和色冲突。可以使用不同灰度的灰色搭配网站的颜色。
  如果网站使用冷色,可以搭配混了冷色调的灰色。如果网站使用暖色,可以搭配混了暖色调的灰色。要在灰色中添加色调,需要增加色彩饱和度。
在这里插入图片描述
  网站选择的配色会影响用户的感受。采用令人厌烦的颜色,让用户
敬而远之。使用适合的色彩饱和度,给用户良好的印象。

原文地址:https://uxmovement.com/content/how-color-saturation-affects-user-efficiency/

[1]原文:Saturation is the amount of gray in a color. The more saturated a color is the less gray it has. The less saturated a color is the grayer it is.
[2]原文:Saturated colors are dynamic and stimulate the eyes. They attract a lot of attention and can slow users down in their task.
[3]原文:There’s a difference between desaturated colors in the tone they convey. Desaturated bright colors convey a more friendly tone. Desaturated dark colors convey a more serious tone. The right color combination for your site will depend on your content and how you want users to perceive you.

发布了157 篇原创文章 · 获赞 102 · 访问量 45万+

猜你喜欢

转载自blog.csdn.net/gc_2299/article/details/103018889
今日推荐