使用暗风格设计网站的最佳做法

在网站制作中，创建暗模式UI时，某些过程需要正常运行。毕竟，您希望您的网站发挥作用，对吗？那如何使用暗模风格设计网站呢？最佳做法有哪些呢？

视觉层次结构

在暗模式下创建一个视觉层次结构，该层次结构应该从显示器中使用最多的元素到最少的元素。

有适当的对比

暗模式背景必须足够暗才能显示白色文本。这里给出的有效建议是使用文本与背景的对比度至少为15.8：1。

不要只是转换颜色

如果您要从标准模式切换为暗模式，则原始主题中可能会出现有价值的视觉提示。不要简单地转换颜色以获得深色主题。您可能会将具有心理目的的颜色变成毫无意义的颜色。因此，请您谨慎选择颜色。

降低色彩饱和度

远离深色背景上完全饱和的颜色。在深色表面上观察时，阴影通常似乎“振动”。取而代之的是，使用柔和的颜色：如粉彩和柔和的颜色，添加了灰色和白色的阴影等。此外，请考虑调整品牌的调色板。您公司的蓝色在黑色上的读法可能不同于白色。通常必须调整暗模式下的颜色，以产生与亮模式下相同的响应。

不要太暗

图书出版商不使用纯白色纸，因为与黑色墨水的对比度太过鲜明。它会使您斜视，并可能导致头痛。数字设备也是如此。避开纯黑色。很难看到高对比度的屏幕。良好的暗模式颜色是灰色阴影和不饱和的颜色。