视觉 · 2026.09 · 5 min

深色界面里,光的权重

深色界面的信息层级,靠的不是字号与色彩,而是每一处像素发出的光的强弱。

浅色界面里,信息层级是「画」出来的:用字号、字重、色彩饱和度拉开距离,背景替我们承担了参照系。而深色界面里,背景退到近乎纯黑,层级只能靠一样东西——光。

在深色界面上,每一个元素都是一处光源。标题是主灯,正文是环境光,注释是夜灯。设计深色界面,本质上是在做灯光设计:决定哪里亮、哪里暗、哪里干脆不亮。字号可以告诉你文字的大小,但只有亮度能告诉你它有多重要。

实际操作中,我们以「亮度阶梯」替代「字号阶梯」:正文用 #9CA3AF 左右的灰,重要文字提到 #F5F5F4 的近白,次要信息压到 #6B7280。三个亮度档位对应三层信息,配合一档字号变化,就足够建立全部层级——甚至比五彩斑斓的浅色界面更清晰,因为光的方向永远不会骗人。

光的另一个特性是它会衰减。深色界面上,离内容越远的东西越暗:分隔线用 8% 的白而不是 40% 的灰,卡片背景用 2% 的白而不用实色。这种「衰减」让界面产生纵深,也让用户无意识地知道:越亮的东西,越值得看。

所以当有人说深色模式只是「把颜色反相」,他们错过了深色界面真正的机会——它让设计回归到最古老的媒介语言:光。我们决定哪些东西值得被照亮,其余的一切,理应留在黑暗里。

←返回日志zerolight / the-weight-of-light-in-dark-ui