《暑假SVG交互图文案例合集》
暑假来临,如何结合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) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)