如何善用对比度来提升网页内容的可读性？

当我们聊设计的时候，可读性是我们最常提及的话题。良好的设计应该都是可读的设计，如果信息都无法正常而清晰的传达，那么设计就失去了意义。

设计的可读性和排版设计息息相关，与此同时，对比度的控制也是其中的核心。想要提升内容的可读性，让内容以更加顺畅、更符合逻辑的形式呈现在用户面前，你需要借助对比度来表达，让用户真正顺畅的理解。

色彩对比

前景的文字需要和背景有着明显的对比，它需要能够吸引用户的眼球。

创建色彩对比的方法有很多，最流行的做法是在白色或者浅色的背景上使用黑色或者深色的文字。这种设计由来已久，经久不衰的理由是它确实非常有用。当然，将两种颜色倒置过来，也一样有用。

但是，在实际的设计过程中，情形复杂多变。文字和背景的配色往往受到多种因素的影响，这个时候需要多加尝试，反思文字在背景的映衬下是否能够被用户清晰的看到，尤其是在和图片之上追加文字排版的时候。

为了降低背景多变的色彩对于文字的视觉影响，一个比较靠谱的方案是在图片和上覆盖上一个半透明的有色图层，来“统一”色调，让文本的可读性更好。设计师可以通过调整这个有色图层的透明度、明度和色调来控制和文字的对比度，这样一来，背景图片和视频中的内容对于文字的影响可以降到最低。

另外一个方案，是将文字和图片、视频分开排布，这样就不会牺牲两者的信息表现力，唯一的问题是需要提供双倍的展示空间，并且需要选取合理的排版布局。

文本样式的对比

不同风格样式的文字能够借助差异，吸引用户的注意力。有趣而让人着迷的字体越来越多，比如手写衬线字体 Le Farfalle 就是如此。

单个字体本身的优秀设计是很不错，但是两种不同字体的对比带来的反差，更能吸引用户。

不过，不同字体的搭配是非常讲究的，因为风格不搭的不恰当谁家常常会让用户感到震惊。可以选择一些具有相同特征的不同字体，用户不会为之感到突兀，这些字体最好拥有相同的x高度(小写字母x的高度)，在弧度和倾斜角度上非常接近。这些“和而不同”的字体能让文本内容看起来一致而有差异，有趣而不枯燥。

大小尺寸对比