推荐资源
即梦AI

即梦AI

抖音出品 AI视频图片生成

Envato Elements

Envato Elements

无限下载设计素材与模版

Eagle

Eagle

图片素材文献管理神器

Setapp

Setapp

畅享240+款Mac优质应用

无障碍设计 (A11y)

色盲模拟器

上传 UI 设计稿或图片,实时模拟红绿色盲等视障人群的视觉体验。检查您的配色是否具有足够的包容性。

关于色觉障碍

色觉障碍(Color Vision Deficiency, CVD),俗称色盲,影响着全球约 8% 的男性和 0.5% 的女性。这意味着在你的用户群体中,每 12 个男性就有 1 个可能无法正确区分红色和绿色。 对于设计师而言,确保产品配色具有足够的包容性(Accessibility)不仅是道德责任,也是扩大受众的基础。

常见类型解析

绿色盲 (Deuteranopia)

最常见的类型(约占人口 5%)。难以区分红、绿、黄、褐。这些颜色在他们眼中通常呈现为不同深浅的黄色或蓝色。

红色盲 (Protanopia)

约占人口 1%。红色视锥细胞缺失。红色看起来暗淡甚至接近黑色,且无法区分红绿。

蓝色盲 (Tritanopia)

非常罕见。难以区分蓝色和绿色,以及黄色和紫色。

全色盲 (Achromatopsia)

极罕见。完全无法感知色彩,只能看到灰度世界。

无障碍设计建议

  • 不要仅依赖颜色: 在图表或状态指示中,除了颜色(红/绿),还应添加形状(如勾/叉)或文字标签来区分状态。
  • 增强对比度: 确保前景色与背景色之间有足够的明度差异,而不仅仅是色相差异。
  • 避免特定组合: 尽量避免红底绿字、蓝底紫字等在色盲视角下对比度极低的搭配。

专注白噪音

雨声Lofi,为设计提供完美背景音。

精选神器

AD
阿里云

阿里云

爆款云服务器特惠抢购

腾讯云

腾讯云

云产品特惠 性价比首选

腾讯元宝

腾讯元宝

免费DeepSeek AI助手

小绿鲸

小绿鲸

英文文献阅读 科研必备

ADVERTISEMENT