五一图文，教你3种「云旅游」SVG排版玩法！
i排版SVG编辑器
发布于:2024-04-24
文章内容来源于公众号：i排版SVG编辑器，点此可查看原文，内容版权归相关企业所有，本网站仅供交流学习。若涉及版权问题或存在侵权情况，请及时与我们联系，我们将第一时间进行删除处理。
摘要：
![]()
五一小长假，很多人的第一选择就是去旅游。
![]()
所以不少品牌五一图文的主题也是放在旅游上，今天就给大家推荐3种适合「云旅游」创意排版的交互效果。
旅游的主题搭配各式炫酷的SVG交互，往往能让图文更具吸引力。
多区域前景左滑/右滑
旅游一趟怎能少得了发朋友圈。「GQ实验室」这里的重组朋友圈玩法十分新奇，左滑图片可拼图，激发大家的探索欲。
该效果制作也非常简单，使用 iPaiban Pro编辑器搜索找到「双层滑动-前景左滑(自动对齐、设置多个滑动图)」组件后，点击选择。
![]()
接着设置滑动图组数量，点击换图上传背景图，然后点击加号依次上传滑动图。需留意每组的滑动图片宽高一致。
![]()
双击编辑区的图片，在弹出的窗口中调整每组滑动图在背景图上的滑动区域就可以了。![]()
想要实现同款效果可以搜索使用：
组件：双层滑动-前景左滑(自动对齐、设置多个滑动图)
编号：11744（组件）
组件：双层滑动-前景右滑(自动对齐、设置多个滑动图)
编号：11753（组件）
教程：《假期结束发朋友圈指南》
*素材来自奔驰铸星培训《想去哪儿就去哪儿，云旅游安排！》
同样是连续点击切换，但是「奔驰铸星培训」这篇图文点击后不仅图片旋转切换，而且背景图也随之切换，交互效果非常巧妙，让场景变换更加真实具有沉浸感。这种效果用 iPaiban Pro 黑科技编辑器的「连续点击-图片顺时针旋转切换同时切换背景(下)」组件（编号：11715）可以实现。选择该组件后，点击右侧「+」号分别上传背景图和切换图。每张图片尺寸保持一致，切换图数量需要与背景图保持一致。双击设置触发区域，拖拽调整至点击提示按钮的位置就完成了。
*素材来自有趣青年《五一出门的人是疯了吗？？？》
「有趣青年」图文用前景为固定人物，背景上滑的排版效果，模拟拉着行李箱的小人穿越机场，感受五一出门的人挤人盛况，让人共鸣。
该效果对应 iPaiban Pro 编辑器的「双层滑动-背景上滑(支持多张)」组件（编号：10145）。
选择组件后，点击「换图」上传前景图，点击「+」号上传背景图就可以了。注意滑动范围由前景图大小决定。组件：双层滑动-背景上滑(多张)
编号：10145（组件）
相较于双层上滑的效果，其实最近三层上滑的图文更受欢迎，比如「兰博基尼汽车中国」在图文中用三层上滑模拟汽车行驶。还有Babycare的这篇图文《春季新品 | 上新一座游乐场》同样好玩，可以体验下！
如果以上案例还没有看够，可以到「品牌时光机」交互图文案例库（网址：brandtime.cn）在节日分类中选择「劳动节」查看更多相关案例。
![]()
目前案例库总案例数已达50W+，其中5W+案例支持一键还原，制作同款效果非常方便。
![]()
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器组件/组合现已全部支持免费试用了。10周年活动正在进行中，点击图片查看最新优惠活动：
![]()
