良好的调色板,可用于色盲。

平面设计 网站设计 颜色 色彩再现
2022-01-21 23:46:15

我现在正在设计一个图表,它会慢慢添加更多的项目。我想为项目创建一个颜色列表/顺序,这对于色盲区分每个项目最有用。任何想法如何/从哪里开始?

4个回答

如果您想采用“反复试验”的方法,我建议您使用名为Color Oracle(跨平台)的工具,它可以在您的计算机屏幕上模拟 deuteranopia/deuteranomaly、protanopia/protanomaly 和 tritanopia 类型的色盲。

View(Photoshop 在→下也有色盲证明设置Proof Setup(至少 CS5 有)。但如果你要设计图表,Photoshop 可能有点矫枉过正。)

您要解决哪种色盲问题?这个链接

http://en.wikipedia.org/wiki/Color_blindness

根据色盲的类型,应该让您对各种颜色有一个很好的了解,可以避免这些颜色。

一般来说,让任何依赖于在蓝色和绿色之间进行选择的东西都​​会变得很冒险。你可能想看看你的东西看起来是纯单色的。

由于存在一系列“色盲”,您可能还希望始终确保控件等具有冗余(例如,大红色按钮也应该以漂亮的对比色标记为“自毁按钮”(红底黑字)或红底白字)。

色盲有很多种。关键是确保有足够的对比度。更好的是,不要只依赖颜色——在形状、对比度或物品顺序中始终包含相同的信息。如果您的图像在黑白中易于理解,则通过。

我是色盲。“我们”和“你”一样喜欢使用颜色来区分图形——只是我们世界上的颜色比你的少。这是本着 80/20 规则精神的务实建议。

如果您的第一种颜色传感器(原型)不起作用,那么您的视觉就是原型异常。如果他们只是行为不端,你就是原始异常。对其他两种类型的颜色传感器重复此操作,并用“deuter”或“trito”替换“proto”。(我认为这些是希腊语的 1,2,3)。

务实的机会来自于氘核异常比其他类型更为普遍的事实。占所有男性的 5%。其他人在男性中的得分不到 1%,在女性中甚至更低。因此,对于我们这些 deuteranomalists 来说,一个简单的解决方案有很长的路要走——我个人不希望自己配置颜色只是为了能够看到图表上线条的差异。(这总是发生)。

我在下面包含了一小组颜色,我可以毫不费力地看到它们之间的区别。我尝试添加更多但未成功 - 这让您了解调色板需要多小。

NB。不要忘记在您创建的用户体验中按名称引用这些颜色是没有用的。对我们 Deuts 来说 - 似乎“你”已经为几乎相同的颜色发明了许多不必要的重复名称 :-)

RGB(255, 204, 153)

RGB(204, 204, 255)

RGB(255, 102, 102)

RGB(139, 230, 2)

红色的

黄色的

RGB(51, 51, 255)

RGB(153, 153, 153)

RGB(153, 0, 0)

RGB(51, 51, 51)

RGB(0, 0, 102)

RGB(120, 102, 75)