《奥运会SVG交互图文案例合集》
嘿,小伙伴们,是不是已经迫不及待想要感受奥运会的热情与激情了呢? 2024年巴黎奥运会将在7月份正式开幕,今天整理给大家了8篇奥运会SVG图文案例,分别来自三三星球、隆基绿能、GQ实验室、网易数读、腾讯新闻、特斯拉、vivo、别克,每一个案例都充满创意和趣味性。
01
三三星球
《史上第一届朋友圈奥运会,你能拿到首金吗?》
▲GIF演示
三三星球通过「点击切换」或「长按切换」的SVG交互在微信里模拟奥运会开幕式和赛事,从而希望各国的奥运健儿们都能在赛场上赛出风度。
该交互需定制
02
隆基绿能
《不得了!隆基“闯入”奥运赛场》
▲GIF演示
「点击切换后展开」模拟打开电视观看赛场上的运动员们用坚持、精进、的意志展现优秀的成绩,依次「点击切换」显示不同运动员介绍,借此宣传隆基绿能。
交互对应编辑器组件/组合
组合:点击切换图片+展开(有触发区)
编号:10057(组合)
组件:点击-切换图片(有触发区)
编号:10043(组件)
03
GQ实验室
《今天发安踏广告,但我们没写》
▲GIF演示
GO实验室通过「点击弹出」模拟查看微信聊天记录,借此展示制作安踏广告的整个流程,借此为奥运健儿们加油并宣传安踏。
交互对应编辑器组件/组合
组件:点击弹出-弹出图片(设置多个触发区)
编号:10100(组件)
组合:点击展开(有触发区)
编号:10051(组合)
04
网易数读
《三分钟,测出你的冬奥运动天赋》
▲GIF演示
「点击切换」模拟游戏的方式介绍北京冬奥运开幕式,从而吸引读者关注网易数读公众号看北京冬奥运会后续精彩内容。
该交互需定制
05
腾讯新闻
《重金寻人》
▲GIF演示
「点击切换」开启游戏,然后依次通过「点击」“复杂矢量交互"的交互形式模拟通过3个小游戏,吸引大家参加2021年“新闻答题“活动,奥运会相关的知识也可以采用这样的小游戏来吸引大家了解。
该交互需定制
06
特斯拉
《“奥运选手”竟是TA?》
▲GIF演示
「点击切换后展开」有关奥运元素特斯拉汽车各个方面细节的介绍,借此宣传特斯拉汽车,吸引大家前往购买。
交互对应编辑器组件/组合
组合:点击切换图片+展开(有触发区)
编号:10057(组合)
组件:小程序-图片(无角标)
编号:10015(组件)
07
vivo
《成为冠军,有标准答案吗?》
▲GIF演示
在冬奥会期间,vivo通过引导大家「左滑」查看运动员杨扬的故事并且官宣她为vvo非凡冰雪大使。
交互对应编辑器组件/组合
组合:左滑组合
编号:10153(组合)
组件:视频号-图片(设置触发区域)
编号:10575(组件)
组件:自动-序列帧动效(永远,不限张数)
编号:11638(组件)
08
别克
《参加“汽车奥运会”是怎样一种体验?》
▲GIF演示
「点击切换」依次查看别克新款中型运动轿车的各个细节,借此宣传别克汽车,吸引读者前往购买体验。
交互对应编辑器组件/组合
组件:点击-切换图片(有触发区)
编号:10197(组件)
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)