《中秋节SVG交互图文案例合集》

原创 收藏 评论
举报 2024-08-29

 




又到一年一度中秋节,品牌们通过SVG交互创造出丰富多彩、互动性强的图文内容,让中秋节的祝福和氛围更加生动有趣。

这里整理了往年优秀的中秋节SVG交互图文案例,可以点击查看:《群发中秋祝福(图文版)》《群发中秋祝福(图文版)》第2弹
还有最新的8篇中秋节的SVG图文案例,分别来自腾讯、水井坊 高端浓香、上海科技馆、EXEED星途汽车、小黄鸭B.Duck、大众进口汽车、Baseus倍思、捞王锅物料理,一起来看看吧!

01

腾讯

《腾讯长鹅祝你中秋节快乐!》

▲GIF演示

点此查看原文

「点击切换GIF并播放音频」模拟给腾讯企鹅喂月饼,伴随喜庆的音乐,企鹅变长并开始舞动,达到很好的娱乐和传播效果,同时向大家送去了中秋祝福。

该交互需定制


02

EXEED星途汽车

《中秋探“月”计划》

▲GIF演示

点此查看原文

「连续点击切换图片后消失中展开」模拟探寻揽月身上的秘密,「点击弹窗」查看EXEED星途汽车的各个细节,吸引大家购买。

交互对应编辑器组件/组合

组合:连续点击切换图片+消失展开(可设置触发区域)

编号:10469(组合)
组件:点击-悬浮弹窗(无限次弹出,不同关闭位置)

编号:11118(组件)

03

小黄鸭B.Duck

《???? B.Duck中秋月饼,竟然鸭化了? ????》

▲GIF演示

点此查看原文

「点击弹性选择展开」模拟吃下好运鸭饼,「点击切换」查看中秋祝福,借此宣传B.Duck小黄鸭×榴芒一刻饼皮月饼。

交互对应编辑器组件/组合

组合:点击弹性选择展开组合(无限次、三组)

编号:11176(组合)
组件:点击-切换图片(有触发区)

编号:10043(组件)

04

水井坊 高端浓香

《秋浓酒半酣,月满人团圆》

▲GIF演示

点此查看原文

「点击展开伴随月亮移动」展示中秋饮酒的画面,借此宣传和水井高端浓香美酒一起过中秋并吸引更多客户购买。

该交互需定制


05

上海科技馆

《中秋新习俗:就要做朋友圈月亮拍得最好的人》

▲GIF演示

点此查看原文

「连续点击切换后播放音频并展开」上海科技馆的捕月狂想,吸引大家与上海科技馆一起赏月,借此为大家讲解如何拍超级月亮,与大家一起欢度中秋节。

该交互需定制


06

大众进口汽车

《今晚的月亮,需要放大看》

▲GIF演示

点此查看原文

大众进口汽车通过「连续点击放大切换」的SVG交互展示层层放大的月亮切换出大众进口汽车,借此宣传大众进口汽车,并祝大家中秋节快乐。

该交互需定制


07

Baseus倍思

《中秋节 | 能不能跟你一起过?》

▲GIF演示

点此查看原文

「点击伸缩后展开」中秋节&Baseus倍思的中秋寻月之旅,「点击切换选择」查看不同的图标,借此宣传不同的产品并祝大家中秋节快乐。

交互对应编辑器组件/组合

组合:点击伸缩式展开(有触发区,设置收缩后高度,无抖动)

编号:11336(组合)

组合:无限选择切换内容(三组) 

编号:11707(组件)

08

捞王锅物料理

《日子甜甜,花好月圆控》

▲GIF演示

点此查看原文

「三层穿透式上滑」查看捞王锅物料理的新品点心,借此宣传捞王锅物料理粤来月满中秋蛋黄酥礼盒,吸引大家前往购买。

交互对应编辑器组件/组合

组件:三层滑动-上滑(多张)

编号:10803(组件)

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)