联合利华这个情人节排版，你就学吧！
联合利华这个情人节排版，你就学吧！
品牌时光机Pro
发布于:2026-03-10
文章内容来源于公众号：品牌时光机Pro，点此可查看原文，内容版权归相关企业所有，本网站仅供交流学习。若涉及版权问题或存在侵权情况，请及时与我们联系，我们将第一时间进行删除处理。
摘要：
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交互图文欣赏：
以上两篇需定制实现，定制SVG图文可联系二师兄微信(ID: playhudong004)沟通咨询。