《世界環(huán)境保護(hù)日SVG交互圖文案例合集》
世界環(huán)境日為每年的6月5日，在這個(gè)特殊的日子里，我們不僅要關(guān)注環(huán)境問(wèn)題，更要行動(dòng)起來(lái)，比如，結(jié)合保護(hù)環(huán)境的主題制作SVG交互制作推文，宣傳企業(yè)的環(huán)保行動(dòng)。
今天整理了8篇世界環(huán)境日SVG圖文案例，分別來(lái)自人民網(wǎng)、百度、寶馬中國(guó)、東風(fēng)日產(chǎn)、榮耀手機(jī)、賽多利斯Sartorius、三峽小微、CANALI，一起看下吧！
01
人民網(wǎng)
《藍(lán)天越來(lái)越多有沒(méi)有？曬“相冊(cè)”了！》
▲GIF演示
人民網(wǎng)通過(guò)「點(diǎn)擊彈出」查看各個(gè)地區(qū)美麗景色的照片以及參賽著賦予美景的故事，從而呼吁大家保護(hù)環(huán)境。
該交互需定制
02
百度
《百度2022年ESG報(bào)告里藏著……》
▲GIF演示
「自動(dòng)展開(kāi)」伴隨「SVG軌跡移動(dòng)」介紹百度品牌在可持續(xù)發(fā)展方面的努力和成果，宣傳百度品牌的可持續(xù)發(fā)展理念和實(shí)踐。
該交互需定制
03
寶馬中國(guó)
《BAVA的世界環(huán)境日》
▲GIF演示
通過(guò)「自動(dòng)播放GIF后伸縮式展開(kāi)」寶馬中國(guó)品牌在可持續(xù)發(fā)展、節(jié)能減排、綠色出行等方面的介紹，從而傳達(dá)寶馬中國(guó)品牌的環(huán)保理念和實(shí)踐。
交互對(duì)應(yīng)編輯器組件/組合
組件：自動(dòng)切換GIF動(dòng)圖+從頭展開(kāi)(有觸發(fā)區(qū))
編號(hào)：10387（組合）
04
東風(fēng)日產(chǎn)
《做到這一點(diǎn)，你也能拯救世界》
▲GIF演示
多個(gè)平級(jí)「點(diǎn)擊切換后展開(kāi)」介紹東風(fēng)日產(chǎn)品牌在節(jié)能減排、可持續(xù)發(fā)展等方面的努力，從而傳達(dá)東風(fēng)日產(chǎn)品牌的環(huán)保理念和實(shí)踐行動(dòng)。
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊切換圖片+展開(kāi)(有觸發(fā)區(qū))
編號(hào)：10057（組合）
05
榮耀手機(jī)
《成年人的游戲，周五限定》
▲GIF演示
榮耀手機(jī)品牌通過(guò)多個(gè)平級(jí)「點(diǎn)擊展開(kāi)」在動(dòng)物保護(hù)、生態(tài)平衡等方面的行動(dòng)介紹，從而傳達(dá)榮耀手機(jī)品牌的社會(huì)責(zé)任感和環(huán)保理念。
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊消失+展開(kāi)(設(shè)置觸發(fā)區(qū)域)
編號(hào)：11186（組合）
組件：雙層滑動(dòng)-前景左滑
編號(hào)：10018（組件）
06
賽多利斯Sartorius
《成年人的游戲，周五限定》
▲GIF演示
「點(diǎn)擊切換GIF」從黑白顏色的地球切換成綠色的地球，然后「展開(kāi)」賽多利斯Sartorius在環(huán)保方面的行動(dòng)和努力，呼吁大家一同守護(hù)地球。
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊切換GIF動(dòng)圖+展開(kāi)(有觸發(fā)區(qū))
編號(hào)：10075（組合）
07
三峽小微
《藍(lán) 了》
▲GIF演示
三峽小微品牌通過(guò)「點(diǎn)擊后自動(dòng)層層展開(kāi)」介紹在藍(lán)色能源方面努力的成果，詳細(xì)介紹可再生能源、環(huán)境保護(hù)等，從而宣傳中國(guó)三峽集團(tuán)。
交互對(duì)應(yīng)編輯器組件/組合
組件：點(diǎn)擊+自動(dòng)層層展開(kāi)(有抖動(dòng))
編號(hào)：11427（組件）
08
CANALI
《CAre計(jì)劃：敬畏環(huán)境與自然》
▲GIF演示
「點(diǎn)擊切換選擇」CANALI在環(huán)境保護(hù)方面的努力和成果的介紹，從而呼吁大家敬畏環(huán)境與自然保護(hù)環(huán)境。
交互對(duì)應(yīng)編輯器組件/組合
組件：無(wú)限選擇切換圖片(兩組)
編號(hào)：11274（組件）
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_(kāi)頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
暫無(wú)評(píng)論哦，快來(lái)評(píng)論一下吧！
全部評(píng)論（0條）