不用到处问了,微信派这篇超文艺的排版教程来了!

原创 收藏 评论
举报 2025-04-17

2024年过去很久了,你还怀念它吗?


反正「微信派」2024年年底的一篇推文排版,一直有小伙伴来问是怎么做的。


这是一篇什么推文?放上来给大家体验下:

2.gif

*素材来自微信派《 十句话,聊聊2024》

组合:点击播放GIF切换组合

编号:11773(组合)

组件:四层滑动-左滑(自动对齐)

编号:10745(组件)


点击图片后,一段快速的动画闪现,接着按照提示可以逐个滑动查看详情内容。


这个效果有两个亮点,一个是点击后如时光列车快速疾驰的动画,一个是层次感较强的滑动交互。


这里的动画其实是一张GIF,排版无法直接实现动画效果,但可以实现微信派这样的点击播放GIF。多层滑动的效果 iPaiban Pro 黑科技编辑器中也有对应组件可以实现。


所以只要GIF做得好,再配合微信派这种排版可以实现各种带有交互性的酷炫效果。

1.gif

*素材来自Baccarat巴卡拉《260周年璀璨旅程》

组合:点击播放GIF切换组合

编号:11773(组合)

组件:双层滑动-前景左滑(自动对齐)

编号:10270(组件)

组件:遮罩

编号:10829(组件)


这种排版不仅适合用作事件盘点,而且还可以用来展示产品、讲述品牌故事等,大家尽情发挥创意试一试吧。

下面一起看下微信派的排版教程:


详细教程:


工具:iPaiban Pro 黑科技编辑器,网址:SVG.iPaiban.com

组合:点击播放GIF切换组合

编号:11773(组合)

第1步:选择组合
登录 iPaiban Pro 编辑器后,点击编辑器右侧「组合」按钮,在「点击切换」分类中找到「点击播放GIF切换组合」组合,或者直接在搜索框中搜索组合编号11773,点击选择。



第2步:进入组合编辑模式
点击「编辑组合」,进入组合编辑模式。

在组合编辑模式中,分为切换前和切换后两块设置区域。


第3步:设置「切换前」内容
点击「切换前」区域,在右侧点击2个「换图」按钮,分别上传准备好的单击前和单击后图片。
单击前图片一般为GIF图的第一帧,单击后图片为点击播放的GIF,两张图片尺寸比例需保持一致。

第4步:设置「切换后」内容
「切换后」的内容支持嵌套各种组件,需要什么效果就在左侧「组件」分类中找到相应的组件拖动到组件位中,然后上传需要的素材即可。
添加组件位-拖动组件到组件位中-上传图片,每需要一个样式就按照这3步操作:

微信派这篇滑动效果可以嵌套使用「四层滑动-左滑(自动对齐)」组件(编号:10745)。
第5步:设置参数
点击右侧红色小三角,可以设置播放时长和切换时长。
播放时长是指GIF动画的时长,切换时长指播放完GIF后切换到「切换后」内容花费的时长。

第6步:导入公众号后台
内容编辑完毕后,点击左上角「保存并退出」退出组合编辑模式回到编辑器主页面。

继续点击最右侧「预览草稿」,效果满意后接着点击「同步至微信后台」就可以了。

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)