我可以使用红色/绿色文本颜色来提供其他信息吗?

时间:2009-08-29 06:13:42

标签: user-interface

我有一个文本大纲树,其中显示了大量信息每个项目最多有三个图标(一个在前面,一个在文本后面,一个在左侧)。但我仍需要展示更多。

所以我使用了不同的文字颜色。不幸的是,只有红色=停止,禁止,受保护和绿色=好,有效,允许是如此普遍已知。我把它与黑/蓝混合,代表没有可用的信息项。

我的问题是:红/绿盲人是否认识到这些彩色文本的区别? 我并不真正关心真正的色盲人,因为他们处于0,001%的范围内,而红色/绿色盲人在百分之一百的范围内严重偏高。

编辑: 我从一个人那里听到他是红色/绿色盲人并且能够告诉我这是绿色文本还是红色文本而只有当这是一个真正的混合色沙拉他们无法区分它时。因此问题是:GUI列表/树中的文本项目彼此相距太远,红色/绿色盲人可以将它们看作不同颜色的任何颜色。

6 个答案:

答案 0 :(得分:7)

不,我们没有看到差异! 我曾经在一家使用红色/绿色定期获取信息的公司工作,这非常令人困惑。

但是,就像他们在交通信号灯中那样做,并为绿色添加一点蓝色。 FF0000和FF00CC很容易区分(对我来说至少)。

此外,它更容易分辨更大的文本/事物。小像素或像素细线很难看到颜色。

答案 1 :(得分:4)

因此,单独使用红色/绿色是不好的。我的老板实际上有红色/绿色的色盲,所以他指出任何时候我们陷入困境并且他无法区分某些东西。

考虑一下:

  • 大纲框(例如虚线)
  • 背景颜色
  • 文字粗体/不粗体
  • 又一个图标
  • 现有图标的变体或叠加
  • 鼠标悬停提示(标题)

鼠标悬停实际上是一个非常有用的东西 - 虽然图标可能对您来说很直观,但可能不是第一次使用您的应用的人。

我同意将其设为黑白试验的建议 - 虽然还有一些Firefox扩展程序可以执行此操作:https://addons.mozilla.org/en-US/firefox/search?q=colorblind&cat=all - 遗憾的是,似乎没有更新3.5。< / p>

答案 2 :(得分:4)

颜色可能会提供线索,但它们不应该是查找信息的唯一方法。

<强>个人

我有红色/绿色缺陷,这是我的一些经验。请记住,即使在正常视力的人中,色觉也是非常个性化的。其中一些可能是正确的。

  • 分辨颜色比识别颜色更容易
  • 靠近大区域更容易区分
  • 尝试告诉颜色很费劲,这不是一个提示,而是一项任务 (即颜色编码的UI耗尽而不是帮助我)
  • 我可以告诉RGB(255,555,0)RGB(0,255,0)以及它们并排时的识别 并且可以告诉你“哪个更环保”。但是,我不能玩大多数益智游戏 将它们用于颜色编码。
  • 混合色问题最多。
  • 实习生曾经被我的问题搞糊涂了,因为桌面背景 - 一些喷漆店的风景 - 都是粉红色的。我不知道。

想象一下列表控件(如Windows资源管理器文件列表),其中文件名为黑色,红色或绿色:

  • 将红色与黑色分开是很难的。直到有人告诉我,我通常不会注意到。即使是体面的TFT,从一个微小的角度来看它们也会洗掉。如果有人告诉我“其中一些是红色的”并且我看起来很难,我可以正确识别。
  • 我曾经删除了3天的工作,因为我没有注意到左边的文件列表是红色而不是黑色(这是一个2像素线宽的字体!)。
  • 在黑色项目中有一个红色或绿色项目,很难判断它是红色还是绿色。

人们对缺陷的处理方式不同,虽然我从来没有发现一个色觉缺乏的人会感到羞耻或躲藏它,但我们仍然不喜欢将它揉进去。有些人,顺便提一下,因此很有争议因为他们无法想象我能轻易分辨X和Y,但不能分辨X和Z.我最好的方法就是让他们在不使用任何颜色名称的情况下解释“蓝色”的颜色。

一般性想法

精心挑选的颜色可以提供有价值的线索,极大地提高了UI的透明度。不要停止使用它们 - 只是让那些看不到它们的人仍然可以使用你的软件。

允许自定义颜色,并提供快速选择的配色方案。我真的不想选择14种颜色。

使用稍微偏离的颜色通常看起来比“原色”更专业(一个或两个通道为255,最后一个为0)。

色彩感知差异很大。你的显示器上看起来不错的东西可能会吸引其他地方。

首先,显示器的色彩还原 - 它们在线性,平衡和各向同性方面存在巨大差异。除非您使用同一批次的同一品牌,或使用经过适当校准的专业显示器,否则它们会产生最大的差异。

其次,是你的传感器。在不同波长下工作的红色感知器的人中有大约40/60的分布。还有许多微妙的个人差异。

第三,这是你的大脑。很多色彩感知都是从文化背景中学习和影响的。见例如here

答案 3 :(得分:2)

7%的美国男性患有某种形式的红绿色盲症。女性的比率要低得多。其他国家的发病率各不相同,但部分原因是诊断率低。

因此,为了符合ADA并符合UI最佳实践,请不要使用红色和绿色单独作为指标。

此外,没有人想要使用看起来像愤怒的水果沙拉的应用程序。

答案 4 :(得分:0)

你可以使用粗体 /非粗体/&lt; span style =“color:silver”&gt;变灰&lt; span&gt;代替? (抱歉无法使文字银色。)

答案 5 :(得分:0)

我同意你所说的很多内容。

红色和绿色在意义上是一个非常容易识别的组合。

就色盲而言,绿色和红色的色调在“坏”方面有很大差异。如果你想确保你有一个可用的用户界面,看看它是黑白的。 (我拍了一张截图并在Photoshop中给它20秒。)

如果您可以使用所看到的内容,请继续。否则,解决问题。

善,