《618 SVG交互图文案例合集》
618购物狂欢节即将到来，品牌们是不是迫不及待想要探索各种创意满满的SVG交互来宣传产品了？
今天整理了8篇618 SVG图文案例，分别来自大众进口汽车、PerfectDiary完美日记、CROCS卡骆驰、UrbanDecayCosmetics、峰米投影、DanielWellington、戴尔、Jordan中国，一起看下吧！
01
Jordan中国
《618 Jordan内部资料.pdf》
▲GIF演示
「点击图片顺时针旋转切换」查看Jordan中国的产品、优惠政策等方面的介绍，吸引读者关注并参与活动。
该交互需定制
02
大众进口汽车
《我们把618的福利“打下来”了！》
▲GIF演示
「点击切换后展开」对大众进口汽车品牌的优惠政策、购车福利等方面的介绍，吸引读者关注并参与活动。
交互对应编辑器组件/组合
组合：点击切换GIF动图+展开(有触发区)
编号：10075（组合）
组件：三层滑动-上滑(多张）
编号：10803（组件）
03
完美日记
《????疯 狂 星 期 四 之 618 捡 漏 版》
▲GIF演示
「点击展开」解锁618期间一些优惠活动介绍，多个平级「点击展开」介绍PerfectDiary完美日记的各个系列产品，「左滑」查看详细介绍和购买方式，吸引大家前往购买。
交互对应编辑器组件/组合
组合：点击展开(可嵌套展开,固宽)
编号：10875（组合）
组合：左滑组合点此0元购
编号：10153（组合）
组件：淘口令-图片(可调字体大小)
编号：10194（组件）
04
CROCS卡骆驰
《618抄作业啦！狂欢全场5折起!》
▲GIF演示
「点击切换后展开」CROCS卡骆驰品牌的鞋类产品、优惠政策等介绍，「点击切换，点击返回」一次查看每个模特的的穿搭介绍，「左滑」查看同款并购买。
交互对应编辑器组件/组合
组合：点击切换图片+展开(有触发区)
编号：10057（组合）
组件：点击-悬浮弹窗(无限次弹出,不同关闭位置)
编号：11118（组件）
05
UrbanDecayCosmetics
《即刻登陆618玩妆超次元！》
▲GIF演示
「点击消失后从头展开」618潮妆狂欢的介绍，然后「点击弹窗」查看单品详情介绍，「左滑」了解惊喜套组，吸引更多客户购买心动好物。
交互对应编辑器组件/组合
组合：点击消失+从头展开(有触发区)
编号：10402（组合）
组件：点击-悬浮弹窗(有限次弹出,相同关闭位置)
编号：11147（组件）
06
峰米投影
《峰米投影618冲刺，跟着这篇买准没错！》
▲GIF演示
「左滑」查看峰米投影产品的详细介绍，「点击弹出」查看优惠活动，吸引读者关注并参与618年中大促活动。
交互对应编辑器组件/组合
组合：左滑组合(自动对齐)
编号：10249（组合）
组件：点击弹出-弹出图片(有触发区)
编号：10069（组件）
07
DanielWellington
《618把个脉，你是浓人or淡人》
▲GIF演示
双向滑动，「左滑」查看推荐给浓人的Daniel Wellington品牌的产品，「右滑」查看推荐给淡人的产品，引起大家的共鸣并吸引购买。
交互对应编辑器组件/组合
组件：左滑组合(自动对齐)
编号：10249（组合）
组件：单层滑动-右滑(自动对齐)
编号：10240（组件）
08
戴尔
《今晚8点，戴尔618福利提前享！》
「开门滑动」查看戴尔品牌的笔记本电脑、台式机、服务器等产品的介绍，以及618期间的优惠政策和购买指南。吸引大家购买。
交互对应编辑器组件/组合
组件：开门滑动-左右开门
编号：10875（组合）
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）