点赞后自动出现红包封面,数据蹭蹭蹭往上涨,这个排版妙啊!

品牌时光机

发布于:2026-02-09

摘要:

 




红包封面做好了,怎么在文章中发放好?


撒红包,也可以很优雅。这篇文章中给大家整理多个发放红包封面的案例:《2026红包封面SVG交互图文案例合集》


今天要给大家推荐的是一个简单实用的排版玩法,用了点赞率蹭蹭蹭往上涨!


来,双击拍一拍展开领取红包封面:







*素材来自MaxMara抽个上上签,因为卡片形式不可跨号发放红包封面,为方便体验效果,示例中领取红包改为了跳转原文。

组合:拍一拍-抖动后展开

编号:12113(组合)

组件:红包封面-图片

编号:11137(组件)

这一交互利用了微信双击点赞的特性,用户在领取红包封面之前也完成了点赞,大大提高文章点赞率。


同样原理的玩法,还可以是拍一拍后切换图片,然后点击领取红包封面:







*素材来自MaxMara抽个上上签,因为卡片形式不可跨号发放红包封面,为方便体验效果,示例中领取红包改为了跳转原文。

组合:拍一拍切换组合

编号:12130(组合)

组件:红包封面-图片

编号:11137(组件)

效果简单,但很实用。


下面一起看下拍一拍抖动展开的教程吧。


详细教程:


工具:i排版SVG编辑器,网址:SVG.iPaiban.com

组合:拍一拍-抖动后展开

编号:12113(组合)


第1步:选择组合


登录i排版SVG编辑器后,点击编辑器左侧「组合」按钮,在「花样展开」分类中找到「拍一拍-抖动后展开」组合,或者在组合中直接搜索编号12113,点击选择。



第2步:进入组合编辑模式


如下所示,点击「点击此处配置」,进入组合编辑模式。



在组合编辑模式中,我们需要分别设置展开前展开后的内容。


第3步:设置「展开前」内容


点击「展开前」区域,接着点击右侧「换图」按钮,上传1张展开前图片。



第4步:设置「展开后」内容


「展开后」的内容支持嵌套各种组件,需要什么效果就在左侧「组件」分类中找到相应的组件拖动到组件位中,然后上传需要的素材即可。

添加组件位-拖动组件到组件位中-上传图片,每需要一个样式就按照这3步操作。

本文案例中嵌套的是一个「红包封面-图片」组件(编号:12113):

第5步设置动画参数


点击页面空白处,在右侧分别设置抖动幅度、抖动时长和展开时长。

展开高度一般无需调整,但当大家在手机上预览时,如果发现展开后有多余的空白或者没有展现出全部内容,这时候可以通过「加减展开高度」使其恰好展开。



第6步:导入公众号后台


内容编辑完毕后,点击左上角「保存并退出」退出组合编辑模式回到编辑器主页面。



点击最右侧「预览草稿」可随时扫码预览效果,效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。(红包封面等样式需导入公众号预览完整效果



使用同步功能可以不用频繁在编辑器和微信后台切换,同步成功后可以立即扫码预览二维码查看。


如需局部导入可《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。




更多新年春节排版教程:

一直滑到家!美的的春节回家图文怎么做?

马年用光栅小马排版,太炫酷啦!

点击下拉放烟花,知乎这篇春节图文怎么做?

红包套红包,PayPal的红包套娃排版教程来了!

原来一个新年签排版能有这么多赞啊!

新年,点击翻转一下就翻篇儿吧!

谷粒多这种选新年关键词的排版,怎么弄啊?

发红包啦!直接的

保时捷的这种点击拆红包展开排版,怎么做的?

这篇「遥遥领先」的红包雨图文,是怎么实现的?


制作SVG交互图文认准i排版SVG编辑器,网址:SVG.iPaiban.com,复制网址在 PC 端谷歌浏览器打开,即可注册,编辑器所有组件/组合现已全部支持免费试用了。

新用户在「新手礼包」可领取3天企业标准版会员免费商用,以及22个常用必备组件的大礼包(1年)。随礼包附赠千元优惠券,每单最高立降500元。 

 



                            





本文内容来源于公众号: 品牌时光机 ,请扫码查看原文。

点此可查看原文