《地球一小時(shí)SVG交互圖文案例合集》
每逢和環(huán)保相關(guān)的節(jié)日，有很多品牌會(huì)借此宣傳自己的環(huán)保理念和技術(shù)，可大大提高品牌形象。
而在3月22日，即將到來的「地球一小時(shí)」是全球最大型環(huán)保行動(dòng)，每年獲得各界的參與和支持。
今天給大家整理了8篇地球一小時(shí)日相關(guān)的SVG交互推文案例做參考，分別來自長安汽車、小米公司、奧迪、VEDETT白熊啤酒、復(fù)旦大學(xué)、保時(shí)捷中國、歐拉汽車、diptyque蒂普提克，一起來看看吧！
往年地球一小時(shí)合集戳：
01
長安汽車?
《 地球不止一小時(shí) 》
▲GIF演示
「層層滑開」模擬依次查看長安汽車的低碳環(huán)保技術(shù)，最后揭秘主題“地球一小時(shí)日”，呼吁大家節(jié)能環(huán)保。
交互對應(yīng)編輯器組件/組合
組合：層層滑開-首層向左
編號(hào)：10455（組合）
組合：層層長滑+點(diǎn)擊展開
編號(hào)：11805（組合）
02
小米公司?
《 請「關(guān)燈」欣賞 》
▲GIF演示
「點(diǎn)擊切換」模擬關(guān)燈并出現(xiàn)一小時(shí)的倒計(jì)時(shí)，呼吁大家在地球一小時(shí)日熄燈一小時(shí)，能夠更方便地欣賞浪漫深邃的夜空。
交互對應(yīng)編輯器組件/組合
03
奧迪?
《 今日開黑 》
▲GIF演示
「點(diǎn)擊切換GIF后展開」圍繞關(guān)燈一小時(shí)為主題展開奧迪汽車的各個(gè)細(xì)節(jié)介紹，最后「點(diǎn)擊伸縮式展開」模擬回歸到零，借此宣傳零排放計(jì)劃。
交互對應(yīng)編輯器組件/組合
04
VEDETT白熊啤酒?
《 地球一小時(shí)，白熊帶你打開格局 》
▲GIF演示
「連續(xù)點(diǎn)擊切換圖片后消失展開」介紹白熊啤酒所屬的督威集團(tuán)環(huán)保成果，最后呼吁粉絲踐行低碳。
交互對應(yīng)編輯器組件/組合
組合：連續(xù)點(diǎn)擊切換圖片+消失展開(可設(shè)置觸發(fā)區(qū)域)
編號(hào)：10469（組合）
05
復(fù)旦大學(xué)?
《 復(fù)旦人，在玩一種很新的環(huán)保 》
▲GIF演示
「點(diǎn)擊擦除」模擬帶大家查看綠色校園環(huán)保史，最后呼吁大家從地球第一小時(shí)日開始開啟綠色生活。
交互對應(yīng)編輯器組件/組合
組件：點(diǎn)擊-向上擦除切換(多張圖)
編號(hào)：11416（組件）
06
保時(shí)捷中國?
《 八點(diǎn)就睡了？》
▲GIF演示
「左滑」模擬關(guān)燈出門，展示保時(shí)捷汽車科技感與動(dòng)態(tài)美學(xué)，最后呼吁大家早早休息關(guān)燈。
交互對應(yīng)編輯器組件/組合
組件：雙層滑動(dòng)-背景左滑
編號(hào)：10139（組件）
07
歐拉汽車?
《 今天，給地球放個(gè)假吧！》
▲GIF演示
「點(diǎn)擊切換圖片并播放音頻」模擬觸發(fā)大自然的各種聲音，聆聽大自然的美妙，歐拉汽車借此呼吁大家踐行低碳。
交互對應(yīng)編輯器組件/組合
組件：點(diǎn)擊播放音頻同時(shí)切換圖片
編號(hào)：10107（組件）
08
diptyque蒂普提克?
《 點(diǎn)亮星空畫卷 》
▲GIF演示
「點(diǎn)擊切換」模擬開關(guān)燈的動(dòng)態(tài)效果，結(jié)合旋轉(zhuǎn)瓶身與漸變光影呈現(xiàn)香調(diào)層次感，借此宣傳蒂普提克全新冬日蠟燭。
交互對應(yīng)編輯器組件/組合
組件：點(diǎn)擊-循環(huán)切換圖片(有觸發(fā)區(qū))
編號(hào)：11625（組件）
?
如果以上案例還沒有看夠，可以到「品牌時(shí)光機(jī)」交互圖文案例庫（網(wǎng)址：brandtime.cn）在節(jié)日分類中選擇「地球一小時(shí)日」查看更多相關(guān)案例。
目前案例庫總案例數(shù)已達(dá)80W+，其中8W+案例支持一鍵還原，制作同款效果非常方便。
轉(zhuǎn)載請?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）