《双11 SVG交互图文案例合集》

原创 收藏 评论
举报 2023-10-30


现在的双11,已经不单是指双11这一天,而是前前后后持续20多天甚至一个月,京东、天猫的双11本周已经开始了。


那品牌们发布的双11图文就不会只是一篇,所以给大家整理的双11案例合集也不是一波,今天再来一波。上次合集戳:《双11交互图文清单.xls》


这次整理了魏牌新能源、NIKE、KATO-KATO、戴尔、大众汽车、Dyson戴森、苏秘37 、Bose8篇双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) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)