《奥运会SVG交互图文案例合集》

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


嘿,小伙伴们,是不是已经迫不及待想要感受奥运会的热情与激情了呢? 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) 后台授权,侵权必究。

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)