《足球(苏超)SVG交互图文案例合集》
这个夏天,苏超的火爆程度无需多言,苏州队主场进球时的兴奋,是隔着屏幕都难以完全传递的热情。
这些足球相关的SVG交互图文是如何留住足球最动人的魅力的?为大家整理了8篇相关SVG交互图文,一起来看看!
以下8篇SVG交互图文分别来抖音集团、金典SATINE、京东物流、adidas、果子熟了、科沃斯会员中心、苏州银行、添可TINECO公众号。
01
抖音集团
《进球了!》

▲GIF演示
「点击切换GIF上移切换后展开」围绕抖音足球嘉年华的内容延伸,「三层上滑」展示足球代表队,「点击弹窗」查看抖音的足球嘉年华活动介绍,吸引大家参与。
该交互需定制
02
金典SATINE
《@所有球迷 这一粒进球,有你一份!》

▲GIF演示
金典通过「点击切换后展开」的交互形式模拟进入足球场,「上滑」查看金典娟姗有机牛奶,吸引大家购买。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:点击切换GIF+消失展开
编号:11775(组合)
组合:三层上滑组合
编号:11761(组合)
03
京东物流
《欧洲杯到底有谁在啊?全行业都在整活儿》

▲GIF演示
「点击切换GIF动图后展开」围绕 2024 年欧洲杯 “观赛经济” 推出的助力内容,聚焦决赛期球迷关注与消费热潮,「点击足球开始SVG轨迹」模拟足球滚动过足球赛场带大家查看六大行业,借此宣传京东物流。
该交互需定制
04
adidas
《亚马尔的暑假作业写完了》

▲GIF演示
「播放音频后展开」回顾亚马尔的17 岁次日,「视差上滑」查看亚马尔圆梦与西班牙队共捧欧洲杯德劳内杯的名场面,借此宣传西班牙队联名adidas款T恤。
该交互需定制
05
果子熟了
《世界杯装“杯”指南,快查收!》

▲GIF演示
「点击展开」讲解世界杯“装杯”指南,助小白速成球迷,含观赛准备及提示,「连续点击逆时针旋转切换图片」展示开赛前准备,借此宣传果子熟了世界杯惊喜大礼包。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:点击展开
编号:10307(组合)
组合:连续点击-图片逆时针旋转切换(下)
编号:11287(组合)
06
科沃斯会员中心
《????神秘选手已上赛场, 点击射门️️️!》

▲GIF演示
「点击切换GIF动图后展开」介绍科沃斯扫地机器人AI智能语音赋能,多个平级「点击切换」模拟射门,吸引大家前往购买。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:点击切换GIF动图+展开(有触发区)
编号:10075(组合)
组件:点击-GIF过渡切换
编号:11553(组件)
组件:视频-无缝拼接(图片遮罩)
编号:10113(组件)
07
苏州银行
《领取100元红包,啤酒烧烤走起,看女足世界杯》

▲GIF演示
「背景左滑」针对未激活信用卡的新持卡者推出活动,借此宣传苏州银行信用卡,吸引读者前往办理。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件:双层滑动-背景左滑(自动对齐)
编号:10273(组件)
08
添可TINECO
《@苏超球迷,您的观赛装备已就位!》

▲GIF演示
「点击切换」查看云观赛搭子,含苏博联名洗地机、语音烹饪工具等,最后吸引大家互动留言球队支持理由。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件:点击-切换图片
编号:10005(组件)
如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)在首页中搜索「足球」查看更多相关案例。
目前案例库总案例数已达80W+,其中8W+案例支持一键还原,制作同款效果非常方便。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。




评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)