生成短链接

扫描二维码 上传二维码
选择防红平台类型,避免链接被拦截
选择允许访问的平台类型

深色界面设计避坑指南

在夜色中,光是最锋利的笔。
“快缩短网址”——suo.run——用这支笔,为深色界面写下一封优雅的情书。



一、暗涌:让光从上往下落
浅色界面像正午的广场,深色界面则是月光下的庭院。
我们拒绝把浅色主题“反色”了事,那会让地面发亮、天空发黑,违背自然。
在suo.run,我们自下而上铺陈五阶灰:
最深处如墨砚,最浅处似晨雾。
界面越高,灰越亮;层级越低,灰越沉。
光,始终从高处洒落,带来可触的纵深感。

二、微光:对比不是数值,是呼吸
浅色主题里,一行 60% 黑的文字已足够清晰;
深色主题里,我们把它调成 65% 白,让瞳孔少一次收缩。
没有死板的公式,只有对字号、行宽、阅读距离的温柔体察。
对比度像呼吸,既不能太浅,也不能太急。



三、留白:把舞台让给主角
浅色主题里,一片亮粉蒙层只是配角;
深色主题里,它会喧宾夺主。
于是,我们删去蒙层,让对话框成为唯一的光源。
大面积高饱和色被请下舞台,聚光灯打在真正重要的内容上。

四、去极:拒绝纯粹的黑与白
1. 真实世界没有 #000000,也没有 #FFFFFF。
2. OLED 屏幕的纯黑像素会在滚动时留下“黑拖影”。
3. 纯黑背景无法投射阴影,深度无从谈起。
4. 纯白文字会在黑夜里晕出光雾,散光用户尤甚。
因此,suo.run 把背景锁在极深灰 #0A0A0B,文字控制在 90% 不透明度,既省电,又护眼。

五、着色:让颜色沉入夜色
浅色主题里的电光紫,在深色主题里会刺眼。
我们降低亮度,再推高饱和度,让它像夜色里的一盏霓虹,不夺目,却足够辨认。
色彩,于是学会了低声说话。

尾声
深色主题不是简单的“反相”,而是一场光的雕刻。
在 suo.run,我们让每一束光都有方向,每一层灰都有温度。
愿你在夜色中,也能一眼找到那条被缩短的、通往远方的路。