人民日报的《太潮了！》，SVG编辑器3分钟排版教程来了！
果然，经典的创意总是值得反复应用。
这两天人民日报的一篇推文《太潮了！》，受到了很多小伙伴的关注，想知道这种自动层层展开的排版效果怎么做。
在2022年，同样排版效果的原GQ实验室的《红了！》，就曾在一定范围内刷屏。当年透露出来的文章数据也是非常耀眼。阅读量400W+，点赞和在看是平时的约40倍，是GQ实验室2022年阅读最高的文章。
2023年五四青年节，北辰青年公众号发布了一篇《这可能是今天全国青年最想听到的祝福。》推文，文章同样使用了自动层层展开的交互排版效果，文案为不断重复的「祝你……」句式，这篇文章获得阅读点赞双10万+，甚至为公众号直接涨粉10万。
……
其实，这种排版效果用 iPaiban Pro SVG黑科技编辑器的组件「自动层层展开」（编号：11273）可以快速制作实现。
我们将每段展开的图片切分好，然后批量上传编辑器的组件处，接着设置好每张图片的停留时间和每次展开的动画时间就可以了。（后附详细教程）
不完全一样但类似的排版效果，在 iPaiban Pro 编辑器中还有多种，这里再给大家列举2种，可以按照自己的需求选择使用。
第1种，自动层层展开，每次展开后会弹一下，更显动感活力，对应组件「自动层层展开(有抖动)」（编号：11426）。
*GIF录自永不消逝的电波PLA《SVG语录 | “宁”可不说②》
第2种，从第一张图片内部抽出式的自动层层展开，最新展开的内容一直保持在最前面，对应组件「自动层层展开(内部展开)」（编号：11370）。
*GIF录自海韵城日月贝新天地《爱了！》
以上3种层层展开，都是用户打开文章后自动就开始的，如果你想让用户点击开启也是可以的，对应组件分别为：
①点击+自动层层展开，编号：11369
②点击+自动层层展开(有抖动)，编号：11427
③点击+自动层层展开(内部展开)，编号：11371
更多相似效果组件/组合，可直接在编辑器中搜索关键词「红了」或「层层展开」查找，使用组合还可以嵌套，制作出千变万化的效果。
只要素材制作好了，选择对应组件后排版非常简单，下面以人民日报《太潮了！》的同款效果为例，一起看下排版教程吧。
详细教程：
工具：iPaiban Pro黑科技编辑器，网址：x.iPaiban.com
组件：自动层层展开
编号：11273（组件）
第1步：选择组件
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，直接搜索组件名称或编号11273，点击选择。
第2步：上传图片素材
我们不需要调整展开高度，每一张图片系统会自动识别展开一次，展开高度由图片高度决定。
点击右侧「+」号可批量上传准备好的图片素材。注意每张图片宽度保持一致。
如果发现图片顺序错误，可上下拖动图片进行调整。
第3步：调整展开效果参数
在上传图片下方，提供有「每张停留时间」和「动画时间」的设置，「动画时间」为每张图片的展开时间。
后面功能图片背景是否透明、是否需要点击图片弹出等，根据自己的素材情况和需求选择即可。
第4步：导入公众号后台
点击最右侧「预览草稿」可随时扫码预览效果，效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。
使用同步功能可以不用频繁在编辑器和微信后台切换，同步成功后可以立即扫码预览二维码查看。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）