来看来自Levis官方账号推文中的一个图片轮播效果：
*素材来自Levis官方账号丹宁蓝 + _____ = 夏日多巴胺
组合：组件效果叠加(两个)
编号：11737（组件）
组件：自动-轮播Banner
编号：10207（组件）
组件：自动-轮播Banner(小程序)
编号：10210（组件）
图片从右向左轮播，却在轮播过程中呈现出弧形轨迹，人物部分甚至破屏而出，制造出类似3D弧面屏的视觉冲击。轮播过程中，画面仿佛具有了纵深，让人忍不住来回翻看。
这种「弧形空间」效果是怎么实现的？难道用了什么复杂的SVG动效？
其实并没有。拆解后你会发现，它的实现方式比想象中简单得多——核心不是技术多复杂，而是设计分层与交互的巧妙组合。
排版总共分为三层，顶层和底层图片同时对应轮播，中间图片静止不动。
在设计上，底层图片如下所示，完整的背景画面，包含人物、场景等全部视觉元素，作为轮播的主体：
顶层图片如下所示，将底层图片的人物抠出，其余部分做了镂空，叠加后人物跳出画面，形成破屏效果：
中间层图片如下所示，上下边缘带有弧形设计，中间部分镂空，叠加后制造出空间弧度感：
这种设计+交互的思路，不仅视觉上足够吸睛，制作门槛也远比想象中低，非常值得收藏学习。
下面就带大家手把手复刻李维斯同款「弧形空间轮播」效果。
详细教程：
工具：i排版SVG编辑器，网址：SVG.iPaiban.com
组合：组件效果叠加(两个)
编号：11737（组合）
组件：自动-轮播Banner
编号：10207（组件）
组件：自动-轮播Banner(小程序)
编号：10210（组件）
第1步：选择组合
登录i排版SVG编辑器后，点击编辑器左侧「组合」按钮，在「特殊」分类中找到「组件效果叠加(两个)」组合，或者直接在搜索框中搜索组合编号11737，点击选择。
使用同步功能不用频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码预览在公众号的效果。
如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。
新用户在「新手礼包」可领取3天企业标准版会员免费商用，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。
