《萬(wàn)圣節(jié)SVG交互圖文案例合集》
又快到一年一度的萬(wàn)圣節(jié)啦！
SVG 交互圖文互動(dòng)的特性，與萬(wàn)圣節(jié)調(diào)皮搗蛋的習(xí)俗真的太搭了。
今天整理了8篇萬(wàn)圣節(jié)的SVG圖文案例，分別來(lái)自真果粒、一只酸奶牛、金領(lǐng)冠、Continental德國(guó)馬牌輪胎、佳嘰Jargee、格力高glico、德國(guó)唯寶、好麗友，快來(lái)看看品牌們是如何打造充滿驚喜的萬(wàn)圣節(jié)吧！
01
真果粒
《點(diǎn)擊查收，真果粒版萬(wàn)圣節(jié)“鬼混”指南》
▲GIF演示
真果粒在萬(wàn)圣節(jié)通過(guò)「自動(dòng)展開(kāi)」黑白色漫畫(huà)描述女孩工作的一天，點(diǎn)擊變裝從下往上「擦除切換」填充新的彩色內(nèi)容的同時(shí)展開(kāi)剩下內(nèi)容，借此宣傳真果粒萬(wàn)圣變裝趴，巧妙地增加品牌活動(dòng)的趣味性。
該交互需定制
02
一只酸奶牛
《保持自在“瘋”格，萬(wàn)圣節(jié)不做打工“鬼”》
▲GIF演示
萬(wàn)圣節(jié)，一只酸奶牛也來(lái)湊熱鬧，「連續(xù)點(diǎn)擊翻頁(yè)切換后展開(kāi)」萬(wàn)圣節(jié)瘋格指南，引起眾多打工人的共鳴，吸引大家互動(dòng)留言，借此宣傳「自在瘋格」活動(dòng)。
交互對(duì)應(yīng)編輯器組件/組合
組合：連續(xù)點(diǎn)擊切換GIF動(dòng)圖+點(diǎn)擊展開(kāi)(有觸發(fā)區(qū))
編號(hào)：10162（組合）
03
金領(lǐng)冠
《噓！萬(wàn)圣節(jié)召集可愛(ài)鬼一起去搗蛋（文末有寶藏哦！）》
▲GIF演示
「連續(xù)點(diǎn)擊切換圖片后展開(kāi)」模擬開(kāi)燈后開(kāi)啟尋寶之旅，多個(gè)平級(jí)「點(diǎn)擊切換圖片后展開(kāi)」模擬召喚小冠，探險(xiǎn)游戲的既視感引起了大家的好奇和圍觀，閱讀量在平時(shí)的2倍以上，借此更好地宣傳金領(lǐng)冠奶粉。
該交互需定制
04
Continental德國(guó)馬牌輪胎
《德國(guó)馬牌輪胎萬(wàn)圣節(jié)主題樂(lè)園上線！你能通關(guān)嗎？》
▲GIF演示
「點(diǎn)擊推進(jìn)攝像頭彈窗」展示各個(gè)鬼怪的友情提醒，依次講述開(kāi)車(chē)遇到的各種“糟心事”，吸引大家去挑選品質(zhì)更好的輪胎，從而宣傳Continental德國(guó)馬牌輪胎，更具說(shuō)服力。
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊-推進(jìn)攝像頭(無(wú)限次彈出,相同關(guān)閉位置)
編號(hào)：11863（組件）
05
佳嘰Jargee
《佳里有鬼｜你的萬(wàn)圣計(jì)劃是：為i做E！》
▲GIF演示
萬(wàn)圣節(jié)，佳嘰Jargee通過(guò)「點(diǎn)擊切換GIF后展開(kāi)」的SVG交互模擬開(kāi)燈，先引起大家的好奇心，再「點(diǎn)擊切換GIF后展開(kāi)」新品萬(wàn)圣節(jié)聯(lián)名款娃娃的介紹，結(jié)合了E人I人和萬(wàn)圣節(jié)的熱點(diǎn)，更能吸引客戶。
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊切換GIF動(dòng)圖+展開(kāi)(可嵌套展開(kāi),有觸發(fā)區(qū),固寬)
編號(hào)：10935（組合）
組件：點(diǎn)擊-切換圖片(有觸發(fā)區(qū))
編號(hào)：10043（組件）
06
格力高glico
《萌化你的萬(wàn)圣節(jié)零食都在這里！》
▲GIF演示
「左右滑開(kāi)后點(diǎn)擊展開(kāi)」模擬撥開(kāi)小惡魔后查看格力高glico萬(wàn)圣節(jié)零食的制作過(guò)程介紹，「點(diǎn)擊飄落后切換」查看各種萬(wàn)圣節(jié)零食，吸引大家購(gòu)買(mǎi)并分享萬(wàn)圣節(jié)計(jì)劃。
交互對(duì)應(yīng)編輯器組件/組合
組合：層層滑開(kāi)(左右交錯(cuò),首層向右)+點(diǎn)擊展開(kāi)
編號(hào)：10554（組合)
組件：點(diǎn)擊-飄落切換圖片
編號(hào)：10839（組件）
07
德國(guó)唯寶
《萬(wàn)圣前夕，誰(shuí)在衛(wèi)生間留下奇「怪」圖案》
▲GIF演示
萬(wàn)圣前夕，德國(guó)唯寶引導(dǎo)大家「點(diǎn)擊消失后展開(kāi)」衛(wèi)生間里留下的神秘暗號(hào)，「點(diǎn)擊切換選擇」查看圖形對(duì)應(yīng)的德國(guó)唯寶馬桶細(xì)節(jié)，借此宣傳德國(guó)唯寶馬桶，出乎意料的方式更能抓住讀者的眼球并吸引大家參與線下秋季促銷(xiāo)及雙十一購(gòu)物慶典。
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊消失+展開(kāi)(設(shè)置觸發(fā)區(qū)域)
編號(hào)：11186（組合）
組件：Apple同款-無(wú)限選擇切換圖片(五組及以上)
編號(hào)：11277 （組件）
08
好麗友
《萬(wàn)圣節(jié)“捉鬼”挑戰(zhàn)，有膽你就來(lái)》
▲GIF演示
萬(wàn)圣節(jié)之際，好麗友通過(guò)「點(diǎn)擊切換」的SVG交互模擬答題，吸引大家互動(dòng)揪出南瓜燈中的鬼，有趣又新奇的交互使得這篇圖文閱讀量在平時(shí)的2倍以上，借此吸引大家互動(dòng)留言領(lǐng)取萬(wàn)圣節(jié)限定南瓜燈禮包。
交互對(duì)應(yīng)編輯器組件/組合
組件：點(diǎn)擊-切換圖片
編號(hào)：10005（組件）
如果以上案例還沒(méi)有看夠，可以到「品牌時(shí)光機(jī)」交互圖文案例庫(kù)（網(wǎng)址：brandtime.cn）中節(jié)日分類(lèi)點(diǎn)擊「萬(wàn)圣節(jié)」查看更多相關(guān)案例。
轉(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條）