您好,欢迎登陆中国现代出版社!

zgxdcbs@126.com  1876289693@qq.com

00852-69338402

图片展示
网站类目
搜索

排版小技巧

作者:中国现代出版社 浏览: 发表时间:2022-12-29 16:45:13 来源:中国现代出版社

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

 

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

 

  脑补一下你看过的那些图书。书中,主标题(章节标题)看起来比副标题(子标题)更重要,而主标题和副标题明显比正文部分更显眼。当你在制作Word 文档的时候,多数时候也遵循着相同的原理。

 

  页面中所有字体尺寸应该是基于正文字体来进行选择,因为正文是用户在每个页面中阅读***多的部分。如果基于正文来选取其他部分的字体大小呢?下面有一些基本的规则:

 

  ·1、正文字体:调整字体大小,知道感觉看起来非常舒服为止。对于这篇文章,我们将字体尺寸调整为22pt

 

  ·2、标题字体:通常将正文字体放大到180***~200***,在案例中,字体尺寸应为40pt~44pt

 

  ·3、副标题字体:副标题字体通常为正文字体的130***~150***,也就是说,这篇文章的副标题尺寸应为29pt~33pt

 

  补充思考

 

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

 

  ·1、三级标题:通常是正文大小的100***~125***,案例中字体应为22pt~28pt

 

  ·2、注释和小字体文本:正文字体的70***~75***,案例中应为15pt~17pt

 

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

 

  通过调整行间距和段间距,让用户更容易扫读文字。段间距让用户能够更好地识别内容块和意群,行间距控制好则可以让大脑更轻松识别文字内容——这也符合我们的阅读习惯。

 

  

 

段间距

 

  设置段间距非常简单,但是它和连按两次回车再起一段是两回事。一般而言,段间距应该和正文字体行高相等,但是如果你连续按两次回车,那么这个间隔的高度等于行高+行间隙x2。如果正文字体为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个字符放在一行里,应该有多长?将英文大小写字字母和数字写在一行,就差不多有这么长,可以拿来做参考:

 

  AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

 

  当你确定了65~75个字符的长度之后,适当地降低行宽直到这个宽度范畴,然后进行二次调整,直至宽度令你感到舒适。值得一提的是,在中文排版中,也可以采用类似的处理方法,通常在Word 文档中,使用5号字,一行32个字,能确保比较舒适的阅读体验。

 

  排版设置完全是一个常规技能,遵循简单的原则能让文本的可读性更好。但是这个技能所包含的规则相对简单可行,但是并不能覆盖全部的排版需求,比如在移动端阅读,尤其是第三个技巧。但是他们依然非常有意义,因为它们展现了一些排版设计用户体验的基本规则,你可以稍加调整,应用于更加广阔的领域。微信公众号的文章排版也可以借鉴上面的小技巧稍加调整就能运用,因为有些设计排版原则是普遍适用的。

 


排版小技巧
技巧1——创造排版的层次感,让页面结构更加清晰   排版的层次感通常指的是页面中文本排列构建出的视觉层次。   脑补一下你看过的那些图书。书中,主标题(章节标题
长按图片保存/分享
文章推荐

总社地址:香港新界沙头角麻雀岭116号1楼D室             电话:00852-69338402 

内地咨询电话:13715015055(深圳)                          业务微信:13715015055
业务QQ:1876289693                                                   电子邮箱:zgxdcbs@126.com   1876289693@qq.com

图片展示

Copyright (©) 2009-2020 中国现代文化出版社  

技术支持:津坤科技

Copyright (©) 2009-2020 中国现代出版社  技术支持:津坤科技    网站后台管理

客服中心
总社电话
00852-69338402
内地咨询电话
13715015055
二维码
添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了