参考

https://ant.design/docs/spec/dark-cn
如何设计深色模式?这3点因素需要考虑(2020/05/08)
https://www.uisdc.com/3-dark-mode-skills
千呼万唤!这就是你们要的谷歌深色主题设计规范(2019-05-17)
https://www.uisdc.com/material-dark-theme
用阿里巴巴APP的案例,教你如何快速适配「深色模式」(2019/06/30)
https://www.uisdc.com/alibaba-app-dark-mode
实战案例复盘!美柚深色模式背后的设计故事(2020/05/22)
https://www.uisdc.com/meiyou-dark-mode

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

  • 何时使用

当需要长时间在暗光环境下工作时,建议使用暗黑模式,减小亮度对比带来的视觉压力,保证使用者的体验舒适。
当需要沉浸式的专注工作内容时,建议使用暗黑模式,可以帮助使用者更关注凸显出来的内容和操作。
如同在电影院看电影时要全场关灯,是一样的原理。

  • 设计原则

内容的舒适性:暗黑模式下避免使用对比很强的色彩或内容,长时间使用会带来疲劳感。
信息的一致性:暗黑模式下的信息内容需要和浅色模式保持一致性,不应该打破原有的层级关系。

几个故事:
大屏设计中用深色背景衬托科技感
黑板:黑色到墨绿色的演变
战机中白底黑字和黑底白字的研究