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

原创 收藏 评论
举报 2024-02-04



前不久我们整理发布了2023年SVG交互图文Top100,之前每周也会为大家送上最新鲜的案例速递


2024年,我们还将会为大家送上每月的优秀图文案例。2024年开年第1个月流行的优秀SVG交互图文有哪些?


今天为大家整理的是10篇1月的优秀SVG交互图文,分别来自人民日报、劳斯莱斯汽车、雷克萨斯中国、Bananain蕉内、GQ实验室、快手、小米公司、炫舞日报、盒马、UGG官方,这些交互效果可以为图文设计带来更加动态、立体和互动的视觉体验,提高用户参与度。



01

人民日报

《新年第一天,我们收到从太空发来的2024个心愿》

▲GIF演示

点此查看原文

「点击」模拟放飞纸飞机同时依次打印出不同信箱里的内容,在新年之际送出对大家的祝福,吸引大家参与活动。

该交互需定制


02

劳斯莱斯汽车

《艺境一月刊:新境致远》

2.gif

▲GIF演示

点此查看原文

「点击消失后展开」劳斯莱斯壁纸的介绍,「左滑」查看劳斯莱斯汽车细节,吸引大家前往体验。

该交互需定制


03

雷克萨斯中国

《有“亿”点好玩》

▲GIF演示

点此查看原文

「点击选择展开」雷克萨斯汽车的不同型号和介绍,借此宣传购车优惠政策,吸引大家购买。

该交互需定制


04

Bananain蕉内

《来 领 红 包》

4.gif

▲GIF演示

点此查看原文

「点击切换」模拟龙珠小游戏来抽取祝福,然后「展开」好运祝福、龙年壁纸等新年元素,吸引大家互动领取龙年好礼。

该交互需定制


05

GQ实验室

《ಠ_ಠ你叫谁南方小土豆呢?》

▲GIF演示

点此查看原文

GQ实验室巧借最近爆火的热词“南方小土豆”引出话题,「点击切换GIF后展开」8种眼神杀类型的介绍,最后宣传阿玛尼黑钥匙「7肽」眼霜。

该交互需定制


06

快手

《超火的短剧版MBTI测试来了!》

6.gif

▲GIF演示

点此查看原文

「连续点击切换」模拟MBTI穿越测试,点击不同选项推进短剧剧情,最后「点击展开」相应的短剧人格和精彩好剧推荐,吸引大家关注第四届金剧奖。

该交互需定制

定制联系玉兔微信(ID:playhudong15)

07

小米公司

《回看2023:美好的事情已经发生》

▲GIF演示

点此查看原文

在2023年结束,2024年伊始的时候,小米通过引导大家「点击开启SVG轨迹动画」伴随着线条的延申,带大家回顾和了解2023年推出的产品。

该交互需定制


08

炫舞日报

《MBTI恋爱人格测试之罪爱(极光路透版)》

▲GIF演示

点此查看原文

「点击选择」通用版会出现弹窗提示引导大家点击隐藏版,然后「点击选择切换后展开」MBTI恋爱人格测试题目,依次点击选项进行答题,作答完毕后自动生成专属的测试结果,吸引大家互动和传播。

该交互需定制


09

盒马

《快过年了,抓点年货!》

▲GIF演示

点此查看原文

「点击抽取」模拟抓娃娃机抽取年货礼盒,然后点击开柜查看年货清单,吸引大家前往盒马备年货。

该交互需定制


10

UGG官方

《正在向你发射限定「小龙包」????》

▲GIF演示

点此查看原文

「连续点击」模拟向下打开红包,戳戳落下的红包还可以切换查看红包后的内容,吸引大家来UGG接受新年祝福。

该交互需定制

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)