微信刷热搜,好玩到停不下来~

原创 收藏 评论
举报 2025-03-27

热搜总是会成为全民焦点,将热搜和推文结合,也能让推文更有趣!

那么如何在SVG交互推文里做热搜呢?这8篇品牌案例的热搜SVG交互图文带你解锁推文里的热搜,分别来自大众汽车陕西好猫AITO汽车西门子医学诊断MLB品牌亚马逊招聘PerfectDiary完美日记McCafe麦咖啡,一起来看看吧!

01

大众汽车

《是的,你上热搜了》


▲GIF演示

点此查看原文

「点击展开」模拟回顾2022年热搜,「上滑」介绍长安汽车的各个款式,借此宣传长安汽车。

交互对应编辑器组件/组合

组合:点击展开(有触发区)

编号:10051(组合)

组件:单层滑动-上滑(支持多张)

编号:10200(组件)

02

陕西好猫

《吃瓜:1000多年前的长安热搜榜长这样? 》


▲GIF演示

点此查看原文

「点击消失后下拉展开」不同古人和动物之间的故事,巧借春天的景象引出长安人与动物和谐相处的历史趣闻,借此宣传陕西好猫。

交互对应编辑器组件/组合

组合:点击消失+下拉展开(有触发区)

编号:10406(组合)

03

AITO汽车

《年度“热搜”大盘点,是谁上榜了?》


▲GIF演示

点此查看原文

「点击消失后展开」展示M9前脸设计,滑动屏幕查看汽车的各个细节,借此宣传AITO汽车。

交互对应编辑器组件/组合

组合:点击消失+展开(设置触发区域)

编号:11186(组合)

组合:左滑组合(自动对齐)

编号:10249(组合)

组件:点击-切换GIF动图

编号:10086(组件)

04

西门子医学诊断

《@所有人西家2023“热搜”盘点! 》


▲GIF演示

点此查看原文

多个平级「点击展开后点击返回」查看西门子医学诊断2023热点、以及战略合作、新品发布、技术革新、公益活动等的介绍,借此宣传西门子医学。

交互对应编辑器组件/组合

组件:点击展开,点击收回(无限循环)

编号:10237(组件)

05

MLB品牌

《上热搜了》


▲GIF演示

点此查看原文

「点击切换图片后展开」模拟揭晓校园热搜,「长按」呈现新品系列,LOGO呼应品牌潮酷调性,借此宣传MLB品牌。

交互对应编辑器组件/组合

组合:点击切换图片+展开(有触发区)

编号:10057(组合)

组件:长按-长按淡入,松手淡出

编号:10026(组件)

06

亚马逊招聘

《冲上热搜!跨境电商新新新新新新在哪儿?》


▲GIF演示

点此查看原文

「点击消失后展开」介绍跨境电商第10次写入政府工作报告,以及绿色贸易成新课题,借此宣传亚马逊招聘。

交互对应编辑器组件/组合

组合:点击消失+展开(设置触发区域)

编号:11186(组合)

组件:点击-切换图片(向下水平移出)

编号:10173(组件)

07

PerfectDiary完美日记

《[美女请进] 热搜妆容+全新眼影,归你了!》


▲GIF演示

点此查看原文

多个平级「点击展开」展示唇部位置呈现动态上妆效果,配合品牌柔雾渐变背景提升沉浸感,借此宣传完美日记系列口红色系。

交互对应编辑器组件/组合

组件:自动-Apple式交替切换

编号:10211(组件)

组合:点击展开(有触发区)

编号:10051(组合)

08

McCafe麦咖啡

《什么咖位啊?都整上热搜了》


▲GIF演示

点此查看原文

「点击无限选择切换图片」模拟查看麦咖啡热搜,借此宣传不同咖啡并突出咖啡温度感和品牌温暖调性,吸引读者前往评论区聊聊“你的麦咖啡年度回忆”。

交互对应编辑器组件/组合

组件:点击-无限选择切换图片(带返回)

编号:11161(组件)





如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)在首页中搜索「热搜」查看更多相关案例。

目前案例库总案例数已达80W+,其中8W+案例支持一键还原,制作同款效果非常方便。

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)