(翻译)网站不要使用红绿搭配的原因

  大家都知道红色和绿色是过圣诞节时常见的颜色,但在网络上,红色和绿色搭配使用会给用户带来问题。网站不应使用红绿搭配,原因有以下三点:

色盲用户看不出差异

  一些网站用户可能有色盲症,最常见的色盲是绿色盲。绿色盲用户难以区分红色和绿色。不要使用红绿搭配,选择那些色盲用户可以分辨的颜色,使网站中的元素有更高的对比度,便于用户区分文本、标签、按钮和链接。
在这里插入图片描述

可见光谱中的色调太相近

  红绿搭配使用,两者争做前景色,相互衬托[1]。在可见光谱中,红色和绿色的色调过于接近,即使努力提高颜色对比度,把背景变深,将文字加亮,颜色对比度依然相对较低。
在这里插入图片描述

与心理过程冲突

  道路交通规则中,绿色表示通行,红色表示禁止。但如果把现实规则应用到按钮中,绿色盲用户将无法分辨这两种颜色,也分不清主要操作和次要操作,当点击按钮时,会与用户心理过程冲突,影响他们的决策[2]。为了避免这种情况,在操作按钮中的一个按钮上使用绿色或红色,其它按钮不要再使用这两种颜色。
在这里插入图片描述
  为网站挑选适合的颜色在美学上很重要,对可访问性而言也很重要。如果关心用户,请使用色盲用户也可分清的颜色组合。虽然色盲用户可能没有多少,但他们也需要良好的用户体验,以便能充分使用网站。

原文地址:https://uxmovement.com/content/why-you-should-never-pair-green-and-red-on-the-web/

[1]原文:Green and red color hues together tend to make each other brighter by competing for the foreground.
[2]原文: However, if you use this real-world mapping on your buttons, color blind users won’t know which one is the primary or secondary action because they’ll see both buttons as the same color. This will cause a conflict in the user’s mental processing and affect their decision-making when clicking a button.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值