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