地球一小时日快到了，3种「关灯」SVG玩法用得上！
在图文里怎么「关灯」？
每年的3月最后一个星期六，就是地球一小时日。在这一天晚上20:30分，大家都会关灯一小时来表明对应对气候变化行动的支持。
想要在图文里实现「关灯」的交互排版效果，除了简单的「点击切换图片」，今天用3个案例给大家推荐3种超适合「关灯」的创意玩法。
一
点击切换GIF同时播放音频
*素材来自京东物流《关灯，不止一小时》
「京东物流」这篇图文，按照提示点击关灯后，同时播放京东仓库「摸黑」作业画面和音频，给人身临其境之感。比单独的切换图片体验好很多。
这种交互效果使用 iPaiban Pro 编辑器的「点击播放音频同时切换GIF动图」相关组件即可实现。
在编辑器内搜索找到「点击播放音频同时切换GIF动图」组件后，点击选择。使用该组件除了需要上传点击前图片和点击后播放的GIF外，还需要填写音频代码以实现同时播放音频的效果。
音频代码的获取也很简单，使用 iPaiban Pro 小助手插件可一键获取（点此查看教程）。想要实现同款效果可以搜索使用：
组件：点击播放音频同时切换GIF动图(需上传素材,防误触,不可转载)
编号：10105（组件）
教程：《给GIF配乐，这是什么骚操作？”》
二
点击循环切换图片
*素材来自diptyque蒂普提克《点亮星空画卷》
diptyque蒂普提克这个点击关灯的效果，不是简单的点击切换图片，而是关灯前和关灯后的两张图片可以点击来回循环切换，与现实生活中灯可以来回开关的效果契合。使用 iPaiban Pro编辑器就可以实现同款效果，搜索找到「点击-循环切换图片」组件后，点击选择。
分别上传点击前，点击后的图片，循环次数一般保持默认的10次即可。最后设置触发区域，记得隐藏触发区域就设置完成啦。
想要实现同款效果可以搜索使用：
组件：点击-循环切换图片(有触发区)
编号：11625（组件）
教程：《不玩假循环，点击无限循环切换效果来啦！》
三
深色模式彩蛋
自从2020年微信上新「深色模式」后， IPaiban Pro 黑科技编辑器也推出了SVG相应的玩法。
在编辑器内搜索找到「深色模式彩蛋」组件后，点击选择。
其效果就是在浅色模式显示的是一张图，在深色模式下显示的是另一张图。
不仅可以在地球一小时日做成模拟关灯的效果，也可以做出彩蛋、拆礼物等好玩的游戏效果。
使用这个创意排版时，如果觉得自己的用户人群不知道如何切换微信深色模式，可以简单提醒引导下用户，如下所示路径：「我」-「设置」-「通用」-「深色模式」-「完成」，即可打开深色模式。
想要实现同款效果可以搜索使用：
组件：特殊-深色模式彩蛋
编号：10073（组件）
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）