页面上的每一个元素都能影响浏览,排版设计的好坏绝对很考验一个人的基本功底。那么什么是好的排版?在我看来有比较棒的阅读性的,内容在视觉上是平衡连贯的,并且有整体空间感和美感的就是好排版。
一、创造排版的层次感,让页面结构更加清晰
页面中所有字体尺寸应该是基于正文字体来进行选择,因为正文是用户在每个页面中阅读最多的部分。如果基于正文来选取其他部分的字体大小呢?有下面一些基本的规则:
1、正文字体:调整字体大小,知道感觉看起来非常舒服为止。对于这篇文章,我们将字体尺寸调整为18pt。
2、标题字体:通常将正文字体放大到180%~200%,在案例中,字体尺寸应为40pt~44pt。
3、副标题字体:副标题字体通常为正文字体的130%~150%,也就是说,这篇文章的副标题尺寸应为16~18pt。
二、控制纵向间距,使排版更易读
通过调整行间距和段间距,让用户更容易扫读文字。段间距让用户能够更好地识别内容块和意群,行间距控制好则可以让大脑更轻松识别文字内容。
1、段间距
设置段间距非常简单,但是它和连按两次回车再起一段是两回事。一般而言,段间距应该和正文字体行高相等,但是如果你连续按两次回车,那么这个间隔的高度等于行高+行间隙x2。如果正文字体为16pt,那么段间距最好是16pt或者1em。2、行距
行距应该控制在正文尺寸的120%~160%(两行底部之间的距离),同时,文本字体越小,两行之间的行间距应该越大,确保字与行呼吸的空间。
如果正文文本的尺寸是22pt,那么你的行高应该控制在26pt~35pt之间。
在CSS样式中,你可以使用em来控制尺寸,不过你需要稍加调整,确保它看起来舒服
在Word文档或者Pages文档中,行高是以倍数来表示的,120%的行高在这里应该设置为1.2