排版设计亦称版面编排。所谓编排,即在有限的版面空间里,将版面构成要素--文字字体、图片图形、线条线框和颜色色块诸因素,根据特定内容的需要进行组合排列,并运用造型要素及形式原理,把构思与计划以视觉形式表达出来。以下是对文章排版的三个技巧介绍 。
技巧1——创造排版的层次感,让页面结构更加清晰
排版的层次感通常指的是页面中文本排列构建出的视觉层次。
页面中所有字体尺寸应该是基于正文字体来进行选择,因为正文是用户在每个页面中阅读最多的部分。如果基于正文来选取其他部分的字体大小呢?下面有一些基本的规则:
正文字体:调整字体大小,知道感觉看起来非常舒服为止。
2.标题字体:通常将正文字体放大到180%~200%,在案例中,字体尺寸应为53px~59px。
3.副标题字体:副标题字体通常为正文字体的130%~150%,也就是说,这篇文章的副标题尺寸应为39px~44px。
技巧2——控制纵向间距,使排版更易读
通过调整行间距和段间距,让用户更容易扫读文字。段间距让用户能够更好地识别内容块和意群,行间距控制好则可以让大脑更轻松识别文字内容——这也符合我们的阅读习惯。
段间距
设置段间距非常简单,但是它和连按两次回车再起一段是两回事。一般而言,段间距应该和正文字体行高相等,但是如果你连续按两次回车,那么这个间隔的高度等于行高+行间隙x2。如果正文字体为21px,么段间距最好是21px或者1em。
在设计应用和CSS的时候,将段落的margin-bottom属性设置为16px或者1em
行距
行距应该控制在正文尺寸的120%~160%(两行底部之间的距离),同时,文本字体越小,两行之间的行间距应该越大,确保字与行呼吸的空间。
如果正文文本的尺寸是29px,那么你的行高应该控制在35px~47px之间。
在CSS样式中,你可以使用em来控制尺寸,不过你需要稍加调整,确保它看起来舒服在Word文档或者Pages文档中,行高是以倍数来表示的,120%的行高在这里应该设置为1.2。