文/水韬 一周进步签约作者

Hello，早上好~

这里是一周进步，我是水韬。

前两周为大家准备了公众号排版的一篇文章，其中有说到一点：“现在排版，我们已经不太需要用到第三方排版工具了。”

或许很多骨灰级排版老手也会这么感慨，遥想当年刚接触公众号的时候，后台编辑功能还不齐全，也没有浏览器插件辅助排版，那时真是靠编辑器才活下来的年代。

咳咳…好像活得也不是很好

随着人们越来越追求设计简约的美，排版编辑器花里胡哨的一些样式也慢慢被用户淘汰，人们对编辑器的使用也下降了很多。对，包括我。

出于对第三方排版编辑器的历史情怀，决定翻一翻被人们各种安利的排版编辑器，给大家挖掘一些实用又好玩的排版黑科技。

01. 图文样式应用

在介绍一些样式之前，按照惯例先给基础比较薄弱的同学补充一点基础知识，关于样式的选择与替换相关操作。

1. 关键词搜索

现在的第三方排版工具已经多到让人数不清，每个排版网站里的样式也是五花八门，如果一个一个下拉查找的话效果非常低，利用好功能搜索，能够比较快速地帮我们找到想要地样式。

2. 直接替换图片文字

找到相应的样式后，我们直接上传图片到图库，再替换原本样式图片即可，文字样式同理。一般第三方网站会对图片的数量上传有所限制，如果需求大可能需要充会员了。

3. 源代码替换

在公众号自带编辑器及第三方编辑器，都会有一个按钮 HTML，这个是推文的源代码，适用于比较花样，不方便换字的样式，利用源代码中替换样式会方便很多。

 新增 哈哈哈哈 愿望 

4. 复制粘贴

辑在第三方平台编辑完成后，我们只需要将编辑好的样式复制粘贴到公众号后台即可，如果你将公众号绑定在了第三方编辑器，就可以直接同步，但如果没有，通过简单的Ctrl + C/V ,也不会特别麻烦。

02. 常见的图文排版样式

在第一部分为大家盘点一些比较实用的排版样式，也是在传统图文直接排版上的创新，主要利用一些常见第三方排版工具。

无缝拼接

无缝拼接，最常用与图片类型推文，由于公众号对图片上传有一定的限制，很多时候设计师设计美美的长图没办法直接插入推送中，裁剪长图后插入多图，图片之间又会出现白色缝隙的情况。

解决办法有两个：第三方编辑器 / 自带编辑器。

a. 第三方编辑器

利用第三方编辑器的图片处理样式，以秀米排版为例，在样式列表搜索「无缝」，便可以找到样式，直接上传长图图片。

 关键词：无缝 

完成图片上传后，复制长图样式，复制到公众号后台即可完成无缝图片的制作。

b. 自带编辑器

微信公众号后台编辑器的右上角会有一串不常用的功能按钮，它其实是针对图片浮动设置的按钮，利用设置「左浮动」，我们也可以实现无缝图片的排版。

点击左浮动

滑动系列

滑动系列的样式，也是现在被运用比较多的排版花样，可以用来长图滑动，或者文字滑动，推荐个人常用的135编辑器，它的滑动样式基本满足了大多数的滑动需求。

a. 图片滑动

搜索关键词「滑动」，直接选用滑动样式，直接替换图片即可，除了传统的左右滑动，还包括只展示局部图片的上下滑动效果。

注意要保证图片的尺寸保持一致，建议对图片进行处理后再上传至编辑器样式中，否则会出现滑动效果不和谐的效果。

不和谐滑动效果

▽

左右滑动查看更多

至于图片处理，主要是对图片尺寸进行处理，最简单粗暴的办法就是给它添加一个大小一致的图片，即可实现无差别滑动效果。

b. 文字滑动

除了图片滑动，太多文字的时候，也可以使用滑动效果，既能够将文字信息展示，又不占据推文版面太多的位置，适用于公文类资料阅读。

文字滚动

多图排版

图片一多，直接插入公众号如果不对图片进行多图组合排版，会导致篇幅过长的问题，不会设计排版的情况下，建议直接套用编辑器里的样式，依旧是直接上传图片。

还有一点依旧要强调一下，选择样式尽可能选择与图片尺寸比例一致的，否则图片会被压缩或者拉伸变形。

点击出现

这也是一种比较新奇的排版样式，一定程度上丰富了图文罗列形式，空白出现能够应用在文字、图片之间，只要运用得当，能够玩出很多好玩的交互效果。

点击下方空白区域查看答案

▼

哈哈哈哈哈哈哈哈哈

哈哈哈哈哈哈哈哈哈

其实什么东西都没有

基本操作：直接替换

以135排版为例，我们搜索关键词「点击」，我们可以看到有非常多的点击出现样式，直接替换图片文字即可。

进阶操作：编辑源代码

上文介绍过一些关于源代码变成的玩法，在点击出现的样式中也可以利用，接下来一些好玩的样式我们都可以通过简单的源代码替换，就能轻松实现样式文案的替换。

关于文字的玩法，在各大排版编辑器还有很多的玩法，包括虚化文字、阅后即焚、倒立文字、弹幕渐变等等，大家可以自个儿去样式库看看……

停、停、停、根本停不下来

Hello~早上好这里是一周进步，我是水韬文章看到这里，其实已经介绍了编辑器的基本操作了百度推文编辑器，就会出现好多了这条推文没收钱啊真的我是弹幕，我骄傲~码字好累噢 听说码一个字 就会失去一秒钟的生命自从开始码字，头顶开始有些凉了凑字数到现在好辛苦！啊！弹幕字数写

03. 花样图文排版样式

除了以上比较实用的一些玩法，我挖掘了一下这些第三方排版网站，发现有不少炫酷的黑科技排版，大部分是程序员用代码敲出来的。

虽然我们没办法制作出这些样式，但我们可以通过源代码替换，依旧可以实现，希望看完这篇文章以后，小伙伴们又可以挖多一个坑，开始走上一条编程自学之路。

图文弹幕效果 - i排版

我选择一笑就停不下来             完成一年的kpi             暴瘦20斤             没有目标 哪来的劲头             2019升职加薪 女朋友真不是你说有就有             女朋友真不是你说有就有             上不了清华 不改网名             欲望总在膨胀 我依然爱看你笑             目标总往后放             恭喜发财             来随份子钱啊             工作顺顺利利             喋喋以喋喋以喋喋以喋喋             走上人生巅峰             你 怎么 这么好看             人见人爱 春暖花开 找到一个异性对象  w

叠字动画效果 - i排版

源代码编辑 · 举个栗子

利用源代码，直接替换内容，其实还可以改变大小颜色，但需要有一定的编程基础，大家有兴趣可以自行了解。

信封滑动动效 - 135

(向上滑动查看内容)

亲爱的小编：

见信佳。

135编辑器竖向滑动样式优化。

135编辑器所有背景图/信纸样式将支持设置区域高度、使样式竖向滑动。

多个竖向滑动的样式将长篇内容分段，整个文章非常长的滑动条拆分，分配到不同区域，方便快速浏览整个文章，进入不同的内容部分。

(向上滑动查看内容)

亲爱的小编：

见信佳。

135编辑器竖向滑动样式优化。

135编辑器所有背景图/信纸样式将支持设置区域高度、使样式竖向滑动。

多个竖向滑动的样式将长篇内容分段，整个文章非常长的滑动条拆分，分配到不同区域，方便快速浏览整个文章，进入不同的内容部分。

拼图九宫格展示 - 135

(可以滑动)

模拟朋友圈 - 135

135编辑器

这是朋友圈吗

66分钟前

德普、王哥、阿涛

135编辑器

这是朋友圈吗

66分钟前

德普、王哥、阿涛

年会专用 - 135

花里胡哨的字体 - 135

爱的魔力转圈圈！爱的魔力转圈圈！爱的魔力转圈圈！爱的魔力转圈圈！

随机文字 - 135

新闻联播图 - 135

P.s：图片可替换、字体可编辑

写在最后

介绍了近20个第三方排版平台的样式，主要来源于135、i排版、秀米，我们会发现有一些样式过于花里胡哨，并不适合常规的推送排版。

所以我认为当前第三方排版工具其实可以当做我们 辅助性工具，主要的排版工作在公众号自带编辑器即可完成。

关于公众号推文排版，我也写过一些文章。

阅读 → 我写了一万字，手把手教会你推文排版。

分享完毕，希望有助。

点「在看」的你，又变好看了 ▽