且清晰地与背景和周围元素区分开来的元素

Solve china dataset issues with shared expertise and innovation.
Post Reply
zakiyatasnim
Posts: 340
Joined: Tue Jan 07, 2025 4:53 am

且清晰地与背景和周围元素区分开来的元素

Post by zakiyatasnim »

由此可见,使用紫色/蓝色和黄色/橙色可以实现色盲安全设计。有些人没有蓝黄色通道,但这种情况并不常见。(有些人不是色觉缺陷,而是拥有四种视锥细胞,这让他们拥有了色彩超能力!)

我们来看几个颜色选择的例子:

背景上单个对象

颜色选择的目的是创建能够快速(例如单词或形状)。

由于黄蓝通道与亮度通道密切相关,因此它提供的亮度对比度几乎与 美国移动数据库 黑白通道一样多。对比度是一件好事。蓝色与绿色或红色一起使用时可提供中等对比度。

由于红绿通道仅用于区分颜色,而不用于区分亮度,因此红色和绿色之间的对比度不太明显。当你看着红绿框时,你甚至可能会觉得有点奇怪或斜视。

颜色序列




由于上述原因,从白色到黑色、从浅黄色到深蓝色的过渡为每种独特的颜色提供了高对比度和易于视觉扫描的特性。

同样,从红到蓝的序列提供了中等对比度。从红到绿的序列落在非常狭窄的亮度值范围内,因此不支持简单的视觉搜索和扫描。请注意,与其他版本相比,区分较小的区域是多么困难。

使用ColorBrewer生成的彩色地图,© Cynthia Brewer、Mark Harrower 和宾夕法尼亚州立大学

3D 形状



亮度通道收集有关深度、形状和阴影的信息,这些信息对于查看三维物体必不可少。因此,您应该清楚,这幅优胜美地插图的黑白版本是一幅有山峰和山谷的风景。黄蓝版本不太清晰,但 3D 感知并未完全被破坏。然而,红绿没有形状信息,因此这个版本看起来不是风景,而是一个随机的颜色信息模式。

底线
在为您的设计选择颜色时,请记住亮度对于 3D 感知很重要,并且并非所有颜色在对比度方面都是相同的。

物体越小,需要的对比度就越高,才能将其与背景和周围物体区分开来。黄色和深蓝色是高对比度的良好起点(看看 电影海报设计中黄色/蓝色的用法),您可以从那里开始尝试为您的设计添加独特的个性。

避免混合红色、灰色和绿色,因为即使对于那些非色盲的人来说,它们也很难区分。 有关此主题的更多信息,请参阅 Colin Ware 的书 《设计的视觉思维》。
Post Reply