《2024年4月SVG交互图文大赏》

原创 收藏 评论
举报 2024-05-08


在刚刚过去的2024年4月,有哪些值得关注的优秀SVG交互图文?

1.gif

今天为大家整理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

丘大叔柠檬茶

《买①送① |速进!击退周一综合症!》

10.gif

点此查看原文

「点击圆形扩大切换」查看丘大叔柠檬茶去掉班味的福利,「左滑」查看品牌的活动内容,以此宣传大叔柠檬茶饮品,吸引读者点击购买。

交互对应编辑器组件/组合

组件:点击-中心圆形扩大切换

编号:11084(组件)

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)