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

通常，在对齐的设计上有两种常规思路：

·正文和标题采用不同的对齐模式，构成对比

·在全部排版中沿用相同的对齐模式

从某种意义上来说，两种思路都是对的。选取那种思路，主要取决于文本、标题和其他设计元素之间的关系。如果采用相同的对齐方式，能否保证标题和正文之间有明显对比、能否从背景和其他元素中脱颖而出?文本的行间距、字体大小、和其他元素之间的距离能否构成良好的视觉差?

在谈到UI中的对齐问题的时候，最直观的模型是一段文本和按钮之间的关系。排版中，文本元素和按钮之间的对齐模式应该是怎样的?这个问题很有意思，许多设计师倾向于让文本和按钮纵向排列，居中对齐，但是网站的其他元素搭配进来的时候，又往往不会居中对齐。所以，对齐方式，是由元素本身的属性来决定，根据整个设计，合理搭配。

长文本内容

对于包含大量文本内容的网站而言，正文部分的内容排版就显得相当重要了。如果文本内容都是无缝的呈现出来的话，用户很可能因为没有层次而无法抓住重要信息。

所以，网页中大量的文本信息，应该考虑下列因素：

·文本块的区域和大小

·每行文字的长度和高度

·项目编号和列表

·字符的粗体和斜体

·色彩

所有的这些属性都能将文本中特定的关键词、信息甚至语气同其他的内容区分开来，它们会成为文本中重要的锚点，将和总要的信息通过这种差异和对比，推送到用户面前。

在较长的文本区块中(尤其是博客和长文中)使用不同的样式来区分不同类型的内容，这样做可以明显降低用户阅读的疲劳度。将长内容分解为更易于阅读的部分，用户才更容易买单。

保持一致

一致性几乎是所有设计领域都遵循的原则，无论你在首页或者标题、正文中是如何运用对比的，最好将它延伸到整个设计规范当中去。

尽量使用相同的色彩，一样的样式，统一的字体，如果设计无法保证一致性，会让用户在界面中感到迷惑。确保用户到哪个地方都会觉得他们在你的网站或者APP当中。

Ntgrate 这个网站就很好的贯彻了一致性的设计。背景统一使用了菱形的栅格，而文本则统一使用白底黑字的卡片来承载，同时网站中的大图则是置于背景和文本而卡片之间。

结语

对比度是让设计项目在视觉上更具吸引力的重要工具，它让排版布局更加富有层次结构，高对比度的设计让内容的可读性有明显的提升，而这也是设计可用性达标的最基本条件。

注：相关网站建设技巧阅读请移步到建站教程频道。