微信刷熱搜，好玩到停不下來~
熱搜總是會成為全民焦點(diǎn)，將熱搜和推文結(jié)合，也能讓推文更有趣！
那么如何在SVG交互推文里做熱搜呢？這8篇品牌案例的熱搜SVG交互圖文帶你解鎖推文里的熱搜，分別來自大眾汽車、陜西好貓、AITO汽車、西門子醫(yī)學(xué)診斷、MLB品牌、亞馬遜招聘、PerfectDiary完美日記、McCafe麥咖啡，一起來看看吧！
01
大眾汽車?
《是的，你上熱搜了》
▲GIF演示
「點(diǎn)擊展開」模擬回顧2022年熱搜，「上滑」介紹長安汽車的各個款式，借此宣傳長安汽車。
交互對應(yīng)編輯器組件/組合
組合：點(diǎn)擊展開(有觸發(fā)區(qū))
編號：10051（組合）
組件：單層滑動-上滑(支持多張)
編號：10200（組件）
02
陜西好貓?
《吃瓜:1000多年前的長安熱搜榜長這樣? 》
▲GIF演示
「點(diǎn)擊消失后下拉展開」不同古人和動物之間的故事，巧借春天的景象引出長安人與動物和諧相處的歷史趣聞，借此宣傳陜西好貓。
交互對應(yīng)編輯器組件/組合
組合：點(diǎn)擊消失+下拉展開(有觸發(fā)區(qū))
編號：10406（組合）
03
AITO汽車?
《年度“熱搜”大盤點(diǎn)，是誰上榜了?》
▲GIF演示
「點(diǎn)擊消失后展開」展示M9前臉設(shè)計，滑動屏幕查看汽車的各個細(xì)節(jié)，借此宣傳AITO汽車。
交互對應(yīng)編輯器組件/組合
組合：點(diǎn)擊消失+展開(設(shè)置觸發(fā)區(qū)域)
編號：11186（組合）
組合：左滑組合(自動對齊)
編號：10249（組合）
組件：點(diǎn)擊-切換GIF動圖
編號：10086（組件）
04
西門子醫(yī)學(xué)診斷?
《@所有人西家2023“熱搜”盤點(diǎn)! 》
▲GIF演示
多個平級「點(diǎn)擊展開后點(diǎn)擊返回」查看西門子醫(yī)學(xué)診斷2023熱點(diǎn)、以及戰(zhàn)略合作、新品發(fā)布、技術(shù)革新、公益活動等的介紹，借此宣傳西門子醫(yī)學(xué)。
交互對應(yīng)編輯器組件/組合
組件：點(diǎn)擊展開,點(diǎn)擊收回(無限循環(huán))
編號：10237（組件）
05
MLB品牌?
《上熱搜了》
▲GIF演示
「點(diǎn)擊切換圖片后展開」模擬揭曉校園熱搜，「長按」呈現(xiàn)新品系列，LOGO呼應(yīng)品牌潮酷調(diào)性，借此宣傳MLB品牌。
交互對應(yīng)編輯器組件/組合
組合：點(diǎn)擊切換圖片+展開(有觸發(fā)區(qū))
編號：10057（組合）
組件：長按-長按淡入,松手淡出
編號：10026（組件）
06
亞馬遜招聘?
《沖上熱搜!跨境電商新新新新新新在哪兒?》
▲GIF演示
「點(diǎn)擊消失后展開」介紹跨境電商第10次寫入政府工作報告，以及綠色貿(mào)易成新課題，借此宣傳亞馬遜招聘。
交互對應(yīng)編輯器組件/組合
組合：點(diǎn)擊消失+展開(設(shè)置觸發(fā)區(qū)域)
編號：11186（組合）
組件：點(diǎn)擊-切換圖片(向下水平移出)
編號：10173（組件）
07
PerfectDiary完美日記?
《[美女請進(jìn)] 熱搜妝容+全新眼影，歸你了！》
▲GIF演示
多個平級「點(diǎn)擊展開」展示唇部位置呈現(xiàn)動態(tài)上妝效果，配合品牌柔霧漸變背景提升沉浸感，借此宣傳完美日記系列口紅色系。
交互對應(yīng)編輯器組件/組合
組件：自動-Apple式交替切換
編號：10211（組件）
組合：點(diǎn)擊展開(有觸發(fā)區(qū))
編號：10051（組合）
08
McCafe麥咖啡?
《什么咖位啊？都整上熱搜了》
▲GIF演示
「點(diǎn)擊無限選擇切換圖片」模擬查看麥咖啡熱搜，借此宣傳不同咖啡并突出咖啡溫度感和品牌溫暖調(diào)性，吸引讀者前往評論區(qū)聊聊“你的麥咖啡年度回憶”。
交互對應(yīng)編輯器組件/組合
組件：點(diǎn)擊-無限選擇切換圖片(帶返回)
編號：11161（組件）
?
如果以上案例還沒有看夠，可以到「品牌時光機(jī)」交互圖文案例庫（網(wǎng)址：brandtime.cn）在首頁中搜索「熱搜」查看更多相關(guān)案例。
目前案例庫總案例數(shù)已達(dá)80W+，其中8W+案例支持一鍵還原，制作同款效果非常方便。
轉(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條）