《植樹節(jié)SVG交互圖文案例合集》
植樹節(jié)是怎么裝進(jìn)SVG排版里的呢？一起來看看這些品牌是怎么做的吧！
今天給大家整理了8個植樹節(jié)相關(guān)的優(yōu)秀SVG圖文案例，分別來自米其林中國、上汽MG名爵汽車、LEXUS雷克薩斯認(rèn)證二手車、美的集團(tuán)、中國農(nóng)業(yè)銀行、寶寶饞了、愛尚三里屯、PlayStation，一起來看看吧！
01
米其林中國?
《神奇的樹木在這里！》
▲GIF演示
在植樹節(jié)之際，米其林通過「SVG線條軌跡」吸引大家的注意力，伴隨著線條的延申，最后宣傳米其林的環(huán)保行動和貢獻(xiàn)。
該交互需定制
02
上汽MG名爵汽車?
《讓自由生長》
▲GIF演示
「點擊擦除」模擬背景顏色的改變，伴隨汽車的行駛，直觀呈現(xiàn)MG名爵的賽道基因與電動美學(xué)，借此宣傳上汽MG名爵汽車。
交互對應(yīng)編輯器組件/組合
組合：點擊-向下擦除切換(多張圖)
編號：11872（組合）
03
LEXUS雷克薩斯認(rèn)證二手車?
《每一步，都算“樹”》
▲GIF演示
「點擊切換GIF動圖展開」模擬汽車開過后生根發(fā)芽的效果，借此引入二手車置換帶來的資源循環(huán)利用的好處，吸引更多客戶選擇。
交互對應(yīng)編輯器組件/組合
組合：點擊切換GIF動圖+展開(有觸發(fā)區(qū))
編號：10075（組合）
04
美的集團(tuán)?
《請問，這顆樹是你栽的嗎？》
▲GIF演示
「點擊向上擦除切換」模擬播種，依次展示美的家電的Q&A，借此宣傳美的產(chǎn)品。
交互對應(yīng)編輯器組件/組合
組件：點擊-向上擦除切換(多張圖)
編號：11416（組件）
05
中國農(nóng)業(yè)銀行?
《“植”此青綠 生生不息》
▲GIF演示
多個平級「點擊切換GIF」模擬展開心愿，在植樹節(jié)之際結(jié)合品牌色展示普惠金融成果，借此宣傳中國農(nóng)業(yè)銀行。
交互對應(yīng)編輯器組件/組合
組件：點擊-切換GIF動圖(有觸發(fā)區(qū))
編號：10087（組件）
06
寶寶饞了?
《????踏春「趣」植樹，建議備好這5款零食，哄娃、補(bǔ)充能量兩不誤！》
▲GIF演示
在一年一度的植樹節(jié)，寶寶饞了通過引導(dǎo)大家「連續(xù)點擊切換圖片」模擬澆水種樹的過程，最后跳轉(zhuǎn)到自營店小程序，實現(xiàn)轉(zhuǎn)化。
交互對應(yīng)編輯器組件/組合
組件：連續(xù)點擊-切換多張GIF動圖(小程序無角標(biāo))
編號：10157（組件）
07
愛尚三里屯?
《????三里屯的春天正在萌芽，一起“逐綠”????》
▲GIF演示
「連續(xù)點擊鏡頭放大消失展開」模擬穿梭在三里屯路一起“逐綠”，為地球增添綠色，借此宣傳三里屯人的環(huán)保行動。
交互對應(yīng)編輯器組件/組合
組合：連續(xù)點擊-鏡頭式放大消失+展開
編號：11842（組合）
08
PlayStation?
《種樹，但是技能樹》
▲GIF演示
在植樹節(jié)，通過「長按切換圖片」模擬選擇樹種，「點擊切換圖片」模擬選擇技能，最后領(lǐng)取寶箱，用有趣好玩的互動游戲，鼓勵用戶傳播并關(guān)注PlayStation。
交互對應(yīng)編輯器組件/組合
組件：祈福簽-長按輪播,松手停止
編號：10134（組件）
組件：點擊-切換圖片(多觸發(fā)區(qū))
編號：11514（組件）
如果以上案例還沒有看夠，可以到「品牌時光機(jī)」交互圖文案例庫（網(wǎng)址：brandtime.cn）在節(jié)日分類中選擇「植樹節(jié)」查看更多相關(guān)案例。
目前案例庫總案例數(shù)已達(dá)80W+，其中8W+案例支持一鍵還原，制作同款效果非常方便。
轉(zhuǎ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ù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）