《母親節(jié)SVG交互圖文案例合集》
這個母親節(jié)，別再讓祝福停留在文字里！
這8個母親節(jié)SVG交互案例帶你領(lǐng)略數(shù)字時代最動人的母親節(jié)告白方式，一起來看看吧！
它們分別來自美贊臣每日悅享、認(rèn)養(yǎng)一頭牛、嘉寶Gerber、奧迪、海爾集團(tuán)、上汽MG名爵汽車、FITURE沸徹魔鏡、全心全意小天鵝品牌。
往年母親節(jié)合集戳：
01
美贊臣每日悅享
《母親節(jié)送啥？媽媽不會罵你亂花錢》
▲GIF演示
「自動SVG軌跡移動」圍繞母親節(jié)禮物推薦展開介紹母親節(jié)購兩盒即贈蘇州博物館限定禮盒，借此宣傳美贊臣母親節(jié)特惠活動。
該交互需定制
02
認(rèn)養(yǎng)一頭牛
《轉(zhuǎn)發(fā)給媽媽，一定會被夸！》
▲GIF演示
「自動層層展開」對媽媽的祝福，「點擊播放視頻號」查收認(rèn)養(yǎng)一頭牛的祝福，最后吸引大家互動并祝大家母親節(jié)快樂！
交互對應(yīng)編輯器組件/組合
組合：自動層層展開(最后一層可嵌套)
編號：11373（組合）
組件：視頻號-圖片
編號：10228（組件）
03
嘉寶Gerber
《今天起，我要做一個“自由PLUS”的媽媽》
▲GIF演示
「點擊順時針旋轉(zhuǎn)切換」帶大家查看媽媽的多彩世界，然后「點擊展開」互動話題并祝大家母親節(jié)快樂。
交互對應(yīng)編輯器組件/組合
組合：連續(xù)點擊-圖片順時針旋轉(zhuǎn)切換+展開(有彈窗)
編號：11803（組合）
04
奧迪
《這個母親節(jié)，WSLS人格火了》
▲GIF演示
「點擊消失后展開」給媽媽的MBTI人格測試，多個平級「點擊展開」MBTI背后相應(yīng)的秘密，其中穿插著「點擊切換」查看奧迪汽車的使用場景，借此宣傳奧迪汽車。
交互對應(yīng)編輯器組件/組合
組合：點擊消失+展開(可嵌套展開,有觸發(fā)區(qū))
編號：11848（組合）
組合：點擊展開(有觸發(fā)區(qū))
編號：10051（組合）
05
海爾集團(tuán)
《無論在哪里，我永遠(yuǎn)愛你！》
▲GIF演示
「點擊切換并播放音頻后展開」展示了來自五湖四海的海爾人和媽媽的合照以及對媽媽的真情告白，感恩媽媽的付出，最后送出互動福利。
交互對應(yīng)編輯器組件/組合
組合：點擊切換圖片+播放音頻+展開
編號：11361（組合）
06
上汽MG名爵汽車
《媽媽，人生是______》
▲GIF演示
「自動左右橫向擦除切換」展示不同的媽媽漫畫形象，然后「夾層上滑」查看人生的更多可能性和上汽MG名爵汽車的各個款式，最后祝大家母親節(jié)快樂！
交互對應(yīng)編輯器組件/組合
組件：自動-左右橫向擦除切換
編號：11334（組件）
組件：夾層滑動-上滑(三層滑動中間上滑,支持多張圖,自動對齊)
編號：12103（組件）
07
FITURE沸徹魔鏡
《用魔鏡的媽媽，有什么不一樣？（內(nèi)含專屬課程）》
▲GIF演示
多個平級「左滑」查看給不同母親的母親節(jié)專享課程禮包，「點擊播放視頻」展示課程，最后吸引大家互動并祝大家母親節(jié)快樂。
交互對應(yīng)編輯器組件/組合
組合：左滑組合(自動對齊)
編號：10249（組合）
組件：視頻-長方形無縫拼接(圖片封面)
編號：11117（組件）
08
全心全意小天鵝
《媽媽搖身一變，居然變成了···》
▲GIF演示
多個平級「左滑」模擬打開禮物盒，巧借母親節(jié)契機(jī)宣傳產(chǎn)品并開展互動活動，吸引大家參與以舊換新季活動。
交互對應(yīng)編輯器組件/組合
組件：雙層滑動-前景左滑(自動對齊)
編號：10270（組件）
如果以上案例還沒有看夠，可以到「品牌時光機(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條）