《2024年4月SVG交互图文大赏》
在刚刚过去的2024年4月,有哪些值得关注的优秀SVG交互图文?
今天为大家整理10篇4月的优秀SVG交互图文,分别来自微信派、别克、GQ实验室、星巴克中国、长安汽车、央视新闻、快手、奥迪、Apple、丘大叔柠檬茶,这些使用了交互效果的图文不仅让人眼前一亮,更是让数据得到有效提升!
01
微信派
《今天爆个料》
▲GIF演示
「点击翻转后切换」查看微信「特别用户」画像报告,「点击播放视频号内容」解锁更多内容。
该交互需定制
02
别克
《出发,逃出愚人「街」!》
▲GIF演示
「点击展开」模拟进入愚人节的闯关模式,点击出发用「SVG轨迹动画」模拟驾驶汽车,最后宣传奥特能安全。
该交互需定制
03
GQ实验室
《小心那些微信带(-6h)的人》
▲GIF演示
依次点击表盘查看GQ实验室观察微信带(-6h)的人和人之间的时差,「点击弹窗」查看不同职业人们的时差和背后的故事,从而宣传宝格丽腕表。
该交互需定制
04
星巴克中国
《<爱丽丝梦游仙境>主题快闪店,等你来打卡!》
▲GIF演示
「点击展开」模拟跟随爱丽丝探索仙境,「上滑」查看星巴克中国与《爱丽丝梦游仙境》合作推出的快闪店活动介绍,吸引大家前往打卡并参与活动。
该交互需定制
05
长安汽车
《查收你的清明随心「行」攻略》
▲GIF演示
「点击弹窗」查看地图上不同位置对应的清明节出行攻略,「长按后」缩小查看目的地从而宣传长安汽车,吸引大家前往购买。
该交互需定制
06
央视新闻
《山河记得,我们记得!》
▲GIF演示
「点击切换后展开并播放音频」沉浸式缅怀历史事件和人物,营造清明节氛围。
交互对应编辑器组件/组合
组合:点击切换图片+播放音频+展开
编号:11361(组合)
07
快手
《@穿越火线 上号!给你表演个绝活》
▲GIF演示
「左滑」模拟穿越火线抓住子弹,「点击弹出」查看活动海报,用精彩的操作吸引读者观看并关注快手平台。
交互对应编辑器组件/组合
组合:左滑组合
编号:10153 (组合)
组件:点击弹出-弹出图片(有触发区)
编号:10069(组件)
08
奥迪
《刷到就“刷道”》
▲GIF演示
「上滑」依次介绍奥迪汽车各个细节,借此宣传奥迪汽车,从而吸引大家关注公众号前往旗舰店购买。文章底部有进度条显示阅读内容的进度。
交互对应编辑器组件/组合
组合:上滑组合
编号:11400(组合)
注:底部进度条效果需定制实现。
09
Apple
《iPhone 出游秘技,解救旅游特种兵。》
▲GIF演示
「点击消失后展开」长假出游秘技,然后「点击左移切换」查看iPhone的五个实用技巧,「点击返回」查看其他功能,帮助读者在旅行中更好地使用iPhone,从而提高旅行体验。
交互对应编辑器组件/组合
组合:点击消失+展开(设置触发区域)
编号:11186(组合)
组件:Apple同款-点击左移切换图片,点击返回(有触发区)
编号:11846(组件)
10
丘大叔柠檬茶
《买①送① |速进!击退周一综合症!》
「点击圆形扩大切换」查看丘大叔柠檬茶去掉班味的福利,「左滑」查看品牌的活动内容,以此宣传大叔柠檬茶饮品,吸引读者点击购买。
交互对应编辑器组件/组合
组件:点击-中心圆形扩大切换
编号:11084(组件)
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)