《520 SVG交互图文案例合集》
五一回来马上就到520情人节，520不仅情侣们会互相准备一份礼物，品牌们也会在图文中营造恋爱的氛围感，借此推荐自家的产品作为情人节礼物。
以下8篇520情人节SVG图文案例，分别来自GQ实验室、DEVIALET帝瓦雷、真果粒、AITO汽车、苏秘37、都市丽人内衣、蜜雪冰城、奔驰星闻，一起来看看吧！
01
GQ实验室
《从行动轨迹看，北京人和杭州人的爱情》
▲GIF演示
「连续点击切换图片后展开」模拟查收爱意地图观察北京、杭州人爱情行动轨迹，通过爱情观、恋爱方式等差异引起大家的共鸣，最后祝大家节日快乐。
该交互需定制
开头的切换是连续点击切换序列帧动效，如果是切换图片的交互，可以使用编辑器组合：连续点击切换GIF动图+自动展开(有触发区)（编号：11725 ）制作。
02
DEVIALET帝瓦雷
《520，没人说我爱你了》
▲GIF演示
依次「点击展开」520的情话生成游戏，依次点击选项生成最后的情话，引起大家的传播，从而宣传DEVIALET帝瓦雷品牌耳机，吸引大家购买。
该交互需定制
03
AITO汽车
《这封情书，有点特别》
▲GIF演示
「点击展开」520特别情书，「左滑」展示恋人与AITO汽车的相关浪漫瞬间，借此宣传AITO汽车，吸引大家前往试驾。
该交互需定制
04
真果粒
《果真是你，我们超合拍！》
▲GIF演示
「点击切换后展开」蒙牛营养生活×真果粒×德芙的合拍活动，吸引大家「点击切换」模拟选择情人节味道，借此宣传真果粒。
交互对应编辑器组件/组合
组合：点击展开(有触发区)
编号：10051（组合）
组合：二列布局 | 两列布局
编号：10144（组合）
组件：点击-切换图片(有触发区)
编号：10043（组件）
组合：点击翻转-左滑组合(自动对齐)
编号：10835（组合）
05
苏秘37
《520送礼指南上线》
▲GIF演示
根据提示依次点击输入密码「解锁展开」苏秘37品牌为520准备的送礼指南，然后「点击切换」模拟拆开礼物，借此宣传苏秘37品牌，祝大家情人节快乐。
交互对应编辑器组件/组合
组合：密码解锁展开(可设置点击动画&触发区域)
编号：10473（组合）
组件：点击-切换图片
编号：10005（组件）
06
都市丽人内衣
《520 | 今日目标：找自在》
▲GIF演示
「点击后层层展开」不爽的日常瞬间，解锁自在生活，引起大家的共鸣，从而借此宣传都市丽人内衣，吸引大家购买。
交互对应编辑器组件/组合
组合：点击+自动层层展开(最后一层可嵌套、有抖动)
编号：11431（组合）
组件：视频号-图片(有触发区)点此0元购
编号：10575（组件）
07
蜜雪冰城
《520情侣证今日开领，抽黄金对戒！》
「点击选择切换」查看雪冰城品牌在520期间为对情侣准备的花式领证方式，吸引大家通过参与活动来领取情侣证和抽取黄金对戒。
交互对应编辑器组件/组合
组件：点击-无限选择切换图片点此0元购
编号：11765（组件）
08
奔驰星闻
《520︱好爱这个世界》
▲GIF演示
「左滑」查看奔驰星闻520活动，通过表达对世界的爱意来宣传奔驰星闻汽车，吸引大家购买。
交互对应编辑器组件/组合
组件：双层滑动-前景左滑(自动对齐)
编号：10270（组件）
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）