C1.19.5Cursor visibility and contrast设计研究

光标形状的颜色与对比度需要在深色、浅色背景下都可辨识

别名: 光标对比度 · 可辨识性 · 深色模式

概念解释

光标既是位置标记也是状态载体,其颜色与对比度必须在浅色页面、深色画布、照片、视频和高亮选区上仍可看见。若指针轮廓与背景混在一起,用户会失去当前位置,也无法读取手形、缩放箭头或忙碌状态等形状变化。

机制

指针通常很小,视觉系统依赖亮度差、描边、阴影、反色或动画从复杂背景中分离它。单一纯色在某些背景上必然低对比;系统级主题与应用自绘光标若不同步,深色模式切换时尤其容易出现不可见或热点难判断的问题。

怎么研究

在典型浅深界面、彩色媒体、低亮度显示和不同缩放比例下测量发现时间、定位误差与形状识别率。纳入低视力、高对比度模式和大光标设置,检查自定义指针是否随系统辅助设置正确变化。

边界

提高对比度不能以遮挡内容或引起持续注意干扰为代价;过大的描边、动画或荧光色会伤害精细工作。颜色不是唯一通道,轮廓、尺寸和运动也影响可见性;系统指针设置应优先于应用美术偏好。

怎么落地

  • 为浅深背景提供自适应填充与反差描边,避免只替换单一颜色。
  • 在照片、画布等复杂区域测试热点与形状是否仍可辨,并保留系统大光标与高对比度支持。
  • 自绘光标应随主题、缩放和辅助功能更新,且不覆盖用户的系统选择。

延伸

  • 同组C1.19.1 光标形状变化传达当前可执行的操作类型,如缩放箭头、抓手 · C1.19.2 光标形状是易逝的状态提示,移开光标后线索随之消失 · C1.19.3 忙碌光标(旋转圈)表示系统占用而非位置反馈 · C1.19.4 光标形状语言依赖平台约定,跨平台不保证一致
  • 相邻D1 输出与反馈通道 · A1 人的能力与人因基础
  • 站内检索cursor contrast · visibility · dark mode

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/C1.19.5