地球一小時日快到了，3種「關燈」SVG玩法用得上！
在圖文里怎么「關燈」？
每年的3月最后一個星期六，就是地球一小時日。在這一天晚上20:30分，大家都會關燈一小時來表明對應對氣候變化行動的支持。
想要在圖文里實現「關燈」的交互排版效果，除了簡單的「點擊切換圖片」，今天用3個案例給大家推薦3種超適合「關燈」的創意玩法。
一
點擊切換GIF同時播放音頻
*素材來自京東物流《關燈，不止一小時》
「京東物流」這篇圖文，按照提示點擊關燈后，同時播放京東倉庫「摸黑」作業畫面和音頻，給人身臨其境之感。比單獨的切換圖片體驗好很多。
這種交互效果使用 iPaiban Pro 編輯器的「點擊播放音頻同時切換GIF動圖」相關組件即可實現。
在編輯器內搜索找到「點擊播放音頻同時切換GIF動圖」組件后，點擊選擇。使用該組件除了需要上傳點擊前圖片和點擊后播放的GIF外，還需要填寫音頻代碼以實現同時播放音頻的效果。
音頻代碼的獲取也很簡單，使用 iPaiban Pro 小助手插件可一鍵獲?。?a target="_blank" textvalue="點此查看教程" linktype="text" imgurl="" imgdata="null" tab="innerlink" data-linktype="2">點此查看教程）。想要實現同款效果可以搜索使用：
組件：點擊播放音頻同時切換GIF動圖(需上傳素材,防誤觸,不可轉載)
編號：10105（組件）
教程：《給GIF配樂，這是什么騷操作？”》
二
點擊循環切換圖片
*素材來自diptyque蒂普提克《點亮星空畫卷》
diptyque蒂普提克這個點擊關燈的效果，不是簡單的點擊切換圖片，而是關燈前和關燈后的兩張圖片可以點擊來回循環切換，與現實生活中燈可以來回開關的效果契合。使用 iPaiban Pro編輯器就可以實現同款效果，搜索找到「點擊-循環切換圖片」組件后，點擊選擇。
分別上傳點擊前，點擊后的圖片，循環次數一般保持默認的10次即可。最后設置觸發區域，記得隱藏觸發區域就設置完成啦。
想要實現同款效果可以搜索使用：
組件：點擊-循環切換圖片(有觸發區)
編號：11625（組件）
教程：《不玩假循環，點擊無限循環切換效果來啦！》
三
深色模式彩蛋
自從2020年微信上新「深色模式」后， IPaiban Pro 黑科技編輯器也推出了SVG相應的玩法。
在編輯器內搜索找到「深色模式彩蛋」組件后，點擊選擇。
其效果就是在淺色模式顯示的是一張圖，在深色模式下顯示的是另一張圖。
不僅可以在地球一小時日做成模擬關燈的效果，也可以做出彩蛋、拆禮物等好玩的游戲效果。
使用這個創意排版時，如果覺得自己的用戶人群不知道如何切換微信深色模式，可以簡單提醒引導下用戶，如下所示路徑：「我」-「設置」-「通用」-「深色模式」-「完成」，即可打開深色模式。
想要實現同款效果可以搜索使用：
組件：特殊-深色模式彩蛋
編號：10073（組件）
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）