《2024年6月品牌SVG交互圖文Top30》
在剛剛過去的2024年6月，有哪些值得關(guān)注的優(yōu)秀SVG交互圖文？
今天為大家整理10篇6月的優(yōu)秀SVG交互圖文，分別來自騰訊、國窖1573、i排版編輯器、歐萊雅中國、釘釘、快手、QQ星、騰訊視頻VIP、蘭博基尼汽車中國、美團(tuán)Meitua，這些使用了交互效果的圖文不僅讓人眼前一亮，更是讓數(shù)據(jù)得到有效提升！
01
騰訊
《來找我呀 (●(?)●)(●(?)●)(●(?)●)》
▲GIF演示
多次「點(diǎn)擊」嘗試找出一只特別的大熊貓，當(dāng)找到該熊貓時就會觸發(fā)「播放序列幀后展開」的交互，向大家介紹全球首只全真大熊貓，「左滑」查看更多細(xì)節(jié)照片，吸引大家互動。
該交互需定制
02
國窖1573
《「寫寫」父親》
▲GIF演示
「點(diǎn)擊展開」父子之間的場景和爸爸說的話，伴隨線條的延伸，感情逐漸加深，借此宣傳國窖1573，吸引讀者在評論區(qū)一起寫寫父親，
交互對應(yīng)編輯器組件/組合
組合：點(diǎn)擊-線條軌跡+展開
編號：11893（組合）
03
i排版編輯器
《新老老老老老老老老老老虎機(jī)》
▲GIF演示
「連續(xù)點(diǎn)擊切換圖片后展開」模擬老虎機(jī)的游戲，介紹i排版編輯器618的優(yōu)惠福利，吸引更多客戶購買編輯器會員。
交互對應(yīng)編輯器組件/組合
組合：連續(xù)點(diǎn)擊-老虎機(jī)式滾動切換+展開
編號：11874（組合）
組件：左右浮動
編號：10295（組件）
組件：自動-兩側(cè)移入移出
編號：11740（組件）
組件：點(diǎn)擊彈出-彈出圖片(設(shè)置多個觸發(fā)區(qū))
編號：10100（組件）
04
歐萊雅中國
《“有意思青年”已是next level》
▲GIF演示
「連續(xù)點(diǎn)擊順時針旋轉(zhuǎn)切換后展開」“有意思青年”的12支高校戰(zhàn)隊，「視差左滑」查看更多活動現(xiàn)場照片，借此提升歐萊雅的知名度。
交互對應(yīng)編輯器組件/組合
組合：連續(xù)點(diǎn)擊-圖片順時針旋轉(zhuǎn)切換+展開(有彈窗)
編號：11803（組合）
組件：視差滑動-左滑(只用于四組)-Apple同款
編號：11262（組件）
05
釘釘
《撿到了總裁手機(jī)并成功解鎖！》
▲GIF演示
「密碼解鎖上移后展開」模擬解鎖總裁的手機(jī)，「點(diǎn)擊彈出」或「播放視頻號」介紹釘釘?shù)牟煌δ埽璐宋脩粝螺d。
該交互需定制
06
快手
《噓，妙妙妙妙妙妙不可言》
▲GIF演示
快手通過「點(diǎn)擊同時播放序列幀動效和音頻后點(diǎn)擊伸縮展開」介紹快手非遺妙會，「左滑」查看受歡迎的非遺項目，吸引大家關(guān)注。
該交互需定制
07
QQ星
《賽羅奧特曼15周年 | 這次，宇宙頂流來了！》
▲GIF演示
在賽羅15周年時，「點(diǎn)擊切換并播放音頻后展開」QQ星與賽羅奧特曼聯(lián)名的牛奶介紹，「點(diǎn)擊展開」不同形態(tài)相應(yīng)的產(chǎn)品，吸引大家購買更多好禮和周邊介紹。
該交互需定制
08
騰訊視頻VIP
《劉亦菲人生無畏愛夠再說！今晚玫瑰即將盛放》
▲GIF演示
「前景上滑」模擬查看電視劇《玫瑰的故事》中的情節(jié)故事，其中穿插著「視差左滑」瀏覽各個角色的內(nèi)心獨(dú)白，借此宣傳《玫瑰的故事》電視劇，吸引讀者前往開通騰訊視頻VIP觀看電視劇。
交互對應(yīng)編輯器組件/組合
組合：三層上滑組合
編號：11761（組合）
09
蘭博基尼汽車中國
《感官沉浸「夢想之旅」》
▲GIF演示
「視差上滑」查看不同展廳和展品內(nèi)容，仿佛置身于一個夢幻般的藝術(shù)世界，借此宣傳夢想之旅展覽并吸引大家參展。
交互對應(yīng)編輯器組件/組合
組件：視差上滑
編號：11401（組件）
10
美團(tuán)Meituan
《天?氣?太?熱?，美團(tuán)電單車涼?涼?涼?涼?涼?涼?涼?了》
▲GIF演示
天氣漸熱，美團(tuán)通過「連續(xù)點(diǎn)擊切換多張圖片」的交互展示被座墊燙屁股的動畫，借此揭秘美團(tuán)電單車防燙座墊并宣傳美團(tuán)電單車。
交互對應(yīng)編輯器組件/組合
組件：連續(xù)點(diǎn)擊-切換多張GIF動圖(有觸發(fā)區(qū))
編號：10088（組件）
轉(zhuǎ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條）