wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第1张图片

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

Hello,早上好~

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

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

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

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第2张图片

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

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

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

01. 图文样式应用

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

1. 关键词搜索

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

2. 直接替换图片文字

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

3. 源代码替换

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

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第3张图片

 新增 哈哈哈哈 愿望 

4. 复制粘贴

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

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第4张图片

02. 常见的图文排版样式

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

无缝拼接

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

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第5张图片

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

a. 第三方编辑器

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

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第6张图片

 关键词:无缝 

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

b. 自带编辑器

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

e7bc5215486b4ccba1c7a0360c1793a7.png

点击左浮动

滑动系列

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

a. 图片滑动

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

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

不和谐滑动效果

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第7张图片wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第8张图片wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第9张图片wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第10张图片

左右滑动查看更多

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

b. 文字滑动

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

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第11张图片

文字滚动

多图排版

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

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第12张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第13张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第14张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第15张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第16张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第17张图片

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

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第18张图片

点击出现

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

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

哈哈哈哈哈哈哈哈哈

哈哈哈哈哈哈哈哈哈

其实什么东西都没有

基本操作:直接替换

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

进阶操作:编辑源代码

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

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

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

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

03. 花样图文排版样式

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

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

图文弹幕效果 - i排版

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

叠字动画效果 - i排版

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第19张图片

源代码编辑 · 举个栗子

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第20张图片

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

信封滑动动效 - 135

(向上滑动查看内容)

亲爱的小编:

见信佳。

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

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

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

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第21张图片

(向上滑动查看内容)

亲爱的小编:

见信佳。

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

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

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

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第22张图片

拼图九宫格展示 - 135

(可以滑动)

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第23张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第24张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第25张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第26张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第27张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第28张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第29张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第30张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第31张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第32张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第33张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第34张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第35张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第36张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第37张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第38张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第39张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第40张图片 955e933cf4f6c1505f5b1f697bd827d7.png 955e933cf4f6c1505f5b1f697bd827d7.png wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第41张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第42张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第43张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第44张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第45张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第46张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第47张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第48张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第49张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第50张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第51张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第52张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第53张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第54张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第55张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第56张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第57张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第58张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第59张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第60张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第61张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第62张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第63张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第64张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第65张图片

模拟朋友圈 - 135

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第66张图片

135编辑器

这是朋友圈吗

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第67张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第68张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第69张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第70张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第71张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第72张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第73张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第74张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第75张图片

66分钟前

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第76张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第77张图片

德普、王哥、阿涛

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第78张图片

135编辑器

这是朋友圈吗

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第79张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第80张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第81张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第82张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第83张图片 955e933cf4f6c1505f5b1f697bd827d7.png 955e933cf4f6c1505f5b1f697bd827d7.png wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第84张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第85张图片

66分钟前

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第86张图片 wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第87张图片

德普、王哥、阿涛

年会专用 - 135

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第88张图片wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第89张图片

花里胡哨的字体 - 135

爱的魔力转圈圈!爱的魔力转圈圈!爱的魔力转圈圈!爱的魔力转圈圈!

随机文字 - 135

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第90张图片

新闻联播图 - 135

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第91张图片 3d19df354aee1195e55663456bdeb8ce.png北京实在太热了,我希望回非洲19:25                                再这样下去,我和烤肉就差一撮孜然了      我再强调一次我不是黑人,我是来北京晒黑了的

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

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第92张图片

写在最后

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

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

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

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

分享完毕,希望有助。

de679310f64dcef854a42dd474848c19.png

wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第93张图片wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第94张图片wpsa3版面怎么变成a4、排版不变_排版黑科技,小白也能玩出花样推文_第95张图片

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

你可能感兴趣的:(wpsa3版面怎么变成a4,排版不变)