23

我很好奇我们中的许多从事设计或做出设计决策的人是否听说过这个问题。

我知道有危险的颜色组合,比如绿色+红色。这可能是最流行的色盲案例之一。如果您在红色背景上有绿色文字,反之亦然,有些人将看不到任何东西。

在实践中,我还看到一个人看不到蓝色背景上的绿色文本。

应该避免哪些其他颜色组合,以及这些情况的预期频率?

让我们根据有数字的遭遇概率进行一些测距。

补充:我刚刚记得一个非常糟糕的例子,它给几乎每个人带来了问题——黑色背景上的蓝色文本。对于所有意图和目的,它都是不可读的。永远无法理解是什么可能迫使网站管理员使用这种颜色组合......

4

15 回答 15

16

我总是在http://www.vischeck.com/vischeck/vischeckURL.php中测试我的页面,以确保我没有选择非常糟糕的颜色。或者这个http://colorfilter.wickline.org/

于 2009-02-06T09:44:09.930 回答
7

我自己是绿红型色盲,所以是的,我考虑到了这一点:)

请遵循其他人链接到的网站中提到的设计指南。但我想强调一些想法:

  • 硬编码任何颜色可能不是一个好主意。可配置和可换肤很好。
  • 特别是,将指标硬编码为“红色一 = 坏,绿色一 = 好”,可能不是一个好主意。
  • 而且,将相同的指标硬编码为“当它是绿色的时候是好的,当它是红色的时候是坏的”绝对是一个坏主意。

(电池充电了吗?)

于 2009-02-06T09:52:01.863 回答
5

我认为这一定很普遍,不考虑这一点的开发人员注定要锁定出奇高比例的客户。在我的工作场所,研发部门大约 30 人中,有 2 人有某种程度的色盲,还有 1 人视力受限——他需要使用 windows 的“高对比度”配色方案才能完成任何工作。一个很好的测试是在各种高对比度方案中运行您的应用程序。如果你还没有这样做,我几乎可以保证它是不可读的。您需要能够处理这样的方案以获得更好的可访问性。

于 2009-02-06T09:45:38.943 回答
3

我的直接老板是色盲,所以是的,我们考虑到了这一点。;-)。

于 2009-02-06T09:44:59.613 回答
3

是的,在您使用颜色来识别和/或标记事物的任何情况下,绝对需要考虑它。

经典案例是红绿灯式指示灯,一般为红、黄、绿。红色/绿色盲很常见。如果您正在创建需要遵守可访问性法规的应用程序,则必须考虑到这一点以及许多其他事情。

加拿大魁北克政府认识到这一点,他们的实际交通信号灯具有不同的形状和不同的颜色。真的有道理。

于 2009-02-06T09:46:19.753 回答
3

网站应该满足所有人的需求,无论他们是色盲、聋哑人还是其他人。

英国皇家盲人研究所有一些关于为部分站点设计网页的有趣文章; 链接文本

包括颜色对比链接文本

以及使用颜色来传达信息链接文本

于 2009-02-06T09:48:19.797 回答
1

在 Windows 中,您可以查询系统的系统颜色。我总是使用它们。

您可以使用高对比度屏幕设置测试您的应用程序,如果一切都可读,我想没问题。

让我大开眼界的文章在这里:http: //msdn.microsoft.com/en-us/library/bb263953.aspx

于 2009-02-06T09:45:40.223 回答
1

我为受第 508 条约束的美国政府部门做了一些工作,所以它确实出现了。

到目前为止,红色/绿色是最常见的形式,但也存在其他形式(特别是蓝色/黄色和单色),因此总的来说,重要的是保持高对比度。

于 2009-02-06T09:47:36.753 回答
1

除了绿色+红色,另一种比较常见的色盲是蓝色和黄色。

我们在创建游戏时会考虑色盲。我们设计的一款游戏(Arcade Lines)以彩色球为特色,您必须在相同颜色的行中对齐。我们试图通过为色盲人提供一种特殊的皮肤来解决色盲问题,这种皮肤不仅具有不同的颜色,而且具有不同的形状(每种颜色一个形状)。

于 2009-02-06T09:47:57.767 回答
1

我可以向你推荐这个网站。它有一个配色方案选择器,在它的右下角有一个下拉菜单,用于在常见的眼睛相关问题之间切换并相应地更改方案

于 2009-02-06T09:48:29.110 回答
0

其实我从来没有想过这个。但是现在回想起来,我不记得我的应用程序也依赖于颜色的任何情况。文本几乎总是白色或黑色(尽管有时使用红色或绿色),背景颜色相当苍白,主要是为了一些视觉效果,而不是信息。不过,我现在会记住这一点。让网页具有高对比度并不难。:)

于 2009-02-06T09:54:43.980 回答
0

红绿色可能是最常见的,但不是唯一的颜色缺陷类型。

一般来说,您的用户界面在被视为灰度或棕褐色调时应该仍然可见且可用。文本和背景必须具有高对比度,以允许仅通过色调而不是颜色来区分形状。

涉及颜色而不是独特的艺术/图标的视觉元素可以伴随着文本,以提供关于它们所代表的内容的更详细描述。

于 2009-02-06T09:55:11.980 回答
0

Color Oracle 是一个很棒的工具,可以模拟不同类型的色盲。你可以运行你的应用程序/网站,然后运行这个应用程序——它会让你很好地了解色盲用户将如何解释你的创作。

http://colororacle.cartography.ch/

于 2009-08-03T01:49:43.117 回答
0

当我告诉我的同事按下红色按钮时,我很难发现这一点。当他说“哪个?” 我以为他只是昏暗,所以我再次告诉他.. 然后他告诉我他是色盲,我是那个觉得愚蠢的人。

他现在在铁路工作,编写信号软件。干得好,红灯永远是最重要的:)

那么你必须考虑色盲吗?可能不是,就像您不设计屏幕来支持大字体一样,但如果您想做得真正好而不是大多数可接受的工作,您应该这样做。

于 2009-08-05T13:52:23.403 回答
0

我曾经写过一个内部应用程序,其中有一个散点图,其中有不同的系列,以颜色区分。我的主要用户原来是色盲(我认为是红绿色),所以我用符号的变化来补充颜色。

于 2010-04-12T23:56:17.707 回答