联合利华这个情人节排版,你就学吧!

i排版编辑器

发布于:2026-03-04

摘要:

2月14日情人节,3月14日是白色情人节


情人节已经把创意用没了,白色情人节怎么办?


在i排版这里,创意玩法多的是。情人节的创意SVG图文案例给大家放到这里了:《情人节SVG交互图文案例合集》


其中联合利华的一个排版值得跟大家单独推荐一下,简单好玩还能和产品结合。


点击试试:


 



*素材来自联合利华中国学会这些“小心机”,这波520稳了~

组件:点击幕布切换(左入右出)

编号:11582(组件)

普通的点击切换图片,一般是从一张图片切换到另一张图片,总共只会涉及两张图片,而这个效果有了第三张图片参与进来。


有了这第三张图片就多了更多创意的可能性,它可以是魔法棒、白云或者自己的产品等。


第三张图片移入移出的方向也可以选择。


右入左出:


 



*素材来自联合利华中国学会这些“小心机”,这波520稳了~

组件:点击幕布切换(右入左出)

编号:11584(组件)

上入下出:


 





*素材来自联合利华中国学会这些“小心机”,这波520稳了~

组件:点击幕布切换(上入下出)

编号:11585(组件)

下入上出:


 




*素材来自联合利华中国学会这些“小心机”,这波520稳了~

组件:点击幕布切换(下入上出)

编号:11586(组件)

以最开始的左入右出为例,一起看下制作教程吧:


详细教程:


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

组件:点击幕布切换(左入右出)

编号:11582(组件)


第1步:选择组合


登录i排版SVG编辑器后,点击编辑器左侧「组件」按钮,在「点击」分类中找到「点击幕布切换(左入右出)」组件,或者直接搜索组件编号11582,点击选择。



第2步:上传图片素材


点击右侧三个「换图」按钮,分别上传点击前、点击后和移入图的图片。三张图片尺寸需保持一致,点击前图片最好设计有引导点击的提示。



第3步:调整动画参数


在右侧移入图片位置的下方,可调整图片移入的动画时间和移入后图片等待时间的时长,如无特殊要求保持默认即可。



第4步:导入公众号后台


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



使用同步功能不用频繁在编辑器和微信后台切换,同步成功后可以立即扫描二维码预览在公众号的效果。


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




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

更多联合利华精彩SVG交互图文欣赏:
3,2,1…U家烟花秀正式开场!
🧧福马迎春,好运加「马」

以上两篇需定制实现,定制SVG图文可联系二师兄微信(ID: playhudong004)沟通咨询。

图片

● SVG交互排版👇🏻

 





iPaiban 团队可提供运营服务、视频制作、GEO、创意策划、多种风格设计、SVG交互开发等服务,如需定制,请添加玉兔微信(ID:playhudong15)沟通咨询。

 


图片

图片

                            
图片