推荐资源
即梦AI
抖音出品 AI视频图片生成
Envato Elements
无限下载设计素材与模版
Eagle
图片素材文献管理神器
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
