跳到内容

看哪里 看背景、卡片和悬停状态是三层不同深度的灰,不是一块纯黑;分隔靠 1px 很淡的亮线。数据柱状图和强调色是柔和的青绿,而不是高饱和霓虹。悬停一行时它只亮一点点

这是什么

暗色界面用深灰而非纯黑做底,再用越靠上越亮的表面颜色区分层级;文字用略降低的白,强调色降低饱和以免刺眼。Apple 与 Material 都有官方暗色模式规范,它也是 AI、开发工具和影视软件的常见默认外观

也叫暗色模式深色模式Dark Mode夜间模式黑色界面

关键特征

缺了就不像
深灰而非纯黑的底逐层变亮的表面降低亮度的文字
加了更像
低饱和强调色1px 半透明细线等宽数字

容易混淆

暗色界面Dark Mode UI

深灰底上用逐层变亮的表面区分层级,文字和强调色都降低刺激

你可能会说

  • 黑色背景的高级科技感
  • 像 AI 产品那种深色界面
  • 暗暗的但层次分明

适合用在

  • AI 产品、开发者工具、音乐与视频软件、数据看板
  • 视频里需要「专业工具」感的界面,或深色背景的口播画面
  • 照片、视频作品集,深色底让作品更突出

这样描述给 AI

做一个暗色界面风格(Dark Mode UI)的创作者数据面板:底色深灰 #0f1115,卡片表面 #171a21,悬停和弹层 #1f232c,逐层变亮表达层级;分隔线是 6–8% 透明度的白色细线;正文文字白色 90%,次要文字 55%;强调色为低饱和青绿 #5eead4,小面积使用;数字用等宽字体;不用纯黑和大阴影,整体安静、专业、有层次