《世界地球日SVG交互图文案例合集》

原创 收藏 评论
举报 2025-04-14

在世界地球日,如何让环保理念“动”起来?为大家整理了8篇世界地球日相关的品牌案例,一起来看看这些品牌是怎么做的吧!


它们分别来自特仑苏顺丰集团隆基股份捞王锅物料理每日黑巧Apple亚马逊中国华为手机品牌。


01

特仑苏

《〈一路前行〉圆满收官 但环保不止于此》

▲GIF演示

点此查看原文

「点击播放序列帧后展开」模拟打开环保纪实之旅,宣布《一路前行》节目圆满收官,同时多个平级「点击消失后展开」不同地区的守护理念,借此宣传特仑苏。

该交互需定制


02

顺丰集团

《 绿色大闯关|给地球宝宝可持续的宠爱》

▲GIF演示

点此查看原文

顺丰在世界地球日通过「点击展开」的交互,模拟“绿色大闯关”的游戏形式,倡导从低碳出行、循环使用、使用自带杯、减塑行动等方面践行环保,给予地球可持续的“宠爱” ,宣传顺丰集团。

该交互需定制


03

隆基股份

《发车!全国首列可再生能源科普地铁来啦》

▲GIF演示

点此查看原文

「点击展开」模拟开动列车,借此宣告全国首列可再生能源科普地铁发车,目的是为可持续地球充能。

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

组合:点击展开(有触发区)

编号:10051(组合)

组件:遮罩

编号:10829(组件)


04

捞王锅物料理

《地球日限定版“植此青绿”mp4.上线 》

▲GIF演示

点此查看原文

「点击切换GIF图片后展开」推出地球日限定版“植此青绿”mp4,同时介绍“捞王益起捐”活动正在火热进行中,吸引用户「点击弹出」可以保存相关图片到相册,借此宣传老王锅料理。

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

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

编号:10075(组合)

组件:点击弹出-弹出图片(有触发区)

编号:10069(组件)


05

每日黑巧

《在今天,交上一份四年的答卷》

▲GIF演示

点此查看原文

多个平级「点击翻转后左滑」介绍每日黑巧的“巧护地球计划”活动,最后吸引读者前往参与低碳生活提案。

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

组合:点击翻转-左滑组合(自动对齐)

编号:10835(组合)

组件:视频号-图片(有触发区)

编号:10575(组件)

06

Apple

《我们为什么对 2030 信心满满?》

▲GIF演示

点此查看原文

「左滑」介绍Apple在回收利用、再生材料上的显著成果,「点击无限次切换」查看产品背后的环保技术介绍,借此宣传Apple净零排放计划。

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

组合:左滑组合(自动对齐)

编号:10249(组合)

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

编号:11161(组件)


07

亚马逊中国

《速来!「地球日」低碳集结》

▲GIF演示

点此查看原文

在2024年世界地球日,「三层上滑」查看亚马逊发文邀请读者盘点不同寻常的绿色配送方式,致力于推动低碳物流,文末还有互动抽奖福利,吸引读者参与。

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

组件:三层滑动-上滑(多张,自动对齐)

编号:11754(组件)

组件:视频号-图片(有触发区) | 封面

编号:10575(组件)   


08

华为手机

《今天,探索地球之美》

▲GIF演示

点此查看原文

在世界地球日,华为通过「左滑」展示手机拍摄的美照,多个平级「视差左滑」不同华为产品拍摄的效果,借此带大家领略地球之美。

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

组件:双层滑动-前景左滑(自动对齐)

编号:10270(组件)

组件:视差滑动-左滑(四组)-Apple同款

编号:11262(组件)




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

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

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)