《端午節SVG交互圖文案例合集》
每年端午，除了品嘗美味的粽子、觀看熱鬧的龍舟賽，還有一大波精彩的公眾號SVG交互圖文等你解鎖！
想知道各大品牌是如何巧妙的將端午元素與互動體驗融合的嗎？為大家整理了8篇端午節案例，一起來看看吧。
它們分別來自長城葡萄酒、上海煙草、GDS萬國數據、國窖、廈門建發集團有限公司、霸王茶姬CHAGEE、阿爾法羅密歐汽車、藥明生物品牌。
往年端午節合集戳：
同樣是粽子、龍舟，看奔馳、美的10個品牌把端午節玩出新花樣！
01
長城葡萄酒
《五月五日午，贈你一顆粽》
▲GIF演示
長城葡萄酒通過連續「點擊播放SVG動效」的交互模擬包粽子，借龍舟送祝福，祝大家端午安康、團圓喜樂。
該交互需定制
02
上海煙草
《濃情端午艾草飄香，“粽“享一夏，快來迎接這波節日福利吧！》
▲GIF演示
「點擊移動元素后放大消失后展開」邀請用戶設計端午海報，參與節日限定活動抽獎，借此和大家互動并祝大家端午節快樂！
交互對應編輯器組件/組合
組合：點擊移動元素后放大消失+展開
編號：11833（組合）
組件：多組滑動拼接自定義海報(3組)
編號：11818（組件）
03
GDS萬國數據
《龍舟競渡，福順相隨！》
▲GIF演示
「依次點擊播放序列幀」模擬龍舟前進，最后「點擊展開」送福順相隨，并祝大家端午節安康！
該交互需定制
04
國窖
《粽情品味間》
▲GIF演示
「點擊消失展開」國窖1573攜「云澗青龍」藝術作品演繹傳承新韻，「視差左滑」展示包裝設計，最后祝大家端午節快樂。
交互對應編輯器組件/組合
組合：點擊消失+展開(設置觸發區域)
編號：11186（組合）
組件：零高圖片(組合使用)
編號：11904（組件）
組件：視差滑動-左滑(只用于四組)-Apple同款
編號：11262（組件）
05
廈門建發集團有限公司
《端午|賽龍爭先，還看今朝》
▲GIF演示
「層層滑開后點擊展開」龍舟競渡的畫面，展現“同舟共濟、奮勇爭先”的精神，號召大家汲取“龍舟精神”逐浪前行，最后祝大家端午節快樂！
交互對應編輯器組件/組合
組合：層層滑開(左右交錯,首層向左)+點擊展開
編號：10551（組合）
06
霸王茶姬CHAGEE
《茶香粽香，端午的福利更香！》
▲GIF演示
「點擊切換GIF」介紹霸王茶姬CHAGEE新品夏夢玫瓏新品，「上滑」模擬龍舟穿過茶葉，「自動輪播」展示茶園美景，最后宣傳端午節直播活動，給人沉浸式的閱讀體驗。
交互對應編輯器組件/組合
組合：點擊播放GIF切換組合
編號：11773（組合）
組合：三層上滑組合
編號：11761（組合）
組件：自動-輪播Banner
編號：10207（組件）
07
阿爾法羅密歐汽車
《吃粽子了嗎？(低息好“利”端午大放"粽“)》
▲GIF演示
「點擊上移切換」模擬開啟端午節特供模式，「左滑」介紹不同顏色和型號的阿爾法羅密歐汽車，吸引讀者前往購買。
交互對應編輯器組件/組合
組合：點擊上移切換組合
編號：11788（組合）
組件：雙層滑動-前景左滑(自動對齊)
編號：10270（組件）
08
藥明生物
《一葉同舟知端陽，造福寰宇祈安康》
▲GIF演示
「點擊播放音頻同時切換GIF動圖」啟程模擬劃龍舟送祝福，祝大家端午安康、團圓喜樂！
交互對應編輯器組件/組合
組件：點擊播放音頻同時切換GIF動圖(需上傳素材,防誤觸,不可轉載)
編號：10105（組件）
如果以上案例還沒有看夠，可以到「品牌時光機」交互圖文案例庫（網址：brandtime.cn）在節日分類中點擊「端午節」查看更多相關案例。
目前案例庫總案例數已達80W+，其中8W+案例支持一鍵還原，制作同款效果非常方便。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）