《世界环境保护日SVG交互图文案例合集》

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

世界环境日为每年的6月5日,在这个特殊的日子里,我们不仅要关注环境问题,更要行动起来,比如,结合保护环境的主题制作SVG交互制作推文,宣传企业的环保行动。

今天整理了8篇世界环境日SVG图文案例,分别来自人民网、百度、宝马中国、东风日产、荣耀手机、赛多利斯Sartorius、三峡小微、CANALI,一起看下吧!



01

人民网

《蓝天越来越多有没有?晒“相册”了!》

▲GIF演示

点此查看原文

人民网通过「点击弹出」查看各个地区美丽景色的照片以及参赛着赋予美景的故事,从而呼吁大家保护环境。

该交互需定制



02

百度

《百度2022年ESG报告里藏着……》

▲GIF演示

点此查看原文

「自动展开」伴随「SVG轨迹移动」介绍百度品牌在可持续发展方面的努力和成果,宣传百度品牌的可持续发展理念和实践。

该交互需定制



03

宝马中国

《BAVA的世界环境日》

▲GIF演示

点此查看原文

通过「自动播放GIF后伸缩式展开」宝马中国品牌在可持续发展、节能减排、绿色出行等方面的介绍,从而传达宝马中国品牌的环保理念和实践。

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

组件:自动切换GIF动图+从头展开(有触发区)

编号:10387(组合)

04

东风日产

《做到这一点,你也能拯救世界》

▲GIF演示

点此查看原文

多个平级「点击切换后展开」介绍东风日产品牌在节能减排、可持续发展等方面的努力,从而传达东风日产品牌的环保理念和实践行动。

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

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

编号:10057(组合)

05

荣耀手机

《成年人的游戏,周五限定》

▲GIF演示

点此查看原文

荣耀手机品牌通过多个平级「点击展开」在动物保护、生态平衡等方面的行动介绍,从而传达荣耀手机品牌的社会责任感和环保理念。

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

组合:点击消失+展开(设置触发区域)

编号:11186(组合)

组件:双层滑动-前景左滑

编号:10018(组件)

06

赛多利斯Sartorius

《成年人的游戏,周五限定》

▲GIF演示

点此查看原文

「点击切换GIF」从黑白颜色的地球切换成绿色的地球,然后「展开」赛多利斯Sartorius在环保方面的行动和努力,呼吁大家一同守护地球。

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

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

编号:10075(组合)

07

三峡小微

《蓝 了》

▲GIF演示

点此查看原文

三峡小微品牌通过「点击后自动层层展开」介绍在蓝色能源方面努力的成果,详细介绍可再生能源、环境保护等,从而宣传中国三峡集团。

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

组件:点击+自动层层展开(有抖动)

编号:11427(组件)

08

CANALI

《CAre计划:敬畏环境与自然》

▲GIF演示

点此查看原文

「点击切换选择」CANALI在环境保护方面的努力和成果的介绍,从而呼吁大家敬畏环境与自然保护环境。

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

组件:无限选择切换图片(两组)

编号:11274(组件)

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)