F5.09.1Uniform colour scale设计研究

色阶应保持感知上的等距

别名: 等距色阶 · 色板跳档 · palette stepping

概念解释

灰阶从 100 到 900,设计师以为每步「差不多深一点」。铺开一看,200 到 300 几乎重叠,700 到 800 却像换了一种灰。这张板不能拿来做悬停、按下、禁用——步长骗人。色板作为产品里的尺子,相邻档必须在观感上等距,编号才能当间距用。

生成时选感知空间是上游的手段;这里说的是交到手上的那一列看起来匀不匀。

机制

人把一列色当成尺度,前提是相邻间隔差不多。间隔不均时,200 和 300 被当成同一档,组件里「加深一档」等于没变;700 到 800 又跳太远,按下态像换了一种材料。不均匀往往来自手工调完没回看整列、或在 RGB 里拧过单个 hex 却没重算邻居。同时对比还会改写两端:最浅档贴在白上几乎消失,最深档贴在深底上粘住,中间看起来更匀、两端更糟。

怎么研究

把打乱编号的色票交给观察者按「从浅到深、步长要匀」排列,再与设计编号相关。自变量:是否在感知空间生成、事后有没有手拧单档。因变量:相邻主观间距的方差、错位(把 400 插到 200 旁边)。

也可用间隔匹配:给定 100 与 300 的差,让人调 500,看落不落在 700 附近。

边界

  • 只有三档的功能色(默认 / 悬停 / 按下)对等距不敏感,三条能分开即可。
  • 等距是沿一条轴(通常是明度)。沿色相绕一圈的彩虹图例,等距指的是色相角,不能用明度尺子去验。
  • 色弱观察者的等距判断会改写绿-红一带,验收不能只用标准观察者。

怎么落地

  • 整列铺在中性底上验收,禁止只对着单个组件调一档。
  • 发现某档跳了,回到整列重采样,不要只把那一枚 hex 拧回去冒充。
  • 悬停 / 按下约定成「沿色阶走固定档数」,前提是那几档主观间距真的接近。
  • 验证办法:遮住数字,请人标出「哪两档差得最远、哪两档几乎一样」;两端答案稳定出现,就重做那一段。

延伸

  • 同组F5.09.2 每个色相需覆盖完整明度范围 · F5.09.3 色板需内建对比度组合的合法性
  • 相邻F5.01 色彩模型与色彩空间 · F5.13 色阶体系的构建与维护
  • 站内检索uniform colour scale · palette stepping · perceptual uniformity

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F5.09.1