《2024年10月品牌SVG交互圖文Top30》
在剛剛過去的2024年10月，有哪些值得關注的優秀SVG交互圖文？
今天為大家整理10篇10月的優秀SVG交互圖文，分別來自中科院之聲、央視新聞、人民日報、波司登、長安汽車、新世相、百達翡麗Patek Philippe、阿斯頓馬丁中國、NewBalance中國、HERMES，這些使用了交互效果的圖文不僅讓人眼前一亮，更是讓數據得到有效提升！
往期月份：9月Top30 | 8月Top30 | 7月Top30 | 6月Top30 | 5月Top30 | 4月Top30 | 3月Top30 | 2月Top30 | 1月Top30
01
中科院之聲
《六十載豐碑永存！今天，向他們致敬！》
▲GIF演示
在中國第一顆原子彈爆炸60周年紀念日，中科院通過「自動展開」和「SVG軌跡移動」相結合的交互徐徐展開長圖，為大家講解“兩彈一星”的故事，借此傳承并弘揚“兩彈一星”精神和科學家精神。
該交互需定制
02
央視新聞
《今天，我們一起升國旗》
▲GIF演示
絕大多數人都沒機會升國旗，央視新聞在圖文用「點擊播放音頻同時圖片移動」的交互排版模擬奏國歌升國旗，在國慶節這天滿足了大家的愿望，激發大家的愛國熱情。
該交互需定制
03
人民日報
《喜歡你！》
▲GIF演示
人民日報用「三層穿透式滑動」的交互向祖國表達愛意。三層內容，中間的愛心不動，前景和背景跟隨手指的滑動而移動，在滑動過程中，愛心不斷與前景內容形成各種互動。
交互對應編輯器組件/組合
組件：三層滑動-上滑(多張)
編號：10803（組件）
04
波司登
《感謝寒冷｜走進風雪，奏響極地之歌》
▲GIF演示
「點擊播放SVG軌跡移動動畫」依次帶大家回顧中國極地考察40周年歷程尋跡極地探索背后的故事，借此宣傳波司登品牌服裝，吸引讀者前往購買。
該交互需定制
05
長安汽車
《第四屆長安汽車科技生態大會到底講了什么？》
▲GIF演示
「點擊切換」后「自由滑動」帶大家查看新汽車新生態，借此宣傳長安汽車的各個細節與創意。
該交互需定制
06
新世相
《建議你在萬圣節穿這個去上班：》
▲GIF演示
新世相通過引導大家「點擊答題」的交互方式吸引讀者參與調查問卷，最后生成年度人物，吸引大家測試并傳播。
該交互需定制
07
百達翡麗Patek Philippe
《首發 | 大方無隅》
▲GIF演示
「自動播放GIF后消失展開」百達翡麗Patek Philippe的全新手表的細節與創意，「點擊切換選擇」查看不同款式的腕表，借此吸引讀者前往購買。
交互對應編輯器組件/組合
組合：自動消失+展開
編號：11887（組合）
組合：無限選擇切換內容(三組)
編號：11707（組合）
08
阿斯頓馬丁中國
《請進，阿斯頓·馬丁影院》
▲GIF演示
「點擊展開」介紹阿斯頓馬丁汽車的各個細節，「點擊橫向展開」DB12《金手指》版汽車，借此吸引讀者賞車預約。
交互對應編輯器組件/組合
組合：點擊展開(可嵌套展開)
編號：10875（組合）
組合：點擊-橫向展開
編號：11501（組合）
09
NewBalance中國
《niko and ... 合作系列鞋款全新上市》
▲GIF演示
New Balance通過「左滑」展示和niko and ...攜手推出的全新合作系列鞋款，借此宣傳New Balance，吸引讀者前往購買。
交互對應編輯器組件/組合
組合：長屏左滑組合(自動對齊)
編號：10868（組合）
組件：點擊-圖片放大
編號：11365（組件）
10
HERMES
《尋找埃米爾·愛馬仕的珍藏》
▲GIF演示
愛馬仕通過「長按」的交互模擬觸發線索，一探愛馬仕之物的究竟，借此宣傳HERMES，吸引更多客戶購買愛馬仕之物。
交互對應編輯器組件/組合
組件：長按-長按淡入,松手淡出
編號：10026（組件）
如果以上案例還沒有看夠，可以到「品牌時光機」交互圖文案例庫（網址：brandtime.cn）中點擊「時間篩選」選擇「2024年10月」查看更多相關案例。
目前案例庫總案例數已達70W+，其中7W+案例支持一鍵還原，制作同款效果非常方便。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）