编辑导语：暗黑模式的设计如今越来越常见。不只于夜间模式，暗黑模式的设计目的更多在于让产品使用者更加专注于自己的操作业务，注重信息内容的表达。本篇文章里，作者对暗黑模式的背后逻辑及设计方法做了相应分析，一起来看一下。

近年来暗黑模式的设计趋势开始一点点明显，Ant Design 在这次 4.0 的升级中也对这类暗黑场景化的设计开始进行初步的探索，接下来就让我们一起来看下 Ant Design 这一针对企业级的设计体系是如何设计暗黑模式的。

一、什么是暗黑模式

暗黑模式是指把所有 UI 换成黑色或者深色的一个模式。

需要说明的是，暗黑模式不只夜间模式。

暗黑模式更多的目的是希望使用者更加专注自己的操作任务，所以对于信息内容的表达会更注重视觉性；而夜间模式则更多是出于在夜间或暗光环境使用下的健康角度考虑，避免在黑暗环境中长时间注视高亮光源带来的视觉刺激，所以在保证可读性的前提下，会采用更弱的对比来减少屏幕光对眼睛的刺激。

同时，从使用场景上来说，暗黑模式既可以在黑暗环境，也可以在亮光环境下使用，可以理解为是对浅色主题的一种场景化补充；而夜间模式只建议在黑暗环境下使用，在亮光环境使用时很可能并不保证信息可读性。

二、为什么 Ant Design 要做暗黑模式