《双11 SVG交互图文案例合集》
现在的双11,已经不单是指双11这一天,而是前前后后持续20多天甚至一个月,京东、天猫的双11本周已经开始了。
那品牌们发布的双11图文就不会只是一篇,所以给大家整理的双11案例合集也不是一波,今天再来一波。上次合集戳:《双11交互图文清单.xls》
这次整理了魏牌新能源、NIKE、KATO-KATO、戴尔、大众汽车、Dyson戴森、苏秘37 、Bose的8篇双11 SVG 交互图文,如果还没有想好怎么做,一定要再看看。
01
魏牌新能源
《11.11福利.RAR》
▲GIF演示
双十一期间,「长按切换」模拟解压压缩包最后「点击切换」查看WEY电商嘉年华礼包,吸引大家领取福利大奖。
该交互需定制
02
NIKE
《直击双11,新冬装备带你玩》
▲GIF演示
「左滑展开」双11活动和秋冬装备的介绍,「视差左滑」解锁更多折扣攻略和惊喜福利,吸引大家趁此优惠购买商品。
该交互需定制
03
KATO-KATO
《<双11钜惠秘密文件>大公开!》
▲GIF演示
「连续点击切换并展开」模拟打开文件夹的形式,展开后的内容模拟微信聊天页面介绍各个单品,吸引大家领取KATO-KATO双十一的优惠福利并购买。
交互对应编辑器组件/组合
组合:连续点击切换GIF动图+点击展开(有触发区)
编号:10162(组合)
04
戴尔
《戴尔京东双十一,不容错过的是_____‼》
▲GIF演示
「自动展开」戴尔双十一的优惠活动介绍,「左滑」查看商品介绍,方便大家挑选好物并购买。
交互对应编辑器组件/组合
组合:自动展开
编号:10863(组合)
组件:双层滑动-前景左滑
编号:10018(组件)
05
大众汽车
《速来!Get 11.11购物车满分作业》
▲GIF演示
「点击切换并展开」“大众汽车好物狂欢”活动和购物清单的介绍,方便大家挑选宝藏好物。
交互对应编辑器组件/组合
组合:点击切换图片+展开(有触发区)
编号:10057(组合)
06
Dyson戴森
《跨品牌换购戴森,限时开启》
▲GIF演示
「点击展开」戴森的三重优惠活动,「点击左右翻转卡片」查看用家中的闲置旧机换购戴森产品的说明,吸引大家下单换购优惠。
交互对应编辑器组件/组合
组合:点击展开
编号:10307(组合)
组合:点击翻转-左滑组合(自动对齐)
编号:10835(组合)
07
苏秘37
《双11,这些护肤话题「爆」了》
▲GIF演示
「点击展开」双十一热搜护肤话题的介绍,再次「点击展开」热搜榜上每一个话题的说明,更方便大家查阅。
交互对应编辑器组件/组合
组合:点击展开(可嵌套展开,固宽)
编号:10875(组合)
组合:点击展开(有触发区)
编号:10051(组合)
08
Bose
《双11会买第一名,快来抄作业????》
▲GIF演示
开头动效序列帧展示新品,然后「左滑」查看双11清单,既可以点击跳转京东,也可以复制淘口令去淘宝购买,更方便。
交互对应编辑器组件/组合
组件:自动-序列帧动效(永远,限100张)
编号:10873(组件)
组合:长屏左滑组合(自动对齐)
编号:10868(组合)
组件:超链接-图片(无角标)
编号:10033(组件)
组件:淘口令-图片(可调字体大小)
编号:10194(组件)
如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)中搜索「双十一」、「双11」、「11.11」查看更多相关案例。
目前案例库总案例数已达40w+,其中4W+案例支持一键还原,制作同款效果非常方便。
现在扫码体验案例库
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)