SuperAPI AI 工具集

colour-independence

设计与创作

查看项目

更新于 10-16 03:14

技能介绍

用途:这是一套面向包容性设计的技能,核心原则是颜色可以增强含义,但绝不能成为含义的唯一载体。约8%的男性和0.5%的女性存在色觉缺陷,因此设计时需为每种颜色含义提供第二重编码。

主要能力与常见失败场景:状态指示方面,不应只用绿点表示在线、红点表示离线,而应加上“在线/离线”文字标签,并配合勾选或叉号图标。表单校验方面,无效字段不应只有红色边框,还需错误图标与错误文字说明,文字才是真正起作用的部分。数据可视化方面,折线图不应仅靠5种颜色区分,应结合实线、虚线、点线等线型与标签;柱状图可叠加条纹、圆点、实心等图案;图表需在灰度下仍可读。链接方面,链接不能只靠颜色与正文区分,应同时加下划线。警报与徽章方面,红黄绿徽章应分别配“紧急/警告/正常”标签及⚠、✓、✕等图标。地图与图表方面,区域着色需叠加图案与数值,或提供悬停/聚焦显示数值及数据表替代方案。

设计模式:双重编码,即颜色加图标、文字标签、图案纹理、形状或位置。调色板应选择在各类色觉缺陷下均可区分的颜色,用色盲模拟器测试,蓝橙通常较安全,避免仅用红绿区分两种状态,并保证图表相邻颜色对比度充足。灰度测试是快速检查方法:将界面转为灰度,确认仍可使用、能区分所有状态、能读懂图表、能识别错误字段;若不能,说明颜色在独自承载含义。

评估清单:无信息仅靠颜色传达;状态指示用颜色+图标+文字;表单错误用颜色+图标+消息;图表灰度可读;链接可凭颜色之外的方式区分;警报级别用颜色+标签+图标;数据可视化在颜色之外有图案或标签;界面通过灰度测试。

限制:资料未提供具体安装命令、代码示例、平台支持范围或收费信息。