《2024年3月SVG交互圖文大賞》
想知道2024年3月火爆的SVG交互圖文都有哪些嗎？
今天為大家整理10篇3月的優(yōu)秀SVG交互圖文，分別來自央視新聞、人民網(wǎng)、Apple、GQ實驗室、李寧、米其林中國、Babycare、瀘州老窖、美的集團、NIKE，這些使用了交互效果的圖文不僅讓人眼前一亮，更是讓閱讀量、點贊數(shù)飆升！
01
央視新聞
《出 發(fā) ！去 追 光 ！???方表全公開》
▲GIF演示
點擊央視新聞的這篇圖文，跟隨光點一起展開更多的內(nèi)容，手指下滑的同時對話框和文字等內(nèi)容一一浮現(xiàn)或彈出，吸引大家了解我國新質(zhì)生產(chǎn)力的發(fā)展。
交互對應(yīng)編輯器組件/組合
02
人民網(wǎng)
《今日春分，萬象“耕”新！》
▲GIF演示
「點擊展開」的同時播放拖拉機耕種的動畫，長圖漫畫逐漸從模糊到清晰，帶大家領(lǐng)略春耕的震撼，祝福今年豐收。
交互對應(yīng)編輯器組件/組合
03
Apple
《今晚 Apple 靜安開幕，等你進店來一場都市漫步。》
▲GIF演示
「點擊消失后展開」Apple新零售店的探店之旅，「左滑」查看店面的細節(jié)，「點擊橫向展開」更多Apple產(chǎn)品介紹，吸引大家前往實體店打卡。
交互對應(yīng)編輯器組件/組合
04
GQ實驗室
《朱一龍？？？？？？》
▲GIF演示
「點擊不同選項切換選擇」不同的搭配，最后生成不一樣的朱一龍海報，模擬完成一場角色扮演的游戲，吸引大家互動。
交互對應(yīng)編輯器組件/組合
05
李寧
《誰的身體還在為 i 做 e ？》
▲GIF演示
「點擊切換后展開」模擬開始答題測試，最后根據(jù)選項推測你屬于哪一種類型，「左滑」依次介紹李寧新款服裝。
交互對應(yīng)編輯器組件/組合
06
米其林中國
《神奇的樹木在這里！》
▲GIF演示
植樹節(jié)之際，米其林通過「自動SVG軌跡移動」的交互模擬線條延申吸引用戶的目光，借此宣傳“0碳出行”。
交互對應(yīng)編輯器組件/組合
07
Babycare
《春季新品 | 上新一座游樂場》
▲GIF演示
「上滑」模擬精靈小人乘著綠葉滑翔傘降落的情景，過程中可以「點擊切換查看」Babycare春季限定系列套裝的介紹，吸引大家評論#你最喜歡哪款春季限定#話題，從而領(lǐng)取禮品。
交互對應(yīng)編輯器組件/組合
組合：三層上滑組合點此免費領(lǐng)取
編號：11761（組合）
組件：點擊-切換GIF動圖(有觸發(fā)區(qū))點此免費領(lǐng)取
編號：10087（組件）
組件：自動-輪播Banner(超鏈接)
編號：10209（組件）
組件：自動-輪播Banner(向右、超鏈接)
編號：10894（組件）
08
瀘州老窖
《這壇醞釀了700年的酒，是瞬間，也是永恒》
▲GIF演示
「連續(xù)點擊鏡頭式放大消失后展開」瀘州老窖的釀造過程，借此宣傳瀘州老窖·國窖1573封藏大典，吸引大家一起來開啟“生命中的那壇酒”。
交互對應(yīng)編輯器組件/組合
組合：連續(xù)點擊-鏡頭式放大消失+展開點此免費領(lǐng)取
編號：11842（組合）
09
美的集團
《假如世界沒有女人？》
▲GIF演示
「連續(xù)點擊」模擬上帝給碗里加配方的方式創(chuàng)造女人，引起大家的共鳴，然后「點擊展開」3838美的眼的視頻，借此祝大家女神月快樂！
交互對應(yīng)編輯器組件/組合
組合：連續(xù)點擊切換GIF動圖+點擊展開(有觸發(fā)區(qū))
編號：10162（組合）
10
NIKE
《JORDAN WORLD OF FLIGHT 北京，歡迎你抵達》
▲GIF演示
「上滑」模擬乘電梯的方式查看NIKE系列服裝介紹，「左滑」查看更多細節(jié)，吸引大家前往小程序購買。
交互對應(yīng)編輯器組件/組合
組合：上滑組合(自動對齊)
編號：11382（組合）
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）