同时对比演示

同一个观察色放到不同背景上,判断它的感知偏移方向
感知偏移
背景会把观察色推向自己的补色方向
使用判断
用于检查按钮、标签、灰阶文字和中性色在强背景上的视错觉

同时对比演示使用说明

同时对比效应交互演示,展示同一颜色在不同背景下产生的感知偏移现象,帮助设计师理解色彩同时对比原理,避免复杂背景下的颜色误判。 演示区可以自由切换背景色,同一个前景色在不同背景下的感知差异会实时呈现出来,比静态图片对比更有说服力。

适合在评审配色方案时,向团队说明为什么"单独看没问题"的颜色放进复杂版面后可能会显得不对劲。

常见问题

  • 什么是同时对比? 同一颜色因周围环境不同而看起来不同的现象——同一种灰在蓝底上偏暖,在橙底上偏冷。
  • 这对设计为什么重要? 它意味着你单独挑的颜色放进版面后会偏移,影响品牌一致性和可读性。要在语境中测试颜色。
  • 怎么避免不想要的色偏? 把关键色放到真实相邻色旁检查,若偏移过大就提高对比或调整周围色调。