blocks|key|1588302|text|在designing+for+color-blindness上找到了一篇有趣的文章。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1588303|其中一项任务就是永远不要只依赖于颜色。对于特定的任务，总是有一些其他的指示器(文本，图标)。|1588304|entityMap|0|LINK|mutability|MUTABLE|url|http://www.stcsig.org/usability/newsletter/9910-color-blindness.html^0|1|T|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

Found an interesting piece on <a href="http://www.stcsig.org/usability/newsletter/9910-color-blindness.html" rel="nofollow noreferrer">designing for color-blindness</a>.

One of the task-aways is never to rely solely on color. Always have some other indicator (text, icons) for a particular task.

blocks|key|182160|text|不要依赖于颜色。您也可以应用符号(例如绿色记号、黄色三角形、红色六边形)或使用文本标签。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|182161|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Don't depend on the colours. You could apply symbols too (e.g. green tick, yellow triangle, red hexagon) or use text labels.

blocks|key|182418|text|许多UI设计师从黑白设计开始，然后添加颜色以强调或强调，但只有在黑白设计满足所有设计目标之后。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|182419|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

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.

blocks|key|1588209|text|使用“公共”符号图标和颜色来表示状态。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1588210|可能有用：Where+can+one+find+free+software+icons+/+images?|offset|length|1588211|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/139944/where-can-one-find-free-software-icons-images^0|0|5|1C|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

Use 'common' symbolic icons as well as colour to represent statuses.

Might be useful: <a href="https://stackoverflow.com/questions/139944/where-can-one-find-free-software-icons-images">Where can one find free software icons / images?</a>

blocks|key|182457|text|请原谅我的错误，但如果您一定要使用颜色，我发现color+brewer2.org非常有用-它有一些很好的预先生成的调色板，它们被归类为“色盲安全”。当然，正如前文所述，尽可能避免使用颜色。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|182458|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

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.

blocks|key|357390|text|找一本关于“可访问性”的书，你应该会有很多建议。它们或多或少会归结为一个简单的原则:不要只将任何信息绑定到颜色。也就是说，颜色应该只是伴随着信息，而不应该仅仅通过颜色来传达。我使用Linux开发了一个这样的应用程序，并使用Compiz滤镜来模拟色盲:非常方便。顺便说一句，色盲的种类更多，所以也要注意这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|357391|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

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.

blocks|key|357407|text|我工作的公司雇佣了一个色盲Swing开发人员--我！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|357408|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

The company I worked for hired a colour-blind Swing developer - me!

blocks|key|1588471|text|不要雇佣色盲操作人员。(显然，我们销售软件的非欧盟国家的歧视法律允许这样做；YMMV+)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1588472|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Don't employ colour-blind operatives. ( Apparently the discrimination laws in the non-EU country we were selling the software in allowed this; YMMV )

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 <a href="http://en.wikipedia.org/wiki/Color_blindness#Red-green_color_blindness" rel="nofollow noreferrer">color blindness</a>. 

So far I've looked at <a href="http://colorschemedesigner.com/" rel="nofollow noreferrer">Color Scheme Designer</a> 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.

GUI design for color blindness

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

通常在GUI中使用红色、黄色、绿色来表示项目的状态，以表示错误、警告和正常(或类似的颜色)。然而，由于，7-10%的男性很难区分红色和绿色。到目前为止，我已经看过，它模拟了不同色盲的人如何感知一组颜色，但我很感兴趣的是，你是如何解决这个问题的，以及它有多成功。

问针对色盲的图形用户界面设计
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问针对色盲的图形用户界面设计EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问针对色盲的图形用户界面设计
EN