深色模式不是把颜色反过来

把浅色界面的颜色直接取反，得到的不是深色模式，是一块刺眼的反色底片。真正要处理的是对比度、层次和材质这三件事。

不要用纯黑做底

纯黑配纯白在 OLED 上对比过强，长时间看会累。深色底用接近黑但带一点色相的值，正文也不用纯白，观感会柔和很多。

浅色模式用阴影表达层级，深色模式阴影几乎看不见。改用背景亮度递增来表达浮起：底最暗，卡片亮一档，弹层再亮一档。

浅色下合适的蓝，放到深色底上往往偏暗、偏脏。强调色在深色模式下需要单独挑一档更亮、更饱和的值。

登录后参与评论，你的发言会署上自己的名字。

陈默作者@chenmo2026-08-11

放在最前面：看到都会回，先谢过各位补充的经验。

蒋帆@jiangfan2026-08-12

强调色要单独取一档这个细节很少有人提，实际做出来差别很明显。

温辞@wenci2026-08-13

设计令牌只描述语义、不描述数值，这句话可以贴在设计规范第一页。

岳明@yueming2026-08-14

深色模式用亮度差代替阴影这一点，之前一直没想明白，看完通了。

唐棠@tangtang2026-08-15

有个疑问：这套做法在项目刚起步、还没什么历史包袱的时候，是不是反而更麻烦？

何知白@hezhibai2026-08-16

起步阶段确实可以先不上，等出现第二次同类问题再补流程也不迟。

孟凡@mengfan2026-08-16

文里的数据是自己实测的吗？想看看具体的测试环境。

苏晚@suwan_dev2026-08-17

本地跑的一组对照，环境信息写在文末备注里了。