你以为深色模式就是把白色背景换成黑色？文字从黑色改成白色？那你做出来的东西大概率”脏脏的”——要么对比度太刺眼，要么层次模糊一团黑。
Apple 和 Google 在深色模式上投入了大量的研究，他们的设计规范里对这个主题有非常详细的指导：
→ 背景不是纯黑（000000），而是深灰（Apple用 1C1C1E，Material Design 用 121212）。纯黑背景和白色文字放一起对比度过高，长时间看会眼疲劳。 → 层级关系不再靠阴影表达（深色背景上阴影看不见），而是靠”亮度叠加”——越靠近用户的层级越亮。 → 颜色需要重新适配——浅色模式下的亮色到深色模式下可能刺眼，需要降低饱和度或调整明度。 → 文字的透明度需要调整——不是所有文字都用纯白，辅助文字用半透明白色来表达层级。
这些细节在 Apple 的 HIG 和 Google 的 Material Design 里都有明确的数值指导。不学就硬做，出来的东西自然”差点意思”。
这类”以为简单其实复杂”的设计知识点，在我整理的【PPM-UI/UX 系统化学习文档】里有很多。每一个知识点都不是泛泛而谈，而是基于官方规范做了深入解读，告诉你”应该怎么做”和”为什么这样做”。
1000+篇文章、1500分钟视频、100期播客，全平台覆盖，永久更新。
👉 深色模式做不好不是审美问题，是知识盲区。下面这份文档帮你把这些盲区一个个填上。
