《618 SVG交互圖文案例合集》
??618購物狂歡節(jié)即將到來，品牌們是不是迫不及待想要探索各種創(chuàng)意滿滿的SVG交互來宣傳產(chǎn)品了？
今天整理了8篇618 SVG圖文案例，分別來自大眾進(jìn)口汽車、PerfectDiary完美日記、CROCS卡駱馳、UrbanDecayCosmetics、峰米投影、DanielWellington、戴爾、Jordan中國，一起看下吧！
01
Jordan中國
《618 Jordan內(nèi)部資料.pdf》
▲GIF演示
「點(diǎn)擊圖片順時(shí)針旋轉(zhuǎn)切換」查看Jordan中國的產(chǎn)品、優(yōu)惠政策等方面的介紹，吸引讀者關(guān)注并參與活動。
該交互需定制
02
大眾進(jìn)口汽車
《我們把618的福利“打下來”了！》
▲GIF演示
「點(diǎn)擊切換后展開」對大眾進(jìn)口汽車品牌的優(yōu)惠政策、購車福利等方面的介紹，吸引讀者關(guān)注并參與活動。
交互對應(yīng)編輯器組件/組合
組合：點(diǎn)擊切換GIF動圖+展開(有觸發(fā)區(qū))
編號：10075（組合）
組件：三層滑動-上滑(多張）
編號：10803（組件）
03
完美日記
《????瘋 狂 星 期 四 之 618 撿 漏 版》
▲GIF演示
「點(diǎn)擊展開」解鎖618期間一些優(yōu)惠活動介紹，多個(gè)平級「點(diǎn)擊展開」介紹PerfectDiary完美日記的各個(gè)系列產(chǎn)品，「左滑」查看詳細(xì)介紹和購買方式，吸引大家前往購買。
交互對應(yīng)編輯器組件/組合
組合：點(diǎn)擊展開(可嵌套展開,固寬)
編號：10875（組合）
組合：左滑組合點(diǎn)此0元購
編號：10153（組合）
組件：淘口令-圖片(可調(diào)字體大小)
編號：10194（組件）
04
CROCS卡駱馳
《618抄作業(yè)啦！狂歡全場5折起!》
▲GIF演示
「點(diǎn)擊切換后展開」CROCS卡駱馳品牌的鞋類產(chǎn)品、優(yōu)惠政策等介紹，「點(diǎn)擊切換，點(diǎn)擊返回」一次查看每個(gè)模特的的穿搭介紹，「左滑」查看同款并購買。
交互對應(yīng)編輯器組件/組合
組合：點(diǎn)擊切換圖片+展開(有觸發(fā)區(qū))
編號：10057（組合）
組件：點(diǎn)擊-懸浮彈窗(無限次彈出,不同關(guān)閉位置)
編號：11118（組件）
05
UrbanDecayCosmetics
《即刻登陸618玩妝超次元！》
▲GIF演示
「點(diǎn)擊消失后從頭展開」618潮妝狂歡的介紹，然后「點(diǎn)擊彈窗」查看單品詳情介紹，「左滑」了解驚喜套組，吸引更多客戶購買心動好物。
交互對應(yīng)編輯器組件/組合
組合：點(diǎn)擊消失+從頭展開(有觸發(fā)區(qū))
編號：10402（組合）
組件：點(diǎn)擊-懸浮彈窗(有限次彈出,相同關(guān)閉位置)
編號：11147（組件）
06
峰米投影
《峰米投影618沖刺，跟著這篇買準(zhǔn)沒錯(cuò)！》
▲GIF演示
「左滑」查看峰米投影產(chǎn)品的詳細(xì)介紹，「點(diǎn)擊彈出」查看優(yōu)惠活動，吸引讀者關(guān)注并參與618年中大促活動。
交互對應(yīng)編輯器組件/組合
組合：左滑組合(自動對齊)
編號：10249（組合）
組件：點(diǎn)擊彈出-彈出圖片(有觸發(fā)區(qū))
編號：10069（組件）
07
DanielWellington
《618把個(gè)脈，你是濃人or淡人》
▲GIF演示
雙向滑動，「左滑」查看推薦給濃人的Daniel Wellington品牌的產(chǎn)品，「右滑」查看推薦給淡人的產(chǎn)品，引起大家的共鳴并吸引購買。
交互對應(yīng)編輯器組件/組合
組件：左滑組合(自動對齊)
編號：10249（組合）
組件：單層滑動-右滑(自動對齊)
編號：10240（組件）
08
戴爾
《今晚8點(diǎn)，戴爾618福利提前享！》
「開門滑動」查看戴爾品牌的筆記本電腦、臺式機(jī)、服務(wù)器等產(chǎn)品的介紹，以及618期間的優(yōu)惠政策和購買指南。吸引大家購買。
交互對應(yīng)編輯器組件/組合
組件：開門滑動-左右開門
編號：10875（組合）
轉(zhuǎn)載請?jiā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條）