人人人人人人人人人你人人人人人人人人人人

原创赞收藏评论

举报 2024-04-25

扫描,分享朋友圈

‍

五一小长假，很多人的第一选择就是去旅游。

所以不少品牌五一图文的主题也是放在旅游上，今天就给大家推荐3种适合「云旅游」创意排版的交互效果。

旅游的主题搭配各式炫酷的SVG交互，往往能让图文更具吸引力。

一

多区域前景左滑/右滑

向左滑动图片，重组朋友圈（文案也可以滑动）：

*素材来自GQ实验室《微信新玩法是越来越“野”了……》

旅游一趟怎能少得了发朋友圈。「GQ实验室」这里的重组朋友圈玩法十分新奇，左滑图片可拼图，激发大家的探索欲。

该效果制作也非常简单，使用 iPaiban Pro编辑器搜索找到「双层滑动-前景左滑(自动对齐、设置多个滑动图)」组件后，点击选择。

接着设置滑动图组数量，点击换图上传背景图，然后点击加号依次上传滑动图。需留意每组的滑动图片宽高一致。

双击编辑区的图片，在弹出的窗口中调整每组滑动图在背景图上的滑动区域就可以了。

想要实现同款效果可以搜索使用：

组件：双层滑动-前景左滑(自动对齐、设置多个滑动图)

编号：11744（组件）

组件：双层滑动-前景右滑(自动对齐、设置多个滑动图)

编号：11753（组件）

教程：《假期结束发朋友圈指南》

二

连续点击图片顺时针旋转切换同时切换背景(下)

*素材来自奔驰铸星培训《想去哪儿就去哪儿，云旅游安排！》

同样是连续点击切换，但是「奔驰铸星培训」这篇图文点击后不仅图片旋转切换，而且背景图也随之切换，交互效果非常巧妙，让场景变换更加真实具有沉浸感。这种效果用 iPaiban Pro 黑科技编辑器的「连续点击-图片顺时针旋转切换同时切换背景(下)」组件（编号：11715）就能轻松实现。选择该组件后，点击右侧「+」号分别上传背景图和切换图。每张图片尺寸保持一致，切换图数量需要与背景图保持一致。然后自定义调整动画时间和旋转角度。双击设置触发区域，拖拽调整至点击提示按钮的位置。想要实现同款效果可以搜索使用：

组合：连续点击-图片顺时针旋转切换同时切换背景(下)

编号：11715（组件）

教程：《像大风车一样的旋转切换，图片背景一起变！》

三

双层滑动-背景上滑(多张)

*素材来自有趣青年《五一出门的人是疯了吗？？？》

「有趣青年」图文用前景为固定人物，背景上滑的排版效果，模拟拉着行李箱的小人穿越机场，感受五一出门的人挤人盛况，让人共鸣。

该效果对应 iPaiban Pro 编辑器的「双层滑动-背景上滑(支持多张)」组件（编号：10145）。

选择组件后，点击「换图」上传前景图，点击「+」号上传背景图就可以了。注意滑动范围由前景图大小决定。
想要实现同款效果可以搜索使用：

组件：双层滑动-背景上滑(多张)

编号：10145（组件）

相较于双层上滑的效果，其实最近三层上滑的图文更受欢迎，比如「兰博基尼汽车中国」在图文中用三层上滑模拟汽车行驶。