风格库

Dark Mode UI

ProMax

Dark Mode UI 是由 Google Material Design 系统化定义的主流暗色界面语言。它的基底是近黑的炭色 #121212——刻意不用纯黑——以减轻眼睛疲劳,并让"层级"能够被感知。深度不靠投影表达,而是通过在基底上叠加半透明白色来实现:元素抬得越高,其表面就越亮。

强调色都是去饱和的——柔和的薰衣草紫、低调的青绿、暗淡的玫红错误色——只保留给可交互的重点。正文文字以降低的不透明度(高 87% / 中 60% / 禁用 38%)落在白色之上,从不满负荷,让界面在夜间的 OLED 屏幕上保持冷静、清晰而护眼。

深入了解 Dark Mode UI 风格

  • 来源全球 / 互联网(Android 与跨平台界面)
  • 年代2010s onward; Material Design dark-theme spec consolidated ~2018–2019
  • 代表人物Google Material Design team · Matías Duarte
  • 所属运动Material Design · System-wide dark mode (OLED-era OS theming)

网页示例

3

幻灯片示例

3