《局部气候调查组SVG交互图文精选案例合集》

原创 收藏 评论
举报 2025-11-25

如何让硬核知识摆脱枯燥?局部气候调查组用SVG交互给出了答案。


今天为大家整理了8篇局部气候调查组公众号推文,一起来看看吧。


它们都来自局部气候调查组公众号。


*相关作品的著作权归局部气候调查组品牌方所有


01

局部气候调查组

《怎么就你问题最多?》


▲GIF演示

点此查看原文

「点击播放翻书GIF后视差左滑」查看写在作文本上的奇思妙想,「点击展开」揭秘本子的主人,借此宣传元宝解答的功能,吸引大家使用。

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

组合:点击播放GIF切换

编号:11773(组合)

组件:视差滑动-左滑(九组)-Apple同款

编号:11257(组件)

组件:点击-切换图片(有触发区)

编号:10043(组件)

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

编号:10057(组合)

02

局部气候调查组

《动物园里的精神病患者》


▲GIF演示

点此查看原文

「点击切换」对漫画中的动物住所进行扩建或改造,「拼图切换」展示不同的丰容效果,最后「点击展开」模拟用钥匙打开笼子后的世界,借此宣传丰容福袋。

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

组件:点击-切换图片(有触发区)

编号:10043(组件)

组件:滑动-拼图切换

编号:11918(组件)

组件:点击切换-自动恢复

编号:11152(组件)

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

编号:11186(组合)

03

局部气候调查组

《你是整蛊专家吗?》


▲GIF演示

点此查看原文

点击选项开始整蛊小测试,用趣味互动引导更多粉丝关注,同时,吸引大家答题互动并转发。

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

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

编号:10469(组合)

04

局部气候调查组

《小时候的你为什么这么“难杀”?》


▲GIF演示

点此查看原文

「三层穿透式上滑」模拟不同时期的小孩走过,用漫画展示婴儿的成长过程,借此宣传一个母亲公益机构。

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

组合:三层上滑组合

编号:11761(组合)

05

局部气候调查组

《月亮,碎了》


▲GIF演示

点此查看原文

在中秋佳节之际,局部气候调查组用「三层穿透式上滑」的交互将黄色的破碎光芒伴随滑动呈现,借此串连起漫画中的人物故事并祝大家中秋快乐。

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

组件:三层滑动-上滑(多张)

编号:10803(组件)

06

局部气候调查组

《“明天,请给我烧部switch 2”》


▲GIF演示

点此查看原文

在清明节前夜,局部气候调查组通过「点击向上擦除切换」的交互模拟烧掉长图,揭秘阴间鬼魂收到纸扎后的生活。

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

组件:点击-向上擦除切换(多张图)

编号:11416(组件)

07

局部气候调查组

《当一份聊天记录pdf传开后》


▲GIF演示

点此查看原文

「伴随阅读播放」漫画里的发光处背后的内容,模拟偷窥一下看看大家的热搜话题,吸引大家评论关于上海女老师出轨16岁学生的事件,最后引起大家关于舆论的反思。

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

组件:特殊-GIF动图跟随阅读播放

编号:10052(组件)


08

局部气候调查组

《被骗,像呼吸一样简单》


▲GIF演示

点此查看原文

「点击切换」查看深海、菜地或森林中的可疑生物,带大家探险的同时科普相关知识。

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

组件:点击-切换图片(多触发区)

编号:11514(组件)



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


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

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)