《除夕SVG交互圖文案例合集》
蛇年的鐘聲即將敲響,這里為大家準(zhǔn)備了八個(gè)除夕相關(guān)的交互案例,熱鬧氛圍撲面而來!快來碼住做參考吧。
分別來自雷克薩斯中國(guó)、伊利牛奶、科大訊飛、元祖食品、方里FunnyElves、小米手機(jī)、蘭芳園、雀巢優(yōu)活,一起看看吧!
01
雷克薩斯中國(guó)?
《@所有人,您的新年煙花表演已開場(chǎng)!》
▲GIF演示
「連續(xù)點(diǎn)擊切換GIF」模擬煙花秀表演,借此宣傳雷克薩斯汽車并祝大家新年快樂。
交互對(duì)應(yīng)編輯器組件/組合
組合:連續(xù)點(diǎn)擊切換GIF動(dòng)圖+點(diǎn)擊展開(有觸發(fā)區(qū))
編號(hào):10162(組合)
02
伊利牛奶?
《除夕 | 財(cái)神拜大年,行運(yùn)“伊”條龍!》
▲GIF演示
「點(diǎn)擊切換后展開」財(cái)神展龍圖,依次「點(diǎn)擊切換」模擬接收祝福,借此宣傳伊利牛奶,并祝大家新年快樂。
交互對(duì)應(yīng)編輯器組件/組合
組合:點(diǎn)擊切換圖片+展開(有觸發(fā)區(qū))
編號(hào):10057(組合)
組件:點(diǎn)擊-切換圖片
編號(hào):10005(組件)
03
科大訊飛?
《除夕夜前的24小時(shí)》
▲GIF演示
「點(diǎn)擊選擇展開」對(duì)應(yīng)按鍵的過節(jié)故事,點(diǎn)擊房間內(nèi)的物件查看小故事,最后點(diǎn)擊抽取新年愿望簽。
該交互需定制
04
元祖食品?
《龍珠現(xiàn)身!就在除夕夜!》
▲GIF演示
「點(diǎn)擊切換GIF消失后展開」模擬開啟龍珠之旅,「三層上滑」介紹龍年大吉禮盒,「視差左滑」查看相應(yīng)細(xì)節(jié)說明,吸引讀者前往購(gòu)買。
交互對(duì)應(yīng)編輯器組件/組合
組合:點(diǎn)擊切換GIF+消失展開
編號(hào):11775(組合)
組合:三層上滑組合
編號(hào):11761(組合)
05
方里FunnyElves?
《除夕特輯|為什么過年要回家,看完就有答案》
▲GIF演示
「點(diǎn)擊消失后展開」新年服飾的介紹,「點(diǎn)擊抽屜式切換」查看大家分享的年味,「左滑」展示家的歸屬感,借此宣傳方里FunnyElves。
交互對(duì)應(yīng)編輯器組件/組合
組合:點(diǎn)擊消失+展開(設(shè)置觸發(fā)區(qū)域)
編號(hào):11186(組合)
組合:點(diǎn)擊-抽屜切換圖片(無(wú)限次往返,有觸發(fā)區(qū),左)
編號(hào):11123(組件)
06
小米手機(jī)?
《小米送你龍年限定紅包封面!》
▲GIF演示
「上滑組合」小米14系列的介紹,依次展示小米14系列的各個(gè)款式,借此宣傳小米手機(jī),與此同時(shí)還為大家準(zhǔn)備了龍年紅包吸引讀者前往領(lǐng)取。
交互對(duì)應(yīng)編輯器組件/組合
組合:上滑組合
編號(hào):11400(組合)
組件:紅包封面-圖片
編號(hào):11137(組件)
07
蘭芳園?
《除夕有禮 | 和蘭蘭一起,好運(yùn)接龍Looooooooong!》
▲GIF演示
「點(diǎn)擊向上切換」查看給大家的新年幸運(yùn)簽,借此宣傳蘭芳園飲品并吸引讀者參與2024心愿話題活動(dòng)。
交互對(duì)應(yīng)編輯器組件/組合
組件:點(diǎn)擊-切換圖片(向上水平移出)
編號(hào):10172(組件)
08
雀巢優(yōu)活?
《優(yōu)活不NG,沉浸式過除夕》
▲GIF演示
「點(diǎn)擊彈窗」查看龍圖上的光點(diǎn)相應(yīng)的年俗介紹,借此宣傳雀巢優(yōu)活和除夕寵粉福利。
交互對(duì)應(yīng)編輯器組件/組合
組件:點(diǎn)擊-懸浮彈窗(無(wú)限次彈出,不同關(guān)閉位置)
編號(hào):11118(組件)
如果以上案例還沒有看夠,可以到「品牌時(shí)光機(jī)」交互圖文案例庫(kù)(網(wǎng)址:brandtime.cn)在節(jié)日分類中選擇「春節(jié)」查看更多相關(guān)案例。
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(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)論哦,快來評(píng)論一下吧!
全部評(píng)論(0條)