《植树节SVG交互图文案例合集》

原创 收藏 评论
举报 2025-02-24

植树节是怎么装进SVG排版里的呢?一起来看看这些品牌是怎么做的吧!

今天给大家整理了8个植树节相关的优秀SVG图文案例,分别来自米其林中国、上汽MG名爵汽车、LEXUS雷克萨斯认证二手车、美的集团、中国农业银行、宝宝馋了、爱尚三里屯、PlayStation,一起来看看吧!


01

米其林中国

《神奇的树木在这里!》

▲GIF演示

点此查看原文

在植树节之际,米其林通过「SVG线条轨迹」吸引大家的注意力,伴随着线条的延申,最后宣传米其林的环保行动和贡献。

该交互需定制



02

上汽MG名爵汽车

《让自由生长》

▲GIF演示

点此查看原文

「点击擦除」模拟背景颜色的改变,伴随汽车的行驶,直观呈现MG名爵的赛道基因与电动美学,借此宣传上汽MG名爵汽车。

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

组合:点击-向下擦除切换(多张图)

编号:11872(组合)

03

LEXUS雷克萨斯认证二手车

《每一步,都算“树”》

▲GIF演示

点此查看原文

「点击切换GIF动图展开」模拟汽车开过后生根发芽的效果,借此引入二手车置换带来的资源循环利用的好处,吸引更多客户选择。

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

组合:点击切换GIF动图+展开(有触发区)

编号:10075(组合)

04

美的集团

《请问,这颗树是你栽的吗?》

▲GIF演示

点此查看原文

「点击向上擦除切换」模拟播种,依次展示美的家电的Q&A,借此宣传美的产品。

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

组件:点击-向上擦除切换(多张图)

编号:11416(组件)

05

中国农业银行

《“植”此青绿 生生不息》

▲GIF演示

点此查看原文

多个平级「点击切换GIF」模拟展开心愿,在植树节之际结合品牌色展示普惠金融成果,借此宣传中国农业银行。

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

组件:点击-切换GIF动图(有触发区)

编号:10087(组件)

06

宝宝馋了

《????踏春「趣」植树,建议备好这5款零食,哄娃、补充能量两不误!》

▲GIF演示

点此查看原文

在一年一度的植树节,宝宝馋了通过引导大家「连续点击切换图片」模拟浇水种树的过程,最后跳转到自营店小程序,实现转化。

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

组件:连续点击-切换多张GIF动图(小程序无角标)

编号:10157(组件)

07

爱尚三里屯

《????三里屯的春天正在萌芽,一起“逐绿”????》

▲GIF演示

点此查看原文

「连续点击镜头放大消失展开」模拟穿梭在三里屯路一起“逐绿”,为地球增添绿色,借此宣传三里屯人的环保行动。

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

组合:连续点击-镜头式放大消失+展开

编号:11842(组合)

08

PlayStation

《种树,但是技能树》

▲GIF演示

点此查看原文

在植树节,通过「长按切换图片」模拟选择树种,「点击切换图片」模拟选择技能,最后领取宝箱,用有趣好玩的互动游戏,鼓励用户传播并关注PlayStation。

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

组件:祈福签-长按轮播,松手停止

编号:10134(组件)

组件:点击-切换图片(多触发区)

编号:11514(组件)




如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)在节日分类中选择「植树节」查看更多相关案例。


目前案例库总案例数已达80W+,其中8W+案例支持一键还原,制作同款效果非常方便。

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)