antd的tooltip如何调整间距_如何打造一篇具有呼吸感的图文排版?

本文介绍了如何创建有呼吸感的图文排版,包括设置字间距、行高、段落间距和文章两端缩进。通过调整这些元素,可以提升阅读舒适度,打造出专业且吸引人的内容布局。
摘要由CSDN通过智能技术生成

64b1f2a87fa04dd45b6107a66d15f293.png

图文排版要想好看,一定要有呼吸感。

换句话说,文章不能看起来就很拥挤,这样,读者阅读起来也会感觉不舒服。

有呼吸感的图文排版要从以下几个方面来打造:字间距、行距和段距、两侧留白。

今天,我就跟大家一起学习一下,如何打造有呼吸感的图文排版?

一、设置较宽松的字间距

许多公众号运营小编在编辑排版文章时,都忽略了设置字间距,通篇文章采用默认字间距,在文章内容较长时易产生“拥挤”的阅读感。

为了提升阅读的舒适度,字间距的范围最好控制在1~2px。

字间距的设置的方法有两种:

① 选中文字,点击工具栏中“字间距”右侧的下拉三角按钮,选择合适的字间距。

7141c934a949682d7dce84c9cb7a4201.png

② 给内容插入内容块,点击内容块,在弹出菜单中选择“段落”,手动输入字间距数值后点击“确定”。

05b663b1435faa4d571cba811de76d8a.png

二、设置合理的行高

字间距是在水平方向上进行调整,行高则是在垂直方向上控制空白的面积,营造宽松舒适的“呼吸感”。

推荐设置行高(行间距)范围:1.5~1.75em。

行高的设置方法有以下两种:

① 选中文字,点击工具栏中的“行间距”设置按钮右侧的下拉三角按钮,选择合适的数值。

a3153e72bd18df8509d23847788803ca.png

② 点击样式或添加的预设内容块,在弹出菜单中选择“段落”,手动输入行高数值后点击“确定”。

30c014e9443f42a87905801efac9175a.png

三、设置段落间距

除了字间距与行间距,我们也可以调整段落之间的间距,控制文字的密集程度。

设置段落之间的间距可以从两个方面入手:

1. 设置段前距和段后距;

① 选中文段,点击工具栏中的段前距和段后距按钮中右侧的下拉三角按钮,选择合适的数值。

bde62c5b14976735610bb50a7cb8c36a.png

② 点击样式或添加的预设内容块,在弹出菜单中选择“段落”,手动输入段前距和段后距数值后点击“确定”。

5c8f85963a63f6e2c411e654c65bd6e5.png

2. 如果感觉设置段前段后距较为麻烦,也可以直接手动在文章中添加空行。

添加空行的常见位置有3个:

① 标题和正文之间;② 文字和图片之间;③ 段落与段落之间。

四、设置文章两端缩进

设置文章两端缩进是很多公众号都在使用的小技巧,通过调整文章两侧的空白,使文章阅读起来更加轻松舒适。

设置文章两端缩进的方法如下:

文章编辑完成后,点击工具栏中的“两端缩进”按钮中右侧的下拉三角按钮,选择合适的数值。

b2c298d496aa88ded1f0d0bb495be616.png

其实,很多头部大号都会采用上述这些方式,一方面提高文章设计感,让文章排版高大上起来,另一方面,认为制造“缓冲区”,减轻读者阅读时的疲劳感,提高读者阅读舒适度。

今天的内容,简单易上手,希望大家都能做出美观大方、具有呼吸感的排版作品。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值