F5.07.3Helmholtz-Kohlrausch effect设计研究

饱和色在深底上需降低饱和

别名: 深底饱和 · Hunt 效应 · chromatic vibration

概念解释

浅色主题里刚刚好的一枚大红徽章,贴到深灰底上会抖、会炫,像在纸面上振。图表里的纯蓝、纯绿同样会从「数据色」变成霓虹灯。深底上要把饱和色的色度收一档,让它们回到物体色,而不是光源。

降的是鲜艳程度,不是把颜色洗成灰,也不是只改明度让状态还叫得出名字。

机制

深色包围会抬高同一色块的表观色度(同时对比),Hunt 效应又让相对更亮的色块显得更鲜。Helmholtz–Kohlrausch 效应则让高饱和色在等明度下看起来更亮,红和蓝尤其明显。三件事叠在深底上,浅色主题里「刚好够跳」的色度会变成振动:晶状体色差让红绿边对不齐,注视稍一挪,边缘就在抖。

收色度是把刺激从「自发光」拉回「表面反射」。明度可以同时微调,但主杠杆是 C,不是 L:只把大红提亮会更像警报灯;只把大红压暗会发脏。沿着等色相线减 C,类别还在,刺眼下降。

怎么研究

在深灰底上呈现同一色相的高 / 中 / 低色度色块,做不适评分和「是否在振动」的判断,并做色相命名。自变量:色度、色相(红 / 蓝通常更糟)、背景 L*。因变量:振动报告率、不适、命名是否仍落在原色相。

可以加一项阅读干扰:色块紧邻正文时,测量阅读速度是否下降。高饱和边比等面积的中性边更伤。

边界

  • 很小的色点(图例方块、光标)振动不易被察觉,大面积填充和粗描边才会明显。
  • 高对比模式会反过来要求更极端的前景,不能把「深色主题减饱和」当成高对比配方。
  • 某些数据可视化依赖高饱和来分开十几条系列;减 C 会挤在一起。这时该减的是同时上屏的系列数,或改用线型,而不是把 C 加回去。
  • 投影和户外高亮环境会把深底上的饱和色「看回」浅色主题的样子,实验室里的减 C 幅度不能原样搬。

怎么落地

  • 品牌强调、徽章、图表系列在深色主题里沿等色相线减色度,先看还认不认得,再看还抖不抖。
  • 禁止把浅色主题的 500 档饱和色直接铺成深色卡片底。
  • 红、蓝优先检查;黄在深底上往往要先改明度,否则减 C 会变成褐。
  • 验证办法:把可疑色块放到目标深底上,离屏一臂远看边缘是否在抖;抖就减 C,直到边缘稳定且色相名还在。

延伸

  • 同组F5.07.1 深色模式不是简单反色 · F5.07.2 纯黑背景与纯白文字对比过强
  • 相邻F5.02 语义色 · F5.09 色板的感知要求
  • 站内检索Helmholtz-Kohlrausch effect · Hunt effect · chromatic vibration

同组卡片

快捷操作

分享

分享当前页面

ios_share

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