《兒童節(jié)SVG交互圖文案例合集》
六一的鐘聲即將敲響，屬于孩子們的節(jié)日又要來(lái)臨啦！
在這個(gè)充滿童真與歡樂(lè)的日子里，各大品牌和媒體是如何創(chuàng)作的呢？
一起來(lái)看看這些品牌的兒童節(jié)SVG交互圖文案例，感受其中的奇妙吧！
它們分別來(lái)自快手、新華社、上海迪士尼度假區(qū)、中金公司CICC、蒙牛專業(yè)乳品、HelloKittyFamily、CC卡美珠寶、局部氣候調(diào)查組品牌。
往年兒童節(jié)合集戳：
小朋友看了都說(shuō)好，6.1兒童節(jié)試試點(diǎn)擊翻轉(zhuǎn)后展開(kāi)
氣球飄過(guò)圖片就變了，兒童節(jié)用這個(gè)效果挺不錯(cuò)
兒童節(jié)的8個(gè)創(chuàng)意案例，給大孩子們看剛剛好！
01
快手
《童年的紙飛機(jī)現(xiàn)在終于飛回我手里》
▲GIF演示
「連續(xù)點(diǎn)擊切換多張圖片」模擬乘坐快手號(hào)穿越回童年并篩選有無(wú)相同的童年經(jīng)歷，最終生成測(cè)試結(jié)果，引起大家的共鳴和傳播。
該交互需定制
02
新華社
《你真的長(zhǎng)大了嗎?》
▲GIF演示
「自動(dòng)層層展開(kāi)」以依次出現(xiàn)的短句引發(fā)成長(zhǎng)思考，「點(diǎn)擊下移切換」模擬回到童年，引起大家的共鳴和傳播。
交互對(duì)應(yīng)編輯器組件/組合
組合：自動(dòng)層層展開(kāi)(最后一層可嵌套)
編號(hào)：11373（組合）
組件：點(diǎn)擊-三層移動(dòng)切換
編號(hào)：11882（組件）
03
上海迪士尼度假區(qū)
《想第一個(gè)和你說(shuō)兒童節(jié)快樂(lè)!快進(jìn)來(lái)測(cè)測(cè)你是哪種迪士尼寶寶?》
▲GIF演示
「連續(xù)點(diǎn)擊切換多張圖片」模擬生成迪士尼寶寶，借此吸引讀者參與互動(dòng)測(cè)試并祝大家六一兒童節(jié)快樂(lè)！
該交互需定制
04
中金公司CICC
《兒童節(jié)|給你一支畫筆，你會(huì)給世界添上什么顏色?》
▲GIF演示
「點(diǎn)擊消失后展開(kāi)」模擬開(kāi)始繪畫，點(diǎn)擊選擇自己喜歡的顏色，最后創(chuàng)造不一樣的壁紙，借此祝大家六一兒童節(jié)快樂(lè)！
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊消失+展開(kāi)(設(shè)置觸發(fā)區(qū)域)
編號(hào)：11186（組合）
組件：自定義海報(bào)(按鈕在上,3排)
編號(hào)：11782（組件）
05
蒙牛專業(yè)乳品
《快樂(lè)加“焙”！開(kāi)啟兒童節(jié)烘焙新靈感》
▲GIF演示
「點(diǎn)擊切換GIF后消失展開(kāi)」模擬進(jìn)入烘焙新世界，「點(diǎn)擊抽屜式切換」查看各個(gè)口味面包的配方以及制作方法，借此宣傳蒙牛純牛奶，吸引大家前往購(gòu)買。
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊切換GIF+消失展開(kāi)
編號(hào)：11775（組合）
組件：點(diǎn)擊-抽屜切換圖片(無(wú)限次往返,有觸發(fā)區(qū),左)
編號(hào)：11123（組件）
06
HelloKittyFamily
《時(shí)光伴旅招募中!測(cè)測(cè)哪艘飛船會(huì)把你帶走吧》
▲GIF演示
「點(diǎn)擊懸浮彈窗」模擬查看不同測(cè)試結(jié)果，看看小時(shí)候最令你懷念的是哪些事情，借此吸引讀者前往參與評(píng)論。
交互對(duì)應(yīng)編輯器組件/組合
組件：點(diǎn)擊-懸浮彈窗(有限次彈出,相同關(guān)閉位置)
編號(hào)：11147（組件）
07
CC卡美珠寶
《拓界，馳騁》
▲GIF演示
「點(diǎn)擊切換自動(dòng)恢復(fù)」模擬穿越童年進(jìn)行尋寶，依次介紹CC卡美珠寶的各個(gè)款式，吸引讀者前往購(gòu)買。
交互對(duì)應(yīng)編輯器組件/組合
組件：點(diǎn)擊切換-自動(dòng)恢復(fù)(多觸發(fā)區(qū))
編號(hào)：11758（組件）
08
局部氣候調(diào)查組
《「送你一張泡泡紙」》
▲GIF演示
「多列布局嵌套點(diǎn)擊切換」模擬捏泡泡紙，充滿趣味性，能夠讓客戶更長(zhǎng)久的停留閱讀。
交互對(duì)應(yīng)編輯器組件/組合
組合：五列布局
編號(hào)：11106（組合）
組件：點(diǎn)擊-瞬間切換圖片
編號(hào)：10063（組件）
如果以上案例還沒(méi)有看夠，可以到「品牌時(shí)光機(jī)」交互圖文案例庫(kù)（網(wǎng)址：brandtime.cn）在節(jié)日分類中點(diǎn)擊「兒童節(jié)」查看更多相關(guān)案例。
目前案例庫(kù)總案例數(shù)已達(dá)80W+，其中8W+案例支持一鍵還原，制作同款效果非常方便。
轉(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條）