针对色盲的 GUI 设计
在 GUI 中通常使用以下颜色来表示项目的状态:红色、黄色、绿色,分别表示错误、警告和正常(或类似的内容)。然而,7-10% 的男性由于色盲<而难以区分红色和绿色/a>.
到目前为止,我已经研究了配色方案设计器,它模拟了不同色盲的人如何感知一组颜色,但我很想听听您是如何解决这个问题的以及它有多成功。
It is common to represent status of an item in a GUI using the colors: red, yellow, green, to mean error, warning, and OK (or something equivalent). However, 7-10% of men have difficulty distinguishing between red and green because of color blindness.
So far I've looked at Color Scheme Designer which simulates how people with different color blindnesses would perceive a set of colors, but I'm interested in hearing how you have approached this problem and how successful it was.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(8)
不要依赖于颜色。您也可以应用符号(例如绿色勾号、黄色三角形、红色六边形)或使用文本标签。
Don't depend on the colours. You could apply symbols too (e.g. green tick, yellow triangle, red hexagon) or use text labels.
发现了一篇关于色盲设计的有趣文章。
任务之一是永远不要仅仅依赖颜色。始终为特定任务提供一些其他指示符(文本、图标)。
Found an interesting piece on designing for color-blindness.
One of the task-aways is never to rely solely on color. Always have some other indicator (text, icons) for a particular task.
使用“常见”符号图标和颜色来表示状态。
可能有用:在哪里可以找到免费软件图标/图像?
Use 'common' symbolic icons as well as colour to represent statuses.
Might be useful: Where can one find free software icons / images?
许多UI设计师从黑白设计开始,然后添加颜色来强调或强调,但只有在黑白设计满足所有设计目标之后。
Many UI designers start with black-and-white designs, and later add color to accent or emphasize, but only after the black-and-white design meets all the design goals.
请原谅死后发布,但如果您绝对必须使用颜色,我发现 colorbrewer2.org 非常有帮助 - 它有一些很好的预生成调色板,他们将其归类为“色盲安全”。当然,正如已经发布的那样,尽可能避免使用颜色。
Please forgive the necroposting, but if you absolutely must use color, I've found colorbrewer2.org very helpful - it has some nice pre-generated color palettes that they classify as "colorblind safe." Of course, as has been posted, avoid color when possible.
读一本关于“可访问性”的书,你应该会得到很多建议。它们或多或少会归结为一个简单的原则:不要将任何信息仅仅与颜色绑定。也就是说,颜色应该只是伴随着信息,而不能仅通过颜色来传达信息。
我使用 Linux 开发了一个这样的应用程序,并使用 Compiz 滤镜来模拟色盲:非常方便。
顺便说一句,色盲的类型有很多,所以也要注意这一点。
Get any book about "accessibility" and you should have plenty of suggestions. They will more or less boil down to a simple principle: do not bind any information to color solely. That is, color should just be accompanying the information, which should never be conveyed by color only.
I used Linux to develop one such application, and I used Compiz filters to simulate color blindness: very handy.
As a side note, there are more types of color blindness out there, so pay attention to that too.
我工作的公司雇佣了一位色盲 Swing 开发人员——我!
The company I worked for hired a colour-blind Swing developer - me!
请勿雇用色盲操作人员。 (显然我们销售软件的非欧盟国家的歧视法允许这样做;YMMV)
Don't employ colour-blind operatives. ( Apparently the discrimination laws in the non-EU country we were selling the software in allowed this; YMMV )