《2026地球一小时SVG交互图文案例合集》

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