《雙11 SVG交互圖文案例合集》
現在的雙11,已經不單是指雙11這一天,而是前前后后持續20多天甚至一個月,京東、天貓的雙11本周已經開始了。
那品牌們發布的雙11圖文就不會只是一篇,所以給大家整理的雙11案例合集也不是一波,今天再來一波。上次合集戳:《雙11交互圖文清單.xls》
這次整理了魏牌新能源、NIKE、KATO-KATO、戴爾、大眾汽車、Dyson戴森、蘇秘37 、Bose的8篇雙11 SVG 交互圖文,如果還沒有想好怎么做,一定要再看看。
01
魏牌新能源
《11.11福利.RAR》
▲GIF演示
雙十一期間,「長按切換」模擬解壓壓縮包最后「點擊切換」查看WEY電商嘉年華禮包,吸引大家領取福利大獎。
該交互需定制
02
NIKE
《直擊雙11,新冬裝備帶你玩》
▲GIF演示
「左滑展開」雙11活動和秋冬裝備的介紹,「視差左滑」解鎖更多折扣攻略和驚喜福利,吸引大家趁此優惠購買商品。
該交互需定制
03
KATO-KATO
《<雙11鉅惠秘密文件>大公開!》
▲GIF演示
「連續點擊切換并展開」模擬打開文件夾的形式,展開后的內容模擬微信聊天頁面介紹各個單品,吸引大家領取KATO-KATO雙十一的優惠福利并購買。
交互對應編輯器組件/組合
組合:連續點擊切換GIF動圖+點擊展開(有觸發區)
編號:10162(組合)
04
戴爾
《戴爾京東雙十一,不容錯過的是_____?》
▲GIF演示
「自動展開」戴爾雙十一的優惠活動介紹,「左滑」查看商品介紹,方便大家挑選好物并購買。
交互對應編輯器組件/組合
組合:自動展開
編號:10863(組合)
組件:雙層滑動-前景左滑
編號:10018(組件)
05
大眾汽車
《速來!Get 11.11購物車滿分作業》
▲GIF演示
「點擊切換并展開」“大眾汽車好物狂歡”活動和購物清單的介紹,方便大家挑選寶藏好物。
交互對應編輯器組件/組合
組合:點擊切換圖片+展開(有觸發區)
編號:10057(組合)
06
Dyson戴森
《跨品牌換購戴森,限時開啟》
▲GIF演示
「點擊展開」戴森的三重優惠活動,「點擊左右翻轉卡片」查看用家中的閑置舊機換購戴森產品的說明,吸引大家下單換購優惠。
交互對應編輯器組件/組合
組合:點擊展開
編號:10307(組合)
組合:點擊翻轉-左滑組合(自動對齊)
編號:10835(組合)
07
蘇秘37
《雙11,這些護膚話題「爆」了》
▲GIF演示
「點擊展開」雙十一熱搜護膚話題的介紹,再次「點擊展開」熱搜榜上每一個話題的說明,更方便大家查閱。
交互對應編輯器組件/組合
組合:點擊展開(可嵌套展開,固寬)
編號:10875(組合)
組合:點擊展開(有觸發區)
編號:10051(組合)
08
Bose
《雙11會買第一名,快來抄作業????》
▲GIF演示
開頭動效序列幀展示新品,然后「左滑」查看雙11清單,既可以點擊跳轉京東,也可以復制淘口令去淘寶購買,更方便。
交互對應編輯器組件/組合
組件:自動-序列幀動效(永遠,限100張)
編號:10873(組件)
組合:長屏左滑組合(自動對齊)
編號:10868(組合)
組件:超鏈接-圖片(無角標)
編號:10033(組件)
組件:淘口令-圖片(可調字體大小)
編號:10194(組件)
如果以上案例還沒有看夠,可以到「品牌時光機」交互圖文案例庫(網址:brandtime.cn)中搜索「雙十一」、「雙11」、「11.11」查看更多相關案例。
目前案例庫總案例數已達40w+,其中4W+案例支持一鍵還原,制作同款效果非常方便。
現在掃碼體驗案例庫
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本文禁止轉載,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)