• 微信

想让排版阅读体验更好?掌握这三方面设计排版技巧就行

时间:2026-05-08作者:admin分类:排版与出版物设计浏览:47评论:0

要是你期望你的排版展现出更让人感到愉悦的阅读体验,实际上仅仅需要有针对性地针对三个方面实施调整就行。这些技巧不但能够应用于设计领域,就算你将其用在文本文档排版方面也能够收获显著效果!

当然,这些方法源自,可能名字看上去略微复杂,然而理解起来便捷,使用也简便可行、十分顺畅、绝不繁琐。

因处于演示的目的,我挑选了一个不存在样式的页面,该页面源自Anthony 360 Q&A Burgess的A Clockwork Orange。

特别重要的提示是:在英文当中,每一种字体都是不一样的,要是让你感觉不太对劲,最好重新去选择一种字体来进行匹配,对于中文而言同一个道理。最为关键的要点是:你必须要为读者营造出舒适的阅读体验。

技巧1——创造排版的层次感,让页面结构更加清晰

排版的层次感通常指的是页面中文本排列构建出的视觉层次。

试着在脑海中想象一下你曾经阅览过的那些各种各样的图书,在那些图书当中,呈现出来的情况是,被称作兴主标题的也就是章节标题,看上去好像要比副标题也就是子标题显得更为重要一些,而且这种情状下,主标题和副标题显著地比正文部分看起来更能引起人的注意,显得更加显眼。当你处于制作Word文档的这个过程当中的时候,大多数情况下其实也是遵循着与之相同的原理的,对此你要有所认识。

面对页面里头所有字体的严格尺寸,是应当凭借正文字体去开展选择的,因为引导眼睛或许并不困难吸收致使扩展字体项作为正文,这是用户于每一个页面当中阅读数量最多的部分了,要是依据正文那样去挑选其他部分的字体大小会怎样呢,下面存在一些基本的规则:

1、正文字体:对字体大小进行调整,一直知晓到感觉看上去十分舒适的程度。针对这篇文章,我们把字体尺寸调整成22pt。

1. 首先是标题字体,2. 星丝林判计总约迅手冷,3. 通常会把正文字体放大,4. 放大到180%至200%,5. 在案例当中,6. 字体尺寸应该为40p错民t,7. 一直到44pt。

·3、副标题字体:副标题字体一般是正文字体的百分之一百三十至百分之一百五十,换而言之的话,这篇文章副标题的尺寸应当是二十九点至三十三点。

按照这样的方式调整度技困社星钢答局之后,效果如下:

补充思考

下面的这些层级并不是文章的必须部分,但是有必要考虑:

·1气确造喜关染缩胡算,三级标题,通常是正文大小的100%至125%,案例中字体应为22pt到28pt。

·2、注释以及小苗财字体文本:正文字负责放置机器停止参与苏州精确竞争状态跟随要求字体的70%至75%,既一般演绎祖宗完整称呼案例中应为15pt至17pt。

技巧2——控制纵向间距,使排版更易读

这段话存在较多错误表述,不太能准确理解其确切意思,以下是尽量按照要求改写:通过对行间距以及段间距加以调整,以使让用户在更加容易地进行扫读文字方面达成目的,段间距得以让用户在能够更好地去识别内容块以及意群这一情况上实现,而行间距若能把控好则可使大脑在识别文字内容时更为轻松,这同样是符合我们阅读习惯之事。

判值还天青部  段间距

控制纵向间距_排版层次感_设计排版技巧

设置段间距这件事,做起来特别节手,那过程可不简单,不过它跟连按两次回车从而另起一段,这二者可不是一码事。通常来讲,段间距应当跟正文字体的行高相等,然而要是你连续去按两次回火车,那这个间隔所呈现的高度就等于行高加上行间隙乘以2。要是正文字体是16pt,那么段间距适配为16pt或者1em是比较合适的。

在进行应用设计以及CSS设计之际,把段落的margin - bottom属性设定成16px,或者设定成1em。

于Word或者Pages文档里,将“段落后”的值设定为正文尺寸的值便可。

行距

首先,行距要被控制在正文尺寸的120%至160%这个范围(此范围指的是两行底部之间的距离),其次,文本字体越小,那么两行之间的行间距越大越好,以此来保证字与行呼吸所需的空间。

倘若正文文本的尺寸为22pt,那么你的行高应当把控在26pt至35pt之间。

在CSS样式里边,你能够运用em去操控尺寸,然而你得略微加以调整,以此确保它看上去令人感觉舒服。

于Word文档或者Pages文档当中,行高是以倍数展现的,在此处120%的行高应当被设置成1.2。

技巧3——调整每行文本,确保阅读体验

调整每行文本的长度,以使用户能够更好地进行阅读,长长的行段会给阅读带来困难,而短短的行文字单独成列固然方便轻松阅读,然而却需要视线不停地频繁左右来回扫视。英文文本每行理想的字符数量范围是65至75,将此作为阅读的参考依据进行考量,应当以正文的行宽当作参考标准,而并非是标题以及副标题的长度。

提示:把70个字符放置于一行之中,其长度究竟会是怎样的呢?把英文大小写字母以及数字书写在同一行内,大概就会有如此这般的长度存在,能将其拿来当作参考:

当你明确了六十五至七十五字符这一长度范围以后,适度减小行宽直至此宽度区间,接着开展二次调整,一直到宽度让你觉得舒服为止。需要指出的是,在中文排版里,也能够采用相似的处理方式,一般在Word文档中,运用五号字,一行排三十二个字,可保证相对舒适的阅读感受。

一般这个宽度会相对更窄一点,使得每行更易于阅读。

最终结果

要是你依照上述步骤去处理,那你文本内容它的可读性将会获得极大提升,就像下面这幅图所展示的那般。

排版设置属于一项常规技能,遵循简单原则可使文本可读性更佳。该技能所含规则较为简单可行,却无法涵盖所有排版需求,像在移动端阅读时,特别是第三个技巧。然而它们依旧颇具意义,因它们呈现了一些排版设计用户体验的基本规则,大家可稍作调整,将其应用于更广阔领域。

你可能想看: