User interface 我可以使用红色/绿色文本颜色来提供其他信息吗?
我有一个文本大纲树,其中显示了大量信息,每个项目已经有多达三个图标(一个在前面,一个在文本后面,一个在左侧)。但我还需要展示更多 所以我用了不同的文字颜色。不幸的是,只有红色=停止,禁止,保护和绿色=好的,有效的,允许的是如此普遍的了解。我将其与黑色/蓝色混合,黑色/蓝色代表无可用信息项 我的问题是:红色/绿色的盲人能识别这种颜色文本的区别吗?User interface 我可以使用红色/绿色文本颜色来提供其他信息吗?,user-interface,User Interface,我有一个文本大纲树,其中显示了大量信息,每个项目已经有多达三个图标(一个在前面,一个在文本后面,一个在左侧)。但我还需要展示更多 所以我用了不同的文字颜色。不幸的是,只有红色=停止,禁止,保护和绿色=好的,有效的,允许的是如此普遍的了解。我将其与黑色/蓝色混合,黑色/蓝色代表无可用信息项 我的问题是:红色/绿色的盲人能识别这种颜色文本的区别吗? 我并不真正关心真正的色盲,因为他们在0001%的范围内,而红/绿盲在一位数的范围内是严重的 编辑: 我从某人那里听说,他是红/绿盲,能够告诉我这是绿色文
我并不真正关心真正的色盲,因为他们在0001%的范围内,而红/绿盲在一位数的范围内是严重的 编辑:
我从某人那里听说,他是红/绿盲,能够告诉我这是绿色文本还是红色文本,只有当这是真正的混合色沙拉时,他们才能区分它。所以问题是:GUI列表/树中的文本项是否彼此距离如此之远,以致于红/绿盲的人可以将它们视为不同颜色的阴影。您是否可以使用粗体/不粗体/灰显?(很抱歉,无法将文本设置为银色。)您是否可以使用粗体/不粗体/灰显?(很抱歉,无法将文本涂成银色。)我非常同意你所说的 从意义上讲,红色和绿色是很容易辨认的组合 就色盲而言,绿色和红色的深浅程度在“坏”的程度上差别很大。如果你想确保你有一个可使用的用户界面,请用黑白的方式查看它。(我在Photoshop中截图20秒。) 如果你能利用你所看到的,继续前进。否则,解决问题 善良
丹我非常同意你说的话 从意义上讲,红色和绿色是很容易辨认的组合 就色盲而言,绿色和红色的深浅程度在“坏”的程度上差别很大。如果你想确保你有一个可使用的用户界面,请用黑白的方式查看它。(我在Photoshop中截图20秒。) 如果你能利用你所看到的,继续前进。否则,解决问题 善良
丹出于这个原因,光是红/绿是不好的。我的老板实际上有红/绿色盲,所以他会在我们搞砸的时候指出,他不能分辨什么 考虑一个:
- 轮廓框(如虚线)
- 背景色
- 文本加粗/不加粗
- 又一个图标
- 现有图标上的变体或覆盖
- 鼠标悬停提示(标题)
我同意让它以黑白模式试用的建议——尽管也有一些Firefox扩展可以做到这一点:——不幸的是,似乎没有更新到3.5版本。仅红色/绿色就不好了。我的老板实际上有红/绿色盲,所以他会在我们搞砸的时候指出,他不能分辨什么 考虑一个:
- 轮廓框(如虚线)
- 背景色
- 文本加粗/不加粗
- 又一个图标
- 现有图标上的变体或覆盖
- 鼠标悬停提示(标题)
我同意让它以黑白模式试用的建议——尽管也有一些Firefox扩展可以做到这一点:——不幸的是,似乎没有更新到3.5版本。不,我们看不出有什么不同! 我在一家定期使用红色/绿色信息的公司工作,这让人非常困惑 但是,像他们在交通灯里做的那样,在绿色的基础上加一点蓝色。 FF0000和FF00CC很容易区分(至少对我来说)
此外,更容易区分较大的文本/内容。小像素或像素细线更难看到颜色。不,我们看不到区别! 我在一家定期使用红色/绿色信息的公司工作,这让人非常困惑 但是,像他们在交通灯里做的那样,在绿色的基础上加一点蓝色。 FF0000和FF00CC很容易区分(至少对我来说)
此外,更容易区分较大的文本/内容。小像素或像素细线更难看清颜色。7%的美国男性患有某种形式的红绿色盲。女性的比例要低得多。其他国家的发病率各不相同,但部分原因是诊断率低 因此,为了符合ADA和UI最佳实践,不要单独使用红色和绿色作为指标
此外,没有人愿意使用类似愤怒水果沙拉的应用程序。7%的美国男性患有某种形式的红绿色盲。女性的比例要低得多。其他国家的发病率各不相同,但部分原因是诊断率低 因此,为了符合ADA和UI最佳实践,不要单独使用红色和绿色作为指标
此外,没有人希望使用看起来像愤怒的水果沙拉的应用程序。颜色可能会给出提示,但它们不应该是找到该信息的唯一方法 个人 我有红色/绿色缺陷,以下是我的一些经验。请记住,即使在视力正常的人中,色觉也是非常独立的。总的来说,其中一些可能是正确的
- 区分颜色比识别颜色容易
- 近距离的大面积区域更容易区分
- 试着分辨颜色是一件费力的事,它不是一个暗示,而是更多