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

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


在刚刚过去的2024年2月流行的优秀SVG交互图文有哪些呢?


今天为大家整理10篇2月的优秀SVG交互图文,分别来自新华社、人民日报、深圳税务、国家税务总局、GQ实验室、快手 、星巴克中国、NIKE、LEGO乐高、小米手机,这些使用了交互效果的图文不仅从普通图文中脱颖而出,阅读量、点赞在看数也是暴涨,快来围观吧!


01

人民日报

《祥龙送福!人民日报新媒体定制红包封面来了》

3.gif

▲GIF演示

点此查看原文

人民日报的这篇图文开屏「自动展开」龙的不同书法字体,引起大家的好奇心并烘托新年氛围,然后吸引大家「点击切换」查看人民日报新媒体定制版龙年红包封面和龙年专属壁纸并领取使用。

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


02

深圳税务

《闹元宵,猜灯谜,快来点亮吧!》

▲GIF演示

点此查看原文

「点击」答题并旋转灯笼猜下一个灯谜,猜对亮灯,吸引大家一起闹元宵并点亮元宵灯。

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


03

国家税务总局

《你想要的定制版元宵,安排!》

1.gif

▲GIF演示

点此查看原文

依次「点击」选择馅料、口味、碗等材料制作专属元宵,最后「点击展开」专属元宵和祝福,从而祝大家元宵节快乐!

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


04

GQ实验室

《这份问卷得分超过40,请裸辞》

4.gif

▲GIF演示

点此查看原文

在开工季,「点击切换」进行作答,以此来测试自己的班奴程度,点击不同的选项获取不同的分值,最后生成测试分数,引起大家的共鸣和传播。

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


05

快手

《听说,龙王开播了?》

5.gif

▲GIF演示

点此查看原文

在新年之际,快手将庙会直播搬进了推文里,「点击切换」查看快手龙年直播活动,「上下」滑动模拟切换直播间,「左滑」讲解该类直播的内容,吸引大家前往快手观看。

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


06

星巴克中国

《①层 | 春日上新 春咖满茶香》

6.gif

▲GIF演示

点此查看原文

「点击切换」模拟进馆,引导大家「视差左滑」查看星巴克春日限定新品,品味咖啡茶香,欣赏春之美,吸引大家购买,最后点击链接还可跳转同期推送的图文。

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


07

NIKE

《一步踏入2000年》

7.gif

▲GIF演示

点此查看原文

「点击消失后展开」模拟打开电视机里的Nike复古频道,吸引大家「点击切换选择」不同频道观看视频介绍,吸引大家前往小程序购买耐克新款复古鞋子。

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

组合:点击伸缩式展开(无抖动))

编号:11224(组合)
组合:无限选择切换内容(四组)
编号:11733(组合)
组合:上滑组合
编号:11400(组合)

08

LEGO乐高

《植新品上市|乐高®动物森友会™岛建开启》

8.gif

点此查看原文

「点击切换选择」不同的串门搭子,借此介绍乐高@动物森友会™全新系列,「左滑」查看岛建模型照片,吸引大家购买。

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

组件:点击-无限选择切换图片

编号:11765(组件)
组件:夹层滑动-左滑(三层滑动中间左滑,支持多张图,自动对齐)
编号:10741(组件)

09

新华社

《这样的厦门,太美了!》

9.gif

▲GIF演示

点此查看原文

「三层上滑」模拟骑车穿行于城市之间,「点击弹窗」查看不同地点的介绍,吸引大家来厦门旅游。

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

组合:三层上滑组合

编号:11761(组合)

组件:点击-无限选择切换图片(带返回)

编号:11161(组件)

10

小米手机

《小米送你龙年限定红包封面!》

10.gif

点此查看原文

「上滑」从龙头看到龙尾,有依次点亮龙身的效果,更吸睛更好地宣传了小米14系列新品,吸引大家购买并领取龙年红包

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

组合:上滑组合

编号:11400(组合)


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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)