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 拧回去冒充。
- 悬停 / 按下约定成「沿色阶走固定档数」,前提是那几档主观间距真的接近。
- 验证办法:遮住数字,请人标出「哪两档差得最远、哪两档几乎一样」;两端答案稳定出现,就重做那一段。