深色主题设计的8个技巧

　　深色主题是过去几年中需要的功能之一。苹果和谷歌都将深色主题作为用户界面设计重要的组成部分。深色主题降低了界面亮度，在深色环境中给用户提供了适度安全感，也大限度减少了用户的眼疲劳。

　　下面是在设计产品的深色主题时需要了解的 8 个技巧。

　　1. 避免纯黑色

　　深色主题不一定是纯黑色背景上的纯白色文本。事实上，这种高对比度对用户可能很痛苦。

　　使用深灰色作为组件的主要表面颜色比使用纯黑色(#000000)更安全。深灰色界面可减轻眼睛疲劳，深灰色表面上的浅色文本比黑色表面上的浅色文本对比度低。深灰色表面可以表达更广泛的颜色、高度和深度，因为它更容易在灰色上看到阴影，而不是真正的黑色。

　　材质设计建议#121212作为深色主题表面颜色。

　　深色主题表面颜色建议

　　2. 避免在深色主题上使用饱和色

　　饱和色在浅色表面很适用，但在深色表面上会让人产生视觉上的振动，使其更难阅读。去饱和度原色，使对比度足以与深色界面形成对比。

　　使用较浅的色调（颜色在200-50范围内），因为它们在深色主题表面上具有更好的可读性。浅色变体不会降低用户界面的表达力，还能帮助你保持适当的对比度，且不会造成眼睛疲劳。

　　调色板中饱和度较低的颜色可以提高可读性，减少视觉震动。

　　由于饱和色会在深色表面上产生视觉上的震动，要避免在深色主题上使用饱和色。浅色调（颜色在200-50范围内）在深色主题表面(在所有标高上)具有更好的可读性。

　　3. 符合无障碍色彩对比标准

　　确保你的内容在深色模式下仍然清晰易读。深色主题表面必须足够深，以显示白色文本。谷歌材质设计推荐在文本和背景之间使用至少15.8：1的对比度。

　　使用颜色对比工具来测试对比度。