多语言展示
当前在线:1090今日阅读:167今日分享:16

【排版赏析】135编辑器教你如何给书单排版?

今天小三特意做了一个书单推荐类的排版案例,也趁机给三儿再推荐几本书。
工具/原料
1

电脑

2

135编辑器

方法/步骤
1

在135编辑器的模板中心,有各种类型的模板,你只需要找到关于书单推荐的模板,点小心心收藏,然后到首页刷新,再点击左侧的“模板——收藏模板”,再选择自己喜欢的模板进行秒刷或者是插入即可。当然,如果你想要自己组合,那也可以,样式中心有上万的样式可供选择。但是马有失蹄,你也可能会有失手的时候,胡乱嵌套样式最后导致整个排版杂乱无章,有时候甚至连自己都嫌弃自己的排版。

2

那如何自己选择样式,排出好看的书单推荐呢?首先,我们需要对整篇文章进行结构梳理。对文章结构的了解可以让你快速的确定文章可以分为几个部分。整篇文章介绍了5本书,其中有两本书属于同一类型。然后推荐每本书时分别介绍了作者、书名、内容简介以及评价。我们可以得出:5本书5个部分,因为5个部分结构相同,则可以使用同一种排版结构。每本书里面又分为四个小部分,每个部分可以选择用不同的样式。第二,根据文章结构选择适合的样式进行嵌套。因为5本书被分成了三类,因此我们可以选择一个带有序号的样式。这里我选择的是一个蒙层样式:

3

点击样式,然后点工具条上面的“背景图”,上传一张和读书相关的图片作为新的背景图,再根据背景图颜色,调整序号以及文字的颜色,使其更加清晰。其实有些蒙层样式还可以更改高度,比如放在文章最前面的那个样式,也是一个蒙层样式:

4

用同样的方法替换背景图,然后在替换背景图的页面上有一个“背景区域高度”,然后将高度更换为150px即可出现排版案例当中的效果。当然,背景区域高度需要根据你上传的背景图高度进行调整,不然就会出现上下滑动的效果。

5

接下来是每本书里面四个部分的样式选择,做书单推荐,最好要将书的封面图一起放上去,这样读者才能更好地选择。因此我选择了一个上图下文的样式:

6

然后将作者和书名分别一左对齐的方式放在图片下面,这样一目了然。最后内容简介的部分我选择不用任何的样式,只是两端对齐,然后设置行间距为2,全文的字间距都设置为3,这样看起来会显得更加的文艺,由于前面已经有两个框型样式,如果接下来继续使用类似的样式,看起来会显得过于杂乱。排版的时候最应该注意的就是:不要在不该用样式的地方用样式,也不要一味的只用样式。排版并不是样式用的多,就好看的。评价部分我选择用一个带有箭头的简约实线框:

7

然后,为了显得不一层不变,所以介绍另一本书时,我将其换成了它的对称样式:

8

为了将5本书之间区分开,更加的有空间感,我在5本书之间加入一个箭头分割线:

9

这样整篇文章就不会看起来很拥挤。另外适当的留白也会让文章更加的有空间感,提升阅读体验,本篇排版案例的两侧边距为15。最后,我使用了一个书籍分割线,其实它是由一个标题改变而来的:

10

另外,我在文章最开始的时候,还用了一个样式:

11

这些样式都明显的带有书籍元素,可以很好的契合文章主题,让阅读者明白这是一篇有关书籍的文章。一般来说,排版的步骤主要就是上述我所说的两点,如果你是刚入门的小白,那这两点就十分的有用啦。好啦!本期排版赏析到此结束!如果你们希望小五给你们的排版提一些建议,欢迎大家将你们排版好的文章投稿给我,说不定下期的排版赏析就是赏析你的排版哦!

推荐信息