《暑假SVG交互图文案例合集》

原创 收藏 评论
举报 2024-06-27


 

暑假来临,如何结合SVG交互进行宣传呢?

今天整理给大家了8篇暑假SVG图文案例,分别来自小鹏汽车、乐事心动社O Lays、科沃斯ECOVACS、塔斯汀、Naris娜丽丝、Purcotton全棉时代、中国光大银行、滴滴顺风车,将暑假生活搬进图文里。

01

小鹏汽车

《听说G9暑假出去玩狂发鹏友圈?》

▲GIF演示

点此查看原文

「点击消失后展开」小鹏汽车的动态,「点击弹出」查看小鹏汽车各个细节,借此宣传小鹏汽车,吸引大家购买。

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

组合:点击消失+展开(设置触发区域)

编号:11186(组合)
组件:点击弹出-弹出图片(设置多个触发区)

编号:10100(组件)

02

乐事心动社O Lays

《当代大学生的九大美德图鉴·暑假篇》

▲GIF演示

点此查看原文

「点击弹性选择后展开」各种暑假场景和不同味道的乐事介绍,吸引大家参与暑假小作文征文活动。

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

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

编号:11176(组合)

03

科沃斯ECOVACS

《与TA开启宅家奇妙之旅,别样暑假游超有趣》

▲GIF演示

点此查看原文

「自动展开」科沃斯ECOVACS扫地机器人的介绍,「点击弹窗」查看家中的不同区域,吸引大家购买并享受快乐暑假。

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

组合:自动展开

编号:10863(组合)
组件:点击-无限选择切换图片(带返回)

编号:11161(组件)

04

塔斯汀

《半价!过暑假!》

▲GIF演示

点此查看原文

「点击展开」模拟朋友圈介绍塔斯汀中国汉堡优惠福利,「点击弹出」查看朋友圈照片,借此宣传塔斯汀中国汉堡,吸引大家购买。

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

组合:点击展开(可嵌套展开,固宽)

编号:10875(组合)
组件:点击弹出-弹出图片(有触发区)

编号:10069(组件)

05

Naris娜丽丝

《<2023年暑假复盘>.pptx》

▲GIF演示

点此查看原文

「点击展开」查看暑假复盘ppt,在展开内容中通过「双层前景左滑」的交互,对比展现你以为的暑假和实际的暑假,戳中暑假人的心扉。

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

组合:点击展开(有触发区)

编号:10051(组合)

组件:双层滑动-前景左滑

编号:10051(组合)

06

Purcotton全棉时代

《12件出游必备好物,暑假带上它们才省心!》

▲GIF演示

点此查看原文

「点击切换」模拟一键进入轻松快乐的夏日之旅,然后「上滑」查看出游好物,借此宣传Purcotton全棉卫生巾,吸引大家购买。

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

组合:点击切换组合

编号:10871(组合)

组合:上滑组合点此0元购

编号:11400(组合)
组件:小程序-图片(设置多个小程序)

编号:11135(组件)

07

中国光大银行

《【有礼】 这个暑假,共赴那美好的远方(互动有奖)》

▲GIF演示

点此查看原文

「连续点击翻页切换」模拟阅读春夏时光,吸引大家在暑假的时候使用光大银行APP中青旅邀游专区并兑换好礼。

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

组件:连续点击-开门切换图片(翻页、左下)

编号:11107(组件)

08

滴滴顺风车

《领券!暑假专属福利来袭~》

▲GIF演示

点此查看原文

美好的假期生活通过「点击翻转切换」的交互模拟揭秘不同问题的解决方案,借此宣传滴滴顺风车学生认证优惠,吸引大家前往体验。

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

组件:点击-左右翻转切换图片

编号:10197(组件)

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)