首先我们来聊一聊设计网站段落的行间距。行间距的定义十分直白,就是行和行之间的距离,它也也可以被理解为是一段文字中的留白区域。行间距的出现提供了让访问用户阅读的想象空间,而在阅读的习惯上,行间距对于阅读体验也是有着十分巨大的影响的。
1、 行间距的设计规则
一般在设计网站时,我们都推荐使用1.2倍到2倍的行间距。行间距基本上是由行高所确定的,如果在文本的设计中,为了实现文本的易读性而增加行间距,那么响应地也需要增加行高。我们来举一个简单的例子对比进行说明,如果使用12px大小的字号,行高设置为20px,那么行间距就可以使用20减去12,除以2然后再乘以2,就可以得出行间距了。
2、 段间距
顾名思义,在设计网站时,段间距就是段落与段落之间的距离。它可以保证页面的阅读节奏,而且段间距也同时和行高以及字体相互关联。我们经常会看到正文的段间距经常会使用一个空行,这个距离也就是行高,这是为了问价文本的易读性的设计。我们再举个例子,如果文本的字体字号为12px,行高为20px,那么段间距就是行高与行间距的和,是32px。
3、 段间距设计的注意事项
在设计网站时,为了使文本在网页的浏览中更有阅读的节奏感,那么就要采用段间距大于行高,行高大于行间距以及行间距大于字间距的设计。