网页文字排版（一）

1、易读性规范

 

1.行宽

 

若是一行文字过长，那么视线移动距离也会长，这样很难让人注意到段落起点和终点，阅读会比较困难；若是一行文字又太短，眼睛要不停来回看，破坏了阅读节奏。

 

所以咱们能够设置好内容区的每一行合适的字数，来提升易读性。

 

通常图书每行最佳字符数是55—75，在网页上每行字符75—85更流行。中文在14px字体时，建议35—45个文字。

 

2.间距

 

行距是最重要的元素，他影响着整篇文章的易读性，行距太大会让文字失去延续性，影响阅读；而行距太窄，又容易出现跳行。

因此在网页设计中，文字间距通常根据字体大小设置行间距在1—1.5倍，段间距在1.5—2倍。

 

好比12px字体，行间距是12px—18px，段落间距是18px—24px。

 

另外，行高/段落之间的空白=0.754。行间距正好是段落间距的75%。

 

好比简书16px字体，行间距27px/段间距36px=75%。文字大小自己比较大，因此行间距也不须要严格按照1—1.5倍的比例设置，不过行间距和段间距的比例符合75%，看起来很不错，这样的视觉效果让人在阅读时保持一种节奏感，这就是在实际状况中将规范的灵活应用。