七夕推文,王者荣耀的排版也开始卷了!

小黄人科技

发布于:2026-08-13

摘要:

王者荣耀公众号的推文虽然大部分都是常规的文字图片式排版,但面对七夕节日,王者荣耀的排版也玩起了创意。


左滑试试:


 

                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    


*素材来自王者荣耀急!在线等!快入画助云缨&赵怀真共赴千年之约,领七夕好礼~

组件:三层滑动-左滑

编号:10054(组件)

排版共分为三层,中间层不动,前景与背景层随着手指左滑同步移动,视觉上却营造出中间元素向右游走的奇妙错觉。


这种三层穿透式左滑效果,让静态的七夕画面瞬间拥有了较强的叙事性。


在素材制作上,我们要注意图片之间的镂空关系,其中前景层根据需求要进行一定的镂空,以便露出中间层和背景层画面。


*使用iPaiban Pro 小助手插件,可一键打包下载文章素材,教程:如何一键打包下载公众号文章/小绿书的所有图片?

该效果使用i排版SVG编辑器的「三层滑动-左滑」组件(编号:10054)即可实现,这个组件还有一个巧妙的创意排版应用,感兴趣可戳:直呼「太绝了」,Apple这个粉碎式排版是怎么做的?


下面一起看下王者荣耀排版效果的教程吧。



详细教程:


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

组件:三层滑动-左滑

编号:10054(组件)


第1步:选择组件

 

登录i排版SVG编辑器后,点击编辑器右侧「组件」按钮,在「滑动」-「三层」分类中找到「三层滑动-左滑」组件,或者直接在搜索框中搜索组件编号10054。


第2步:上传图片素材


点击页面右侧「换图」按钮上传中间层图片。


点击第一个「+」号批量上传前景图片,第二个「+」号批量上传背景图片。所有图片尺寸保持一致。


第3步:导入公众号后台


点击页面最右侧「预览草稿」可随时预览效果,效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。



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


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




更多三层滑动创意排版:

直呼「太绝了」,Apple这个粉碎式排版是怎么做的?

局部气候调查组的《月亮看见了》,教程来了!

草莓时隐时现,星巴克的高级三层穿透式滑动教程来了!
这些让人想要夸夸的三层切换效果案例,都是怎么实现的?

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

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

图片

● SVG交互排版👇🏻

 





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

 


图片

图片

                            
图片