深色主题：5 个 UI 设计技巧

在设计深色主题时，您应该考虑一些因素来保持可用性和审美吸引力。

为什么要使用深色主题

深色主题会降低设备屏幕发出的亮度，从而为观看者创造更舒适的体验。

1. 避免纯黑色 （#000000）

在设计深色模式时，请避免使用纯黑色作为背景色，因为它对观看者的眼睛来说太刺眼了。相反，请使用深灰色（#121212 或类似颜色）来减轻眼睛疲劳。深灰色表面更容易在 UI 中传达深度，因为更容易看到灰色（而不是黑色）上的阴影。

2. 选择清晰的字体

在深色模式下，文本的易读性可能是一个问题。您需要选择在两种模式下都清晰易读的字体。避免在深色模式下使用超薄字体，因为它们在深色背景下可能难以阅读。

3. 调整阴影和高度

对于浅色模式，阴影通常更明显，可用于创建深度和高亮元素。但是，对于深色模式，建议降低阴影的不透明度或使用较亮的阴影，以避免过于刺眼的对比度。使用微妙的发光或浅色边框来指示海拔。表面越亮，它对观看者的 Z 深度就越近。

4. 避免使用饱和的颜色

建议避免使用饱和颜色，因为它们不符合 WCAG 的辅助功能标准（您需要在文本和背景之间保持至少 4.5：1 的对比度）。

此外，饱和颜色在深色背景下往往会产生光学振动，这会导致眼睛疲劳。将颜色的较浅色调（颜色范围在 200-50 之间）用于配色方案。

5. 与浅色主题保持一致

确保用于深色主题的配色方案在视觉上与浅色主题一致。