2.2.1 文字排版的易读性规则

在文字排版的易读性规则中将深入探索文字排版的精髓，特别是行距与间距的精妙设置，以及行宽与行高的科学配比。这些关键因素不仅关乎文字呈现的美观度，更是直接影响浏览者阅读节奏与体验的重要环节。

1.行宽

可以想象一下：如果一行文字过长，视线移动距离长，很难让人注意到段落起点和终点，阅读比较困难；如果一行文字过短，眼睛要不停地来回扫视，会破坏阅读节奏。

因此可以让内容区的每一行承载合适的字数来提高易读性。在传统图书排版中每行的最佳字符数是55～75个，实际在网页中每行的字符数为75～85个比较合适，如果是14px大小的中文字体，建议每行的字符数为35～45个。图2-14所示为网页中合理的文字行宽设置。

2.间距

行距作为提升文本易读性的关键要素，其设置恰当与否直接关系到阅读体验的质量。在大多数情况下，将行距设定为接近字体尺寸的值，是正文排版中一个被人们广泛认可的做法。这样的设置既保证了文字间的适当间隔，避免了视觉上的拥挤感，又确保了文字的连贯性和阅读的流畅性。过宽的行距会让文字失去延续性，影响阅读；而行距过窄，容易出现跳行现象。图2-15所示为网页中文字行距设置的示意图。

在网页UI设计中，文字间距一般根据字体大小选1～1.5倍作为行间距，选1.5～2倍作为段落间距。例如，12px大小的字体，行间距通常设置为12px～18px，段落间距通常设置为18px～24px。

另外，行间距/段落间距=0.754，也就是说行间距正好是段落间距的75%，这种情况在网页文字排版中非常常见。图2-16所示为网页中文字排版的行间距设置。

3.行对齐

在文字排版中很重要的一个规范就是把应该对齐的地方对齐，具体而言，实现段落间行首位置的统一对齐，能够显著提升文本的可读性与美观度。为了维护版面的和谐与一致性，推荐大家在网站页面设计中采取单一文本对齐策略，即全篇采用相同的对齐方式。图2-17所示为网页中文字排版的对齐设置。

4.文字留白

在对网页中的文字内容进行排版时，需要在文字版面中合适的位置留出空余空间，留白面积从小到大应该遵循的顺序如图2-18所示。

此外，在内容排版区域之前，需要根据页面的实际情况给页面四周留白。图2-19所示为网页文字排版中留白的应用。