《夏?日?S?V?G?交?互?圖?文?案?例?合?集?》
夏天到啦！想要將海浪、冰淇淋、西瓜等夏日元素都搬進圖文里，讓設計充滿夏日的活力和趣味嗎？
今天整理了8篇夏日SVG圖文案例，分別來自CoCo都可、雷克薩斯中國、巴拉巴拉官方服務號、雪中飛、Bananain蕉內、長安福特、Apple、深藍汽車DEEPAL，一起來學習下，可以讓我們的內容更加生動、有趣！
01
CoCo都可
《大大大桶出擊！水果噸噸桶回歸陪你夏日浪不停！》
▲GIF演示
「點擊消失后展開并播放音頻」展示水果噸噸桶回歸的活動，依次介紹不同水果，借此宣傳CoCo水果茶。
該交互需定制
02
雷克薩斯中國
《? 夏日播放中》
▲GIF演示
「點擊展開」模擬開啟專屬夏日駕趣歌單，然后依次「點擊播放音頻」展示不同場景下開車聽的音樂，借此宣傳雷克薩斯汽車。
交互對應編輯器組件/組合
組合：點擊展開(有觸發區)
編號：10051（組合）
組件：音頻-隱藏式音頻(需上傳素材,防誤觸)
編號：10103（組件）
03
巴拉巴拉官方服務號
《童「鞋」，你的夏日“足”夠閃耀！》
▲GIF演示
巴拉巴拉品牌通過「點擊展開」的交互展示夏日童鞋的流行趨勢，鼓勵孩子們穿上多彩、閃耀的鞋子，吸引更多客戶購買。
交互對應編輯器組件/組合
組合：點擊展開(有觸發區)
編號：10051（組合）
組件：遮罩
編號：10829（組件）
04
雪中飛
《雪芙芙夏日限定色號》
▲GIF演示
「點擊后自動層層展開」介紹雪芙芙夏日系列限定色號產品，強調其多彩和時尚的特點，借此宣傳雪中飛服飾，吸引大家購買。
交互對應編輯器組件/組合
組合：點擊+自動層層展開(最后一層可嵌套)
編號：11375（組合）
05
Bananain蕉內
《夏 天 ，該 換 了》
▲GIF演示
進入夏天后，蕉內通過「點擊自定義」穿搭的方式模擬穿衣游戲，引導大家互動生成自己專屬的穿搭小人并傳播，「左滑」查看更多模特穿搭和購買鏈接，吸引大家入手同款。
交互對應編輯器組件/組合
組件：自定義海報(按鈕在上,3排)
編號：11782（組件）
組件：雙層滑動-前景左滑(自動對齊、小程序)
編號：10479（組件）
06
長安福特
《這個夏天，好有「派」頭》
▲GIF演示
依次「點擊翻轉切換」介紹長安福特汽車的各個細節以及款式，借此宣傳長安福特汽車，吸引大家購買。
交互對應編輯器組件/組合
組件：點擊-左右翻轉切換圖片
編號：10197（組件）
組件：零高圖片
編號：10224（組件）
07
Apple
《可是健身真的很好玩啊。》
▲GIF演示
「左滑」依次查看Apple智能手表的功能，用「序列幀」的交互方式展示動畫，借此宣傳Apple智能手表，吸引大家購買。
交互對應編輯器組件/組合
組合：左滑組合(自動對齊)
編號：10249（組合）
組件：點擊-無限選擇切換圖片(帶返回)
編號：11161（組件）
08
深藍汽車DEEPALe
《夏日出游計劃正在加載...》
▲GIF演示
深藍汽車通過「三層上滑」模擬開車穿過城市，借此宣傳深藍汽車外觀、功能和配置，吸引大家購買。
交互對應編輯器組件/組合
組件：三層滑動-上滑(多張）
編號：10803（組件）
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）