深底色设计适用于许多网站类型，但并非所有。这种风格应该在恰当的条件下使用。
虽然深底色风格可以带来视觉冲击力，但是很多设计师并不知道如何有效地表现他们，取得的效果往往适得其反。失败的设计会导致可读性差，难以吸引用户，无法使用传统的设计元素等问题。
所以在这里，我们将讨论一些深底色页面设计的要素，以便让你的下一次设计更受欢迎，更具创造性。
文字间距
由于可读性是深底色设计的头号问题，所以设计师应该更多地关注文本的设计。在整体设计中，改善可读性的一个途径是增加文本的段落间距，字距及行高。
下图中比较了在深底色和浅底色中不同文本间距造成的效果。
另一种方式来改善网站的可读性的方式是增加字号。 如同本文中提到的大部分规则，更大的字体意味这更多的空白。 字母越大，字母的中间和四周就会出现更多空白。如下图中的”a“字，字号越大，除了四周的空白越大，字母“a ”字臂和字谷中的空白也更大。
要注意，浅色背景上的小号文本比暗色背景上的更容易阅读。 所以在设计新网站时，要使用一些虚拟文本来做测试，以确保文本的易读性， 如果不行，尝试增加字号看是否有帮助
文本的对比度
很多人都同意，深底色设计容易造成眼睛疲劳，过高或过低的对比度通常是罪魁祸首。 那如何找到完美的平衡点呢？
假设你在一个漆黑的房间里，突然有明亮的光线进入，你肯定会感到非常不适。 但如果是在一个不太黑的屋子里，射入不那么亮的光线，则会好受得多。 这同样适用于web设计。
寻找完美的对比度，意味着要找到背景暗度和文本亮度之间的平衡点。
下图中简略地说明了背景和文本之间的对比状况。 你可以注意到背景和文本的亮度都在梯次降低。
在深底色背景上，为文字寻找合适的亮度要困难得多。要找到完美的平衡点，必须要试验不同的配色。 通常不使用纯黑或纯白能带来更好的效果。
如何选用字体
字体在设计中扮演着重要的角色，在深底色设计中我们应该更谨慎地考虑字体的选用。 下图中示范了在深色背景中14号无衬线字体和衬线字体的显示效果。
（译注：衬线：例如右边Serif的“S”字母曲线两端的小笔画，那就是衬线。中文中的衬线字体是宋体，无衬线字体是黑体。衬线字体除了有笔画顶端的装饰笔画，线条有明显的粗细变化。而无衬线字体往往笔画是粗细是一致的，或变化非常不明显。)
无衬线字体可读性更强， 但许多设计师仍然选用衬线字体来表现设计中优雅的部分。其中的诀窍是仅在大字号文本上选用衬线字体，大字号的衬线字体会带来更多额外的空白，从而令每个字母都显得非常清晰。
下图的案例中， 衬线字体和无衬线字体的使用形成了优美的搭配。
在大字号的文本（如标题，导航和页面头部）上使用衬线字体，可令设计倍增优雅。 在正文部分使用了简洁的无衬线字体，又提高可读性和对比度。
使用精简的配色方案
为了让深底色设计具有简洁明快的外观，设计者应该选用精简的配色方案。
从下面的几个案例中，我们可以看出，炫目的配色方案在深底色设计中并不适用，因为对比太强烈了。
坚持只使用一种或两种颜色。
如果要尝试更多的颜色，试试与背景色同色系的搭配。
当然，许多深底色的页面设计中拥有激动人心的配色方案。 你可以在使用正确技巧的情况下打破规则约束。
不过，一般状况下，过多的颜色容易让页面看起来脏乱， 由于背景色已经让页面颜色很深，所以请谨慎使用颜色。
提供切换模式。
虽然我们已经掌握了很多技巧令深底色设计更具吸引力，但是我们还可以再做一点努力已满足更多的用户。
务必增加一个样式表，以便用户可以选择切换到效果为“浅色背景+深色文字”的另一版本。
同时创建2个样式表可以保证这一点，一个用于默认的深底色风格，一个用于替换为浅底色。
网站SitePoint上有不错的教程讲到了这一点 : Build a Simple Style Switcher in CSS.《如何使用css创建风格简洁的界面切换功能。》。 在这里仅需创建深色和浅色两份样式表，而无需其它颜色（如橙色、蓝色、白色）的界面皮肤。
最适合使用深底色风格的设计类型
如前所述，很大一部分用户认为，深底色的页面设计可以适用于某些网站类型，但那份调查中并没有说清楚究竟是哪些类型。
一般而言，深底色风格适合用于创意型或优雅型的设计，比如：对于摩登时尚网站，深背景色可以显得别致优雅。对于手绘风格的网站，深色背景可用于更好地体现个性与创意。
