《夏至SVG交互圖文案例合集》
夏至的腳步越來越近，SVG交互圖文里該如何營造夏日風情？
為大家整理了8篇夏至SVG交互圖文案例，一起來看看吧。
它們分別來自GRAFF格拉夫、純甄、CoCo都可、海爾冷柜、阿維塔、愛瑪服務、Panasonic松下中國、山水懷柔公眾號。
01
GRAFF格拉夫
《蝶舞盛夏》
▲GIF演示
「上下滑動」模擬老虎機游戲，然后「點擊展開」結合夏季元素，展現品牌與蝴蝶相關的珠寶設計，借此宣傳GRAFF格拉夫品牌首飾，吸引讀者前往購買。
該交互需定制
02
純甄
《純甄相伴，美味一夏！》
▲GIF演示
「點擊切換后展開」以夏季為場景，強調純甄產品陪伴消費者度過美味夏日，借此宣傳純甄酸牛奶。
交互對應編輯器組件/組合
組合：點擊切換GIF動圖+展開(有觸發區)
編號：10075（組合）
組件：點擊-切換圖片
編號：10005（組件）
03
CoCo都可
《今日夏至|CoCo清你吃冰淇淋》
▲GIF演示
「連續點擊切換多張圖片后展開」借夏至節氣推出冰淇淋免費吃以及CoCo都可新款飲品優惠活動，吸引消費者到店。
交互對應編輯器組件/組合
組合：連續點擊切換圖片+消失展開(有觸發區)
編號：10469（組合）
組件：點擊-無限選擇切換圖片
編號：11765（組件）
04
海爾冷柜
《好長———的夏至》
▲GIF演示
「自動層層展開」介紹海爾在冷柜的保鮮功能，呼應夏日存儲需求，借此宣傳海爾冷柜。
交互對應編輯器組件/組合
組件：自動層層展開 | 《紅了》
編號：11273（組件）
05
阿維塔
《今日夏至，小塔好 city~ 啊》
▲GIF演示
「上滑」營造夏日城市出行場景，傳遞輕松、時尚的品牌調性，借此宣傳阿維塔汽車，吸引讀者前往試駕。
交互對應編輯器組件/組合
組件：三層滑動-上滑(多張）
編號：10803（組件）
06
愛瑪服務
《高溫=“炸彈”？炎炎夏日 如何養護愛車？》
▲GIF演示
「追光燈點擊伸縮式展開」針對夏季高溫天氣，科普電動車的養護技巧，解決高溫可能對車輛造成的損害問題，借此宣傳愛瑪服務。
交互對應編輯器組件/組合
組合：追光燈+點擊伸縮式展開
編號：11601（組合）
07
Panasonic松下中國
《夏至納涼指南：古代風雅VS現代科技》
▲GIF演示
「點擊圖片順時針旋轉切換」以夏至為切入點，對比古代與現代的納涼方式，展現從古至今人們的納涼智慧，借此宣傳Panasonic松下相關產品。
交互對應編輯器組件/組合
組件：連續點擊-圖片順時針旋轉切換(下、有觸發區)
編號：11283（組件）
08
山水懷柔
《這個夏天，懷柔自帶BGM》
▲GIF演示
在夏至時節，山水懷柔通過引導大家點擊播放「音頻」的方式來沉浸式體驗夏天，借此宣傳懷柔的美好夏日。
交互對應編輯器組件/組合
組件：音頻-視頻式音頻(可調按鈕大小及位置,可轉載)
編號：11345（組件）
如果以上案例還沒有看夠，可以到「品牌時光機」交互圖文案例庫（網址：brandtime.cn）在首頁中搜索「夏至」查看更多相關案例。
目前案例庫總案例數已達80W+，其中8W+案例支持一鍵還原，制作同款效果非常方便。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）