《2026地球一小时SVG交互图文案例合集》
《2026地球一小时SVG交互图文案例合集》
i排版编辑器
发布于:2026-03-24
文章内容来源于公众号：i排版编辑器，点此可查看原文，内容版权归相关企业所有，本网站仅供交流学习。若涉及版权问题或存在侵权情况，请及时与我们联系，我们将第一时间进行删除处理。
摘要：
关上灯，点亮希望。 每年的地球一小时日，都是全球携手为地球可持续发展发声的时刻。
今年的地球一小时日是3月28日，我们精心整理了8篇地球一小时日 SVG 交互图文案例，这些案例来自人民网、大众汽车、安踏、UNION宇联腕表、沃尔沃汽车、蓝光BRC客户俱乐部、特仑苏、OriginOS公众号，一起来看看吧。
往期地球一小时日案例：
在i排版交互图文案例库（网址：iPaiban.com/idea）首页中搜索「地球一小时」还可查看更多相关案例。
01
人民网
《准备，关机。》
▲GIF演示
人民网通过「点击播放GIF」模拟关机这一动作，呼吁公众在特定时间关闭不必要的电源，关注能源消耗与环境保护。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件：点击-GIF过渡切换
编号：11553（组件）
02
大众汽车
《为地球减负 不止一小时》
▲GIF演示
「连续点击上下移入切换」强调环保行动不应局限于“地球一小时”活动，而是需要持续性的努力，借此宣传大众汽车。
该交互需定制
定制联系二师兄微信(ID: playhudong004)。
03
安踏
《安踏 | 地球一小时，熄灯，开跑 》
▲GIF演示
安踏将“熄灯”与“夜跑”场景结合，「点击展开」通过模拟跑步过程中的心理独白，传递“在黑暗中奔跑，为地球发声”的运动精神。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：点击展开(可嵌套)
编号：10875（组合）
组合：点击展开
编号：10307（组合）
04
UNION宇联腕表
《关灯，赏月》
▲GIF演示
「点击向下擦除切换」借“关灯赏月”的意境，展示品牌1893系列、贝利士系列等月相腕表，突出其“星月交辉”的典雅设计与精湛工艺。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件：点击-向下擦除切换(多张图)
编号：10872（组件）
05
沃尔沃汽车
《停车，熄灯 | 自然自会发光 》
▲GIF演示
「点击消失后展开」以XC60为载体，提出“熄灭氛围灯、闪光灯”，在黑暗中捕捉极光、月光等自然光源，强调品牌“为环境健康日夜兼程”的可持续价值观。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：点击消失+展开(设置触发区域)
编号：11186（组合）
组件：视频号-图片
编号：10228（组件）
06
蓝光BRC客户俱乐部
《地球一小时丨原来“熄灯”后更美》
▲GIF演示
多个平级「点击切换图片」展示了蓝光地产在西北、苏皖、重庆、环沪等区域的代表性楼盘，通过“点击查看熄灯后的蓝光”互动形式，借此宣传蓝光地产。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件：点击-切换图片
编号：10005（组件）
07
特仑苏
《《一路前行》圆满收官 但环保不止于此》
▲GIF演示
「点击播放GIF后展开」模拟打开环保纪实之旅，宣布节目圆满收官，同时多个平级「重叠式点击消失后展开」不同地区的守护理念，借此宣传特仑苏。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：点击切换GIF动图+展开(可嵌套,有触发区)
编号：10935（组合）
组合：点击消失+展开(设置触发区域)
编号：11186（组合）
08
OriginOS
《请关灯后阅读本文》
▲GIF演示
「点击切换」模拟关灯借此须按此地球1小时日，「左滑」查看熄灯后冥想的小知识，借此宣传OriginOS的专注模式。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：点击-无限循环切换(两组)
编号：11752（组合）
组件：闪烁遮罩
编号：11113（组件）
组件：点击-切换图片(有触发区)
编号：10043（组件）
更多地球一小时日图文案例（超60篇）点击小程序查看：
更多案例合集：人设|Chill|拍一拍|Passion| City不City|emoji|松弛感
如果以上案例还没有看够，可以到i排版交互图文案例库（网址：iPaiban.com/idea）首页中搜索「地球一小时」查看更多相关案例。
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器组件/组合现已全部支持免费试用了。
● SVG 黑科技交互排版👇🏻
iPaiban 团队可提供运营服务、视频制作、GEO、创意策划、多种风格设计、SVG交互开发等服务，如需定制，请添加玉兔微信（ID：playhudong15）沟通咨询。