分别从左右移入,还能拼成完整图?最高法重阳节排版教程来了

i排版编辑器

发布于:2026-10-12

摘要:

 




重阳节排版,想要来点新意?


在给大家整理的《2026重阳节SVG交互图文案例合集》中,最高法这个排版效果可以说简单实用又不失新意。


点击试试:


 



*素材来自最高人民法院如果有一天我们变老了……

组件:点击-左右滑动关闭(有触发区)

编号:11599(组件)

点击图片,两张图片分别从左右两侧移入,移入的左边图片覆盖在右边图片上面,完成图片切换。


左右移入的两张图片在设计上可以有很多玩法,比如这样正好拼成一张完整图:


 



*素材来自央视新闻早啊!新闻来了〔2022.04.19〕

组件:点击-左右滑动关闭(有触发区)

编号:11599(组件)

下面以最高法重阳节的排版效果为例,一起看下详细教程吧。



详细教程:


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

组件:点击-左右滑动关闭(有触发区)

编号:11599(组件)


第1步:选择组件


登录i排版SVG编辑器后,点击编辑器左侧「组件」按钮,在「点击」-「滑动关闭」分类中找到「点击-左右滑动关闭(有触发区)」组件,或者直接搜索组件编号11599,点击选择。



第2步:上传图片素材


点击页面右侧3个「换图」按钮,分别上传一张点击前图片和两张左右移入的图片。3张图片的尺寸需保持一致。



第3步:调整动画参数


在右侧上传图片位置的下方,调整点击移入的动画时间。



第4步:调整触发区域


双击编辑区图片,拖拉红色色块确定点击触发的区域。



第5步:导入公众号后台


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



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


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




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

新用户在「新手礼包」可领取3天企业标准版会员免费商用,以及22个常用必备组件的大礼包(1年)。随礼包附赠千元优惠券,每单最高立降500元。 

图片

● SVG交互排版👇🏻

 





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

 


图片

图片

                            
图片