夜雨聆风520不止于爱，更是创意狂欢。
各大品牌为了花式告白，营销案例层出不穷。
我们精心整理了8篇520 SVG交互图文案例，分别来自上汽MG、ORIBE、CC卡美珠宝、KATO-KATO、乐堡啤酒、Acne Studios、李佳琦Austin、上海来福士广场公众号，一起来看看吧。
往期520合集戳：
01
上汽MG
《[新消息通知]4个新用户like了你，是否解锁？》
▲GIF演示
模拟社交软件配对的形式，「左滑」展示不同的上汽MG车型，「点击横向展开」介绍不同汽车拟人化的资料，借此宣传品牌产品。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组合：左滑组合
编号：10153（组合）
组件：自动-向左切出图片
编号：11503（组件）
组合：点击-横向展开
编号：11501（组合）
02
ORIBE
《520抽奖｜以繁花释放爱意》
▲GIF演示
「点击展开」品牌以香氛叙事，重构解读爱，「点击镜头推进聚焦放大弹窗」模拟查看爱的灵感、气息、证据，对应不同的产品，引导大家互动并送福利。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组合：点击展开
编号：10307（组合）
组件：点击-镜头推进+聚焦放大式弹窗
编号：11913（组件）
组件：Apple-双层滑动-前景左滑(不等尺寸图片、超链接)
编号：10377（组件）
03
CC卡美珠宝
《520打个结吧，我说》
▲GIF演示
「点击消失展开」以绳结串联全文，「双层滑动-前景上滑」解读联结的内涵，借此宣传CC卡美珠宝「结」系列产品。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组合：点击消失+展开(设置触发区域)
编号：11186（组合）
组件：双层滑动-前景上滑(支持多张)
编号：10203（组件）
04
KATO-KATO
《Ring🤳张康乐520超合拍来电》
▲GIF演示
「连续点击切换展开」模拟电话接通，「双层滑动-前景左滑」与朋友、恋人、自己合拍，展示产品功效，「点击-无限选择切换图片」展示适合不同场景的产品，宣传Kato粉饼。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组合：连续点击切换图片+消失展开(有触发区)
编号：10469（组合）
组件：双层滑动-前景左滑(自动对齐)
编号：10270（组件）
组件：点击-无限选择切换图片
编号：11765（组件）
05
乐堡啤酒
《不为取悦世界！520，和乐堡一起放声爱自己！》
▲GIF演示
以520自我取悦为切入，「点击切换图片展开」模拟粉碎标签，「点击切换GIF动图」展示单人畅饮的场景，将啤酒重新解读为自我取悦的媒介，引导读者互动。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组合：点击切换图片+展开(有触发区)
编号：10057（组合）
组件：点击-切换GIF动图
编号：10086（组件）
06
Acne Studios
《爱的释义》
▲GIF演示
借520热点，「上滑」展示品牌520节日系列产品。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组合：三层上滑组合(自动对齐)
编号：11756（组合）
07
李佳琦Austin
《实现浪漫的双向奔赴！》
▲GIF演示
「连续点击翻页」展示并介绍各种直播产品，宣传520直播间专场活动。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组件：连续点击-开门切换图片(翻页、左上)
编号：11402（组件）
08
上海来福士广场
《正在放映：《爱情三部曲》》
▲GIF演示
「双层前景上滑」以相遇、相知、相恋串联起爱情三部曲，宣传适合不同阶段的各类品牌化妆品，引导刺激线下消费。
类似效果可使用iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合实现
组件：双层滑动-前景上滑(支持多张)
编号：10203（组件）
更多案例合集：人设|Chill|拍一拍|Passion| City不City|emoji|松弛感
