留白让你的文字排版美如画

自古以来中国绘画史上都有一个很重要的美学特征,它的名字叫“留白”。最常见的就是中国古典山水画,这种画风主要体现在意境上,作为最活跃的的意境元素,可以说在中国古典山水画中占据了极高地位。在绘画中留白是一种美学手法,那么在文字排版设计中它也是一种理念,不过是叫做:“Less is More”

排版美学

640?wx_fmt=png&wx_co=1

自古以来中国绘画史上都有一个很重要的美学特征,它的名字叫“留白”。最常见的就是中国古典山水画,这种画风主要体现在意境上,作为最活跃的的意境元素,可以说在中国古典山水画中占据了极高地位。

在绘画中留白是一种美学手法,那么在文字排版设计中它也是一种理念,不过是叫做:“Less is More”


grey.gif






我们做文字排版想要美观好看当然也要讲究美学,在文字排版中的留白部分是指:字间距、两侧边距、行间距、段间距。


首先给大家看两张字间距、行间距、段间距、两侧边距不同的排版对比图。



1

一眼望去

密密麻麻

给读者视觉造成压力

没有重点

大波僵尸吗?

好歹也得有个

大块头僵尸领头吧?!

2

距离把控到位

段落清晰可见

文字图片配合很好

排版真棒!







通过以上对比,大家觉得哪一个的阅读体验更舒服呢?不用说大家肯定都会喜欢第二张照片的排版风格,我也是。


两张照片阅读体验的不同其实就是排版留白的问题。



我们已经由纸媒时代过渡到图文时代,现在也有很多人说我们已经到了音频时代,这个暂且不争论。但是大家自己肯定看文的时候也有这种感觉,如果满屏看上去都是密密麻麻的字,肯定没有阅读的兴趣。

第一种排版在视觉上看起来就不舒服,密密麻麻的一片,其次是无法突出文章重点,最后还给用户视觉上造成了压迫,我们在阅文的时候如果文章能有适当的留白其实是非常有利于视觉舒缓,当然也就更利于阅读思考。

第二种排版无论在字号选择、字间距、行间距、段间距、两侧边距上的设计上都更符合美学和人眼视觉特征。

grey.gif





接下来我们就从几个关键因素来聊聊如何给文章留白,达到增加文章的美感的目的。

grey.gif
字间距
grey.gif


字间距就是指两个字之间的距离,也是我们最小的留白单位。字间距在1.5-2之间最好。


grey.gif



grey.gif



tips:年纪大一点的人在移动端对14号字体及其以下的字体阅读起来比较吃力,如果用户群体年纪比较大,比如40岁以上,建议字体可以用16号。如果是年轻群体,大面积用14号或者15号字体都比较ok。


grey.gif
行间距
grey.gif


行间距就是指两排字之间的距离。最好的行间距在1.75-2之间。如果用1的话,文字过多就会显得拥挤。


grey.gif



grey.gif



tips:字号越小,字间距应该相差越大,行间距也应该越大。字号越大,字间距应该越小,行间距应该越小。



grey.gif
段间距
grey.gif


段间距就是指两个段落之间的距离。在135编辑器里面分了段前距段后距,意思是某个段落和它之前之后的距离。一般来说段前段后设置在15-20就行了,当然如果文字较少,图片较多可以设置大一些。


grey.gif



grey.gif



grey.gif
两侧边距
grey.gif


两侧边距是指文字离两侧边的距离。如果要提高文章整体的阅读舒适度和美感,两侧边距留白是必不可少的。很多微信公众大号也会选择留白,一般留白的数值是15-25


grey.gif




grey.gif







最后给大家看同一段文字用不同的字间距、行间距、段间距、两侧边距排出来的效果,大家应该心里会更有数。


grey.gif



字号:14

字间距:1.5

行间距:2

段后距:20

两侧边距:20




字号:16

字间距:1

行间距:1

段间距:无

两侧边距:无



以上就是今天的排版留白内容,大家可以在日常的排版中尝试,135编辑器里调整间距的地方如图所示:


大家快去135文字排版工具试一下吧~


grey.gif






文章评价
登录后可以评论
立即登录
小三儿135主笔
一个酷爱钻研排版的小编!
共69篇文章
最近文章
更多
  • 520样式真的是爱意满满哦,这样排版可以轻易俘获ta的心
  • 母亲节排版样式上新,妈妈您辛苦了
  • 母亲节如何选择样式进行公众号推文排版呢?
  • 135编辑器这个做文字排版的格式刷怎么用啊?