深色模式（暗黑模式）

有关文章链接：

深色模式设计指南 《从官方规范到实战经验应有尽有！》

https://www.uisdc.com/zt/dark-mode

紧跟趋势！深色模式设计的8个

https://www.uisdc.com/8-dark-mode-design-skills

如何让深色模式更精致？我总结了这4个关键点

https://www.uisdc.com/make-dark-mode-more-refined

如何适配深色模式？用一个 APP 改版案例让你学会！

https://www.uisdc.com/dark-mode-adaptation

避免全黑设计:

注：安全起见的话，建议在页面上主要采用深灰色，而不要采用全黑色（色号#000000）

· 根据谷歌等材料设计（Material design）原则，页面「深色模式」的主色最好选用 #121212 深灰色号

文本用色一定要「亮」

所以，根据谷歌的材料设计原则，建议在页面文本选色方面采用稍微深一点的白色：

• 对于重点强调的文本，可以将透明度设置为 87%。

• 而最不重要的文本则可以将透明度设置为 38%。

• 一般重要的则可以将透明度设置为 60%。

  
  

小提示：相比于浅色背景下的深色文本，深色背景下的浅色文本会显得更加厚实。因此，你可能会喜欢在「深色模式」中采用相对较细的文字。