《年终总结SVG交互图文案例合集》

原创 收藏 评论
举报 2024-12-04

时间过得真快,转眼又到年底,年终总结的图文可以准备起来了!


去年也为大家推荐了一些案例:

《年终盘点图文怎么做才有意思?欧莱雅、京东方等8篇告诉你》

《年终总结SVG交互图文案例合集》


今天最新整理了8篇年终总结SVG图文案例,分别来自央视新闻、京东物流黑板报、智族Lab、联合国难民署互动社区、东风本田、渤海银行、字节跳动、泛林集团,一起看看品牌们的创意吧。



01

央视新闻

《看 完 这 篇 你 会 嘴 角 上 扬》

▲GIF演示

点此查看原文

「自动层层展开并点击播放音频」带大家回首过往一年的甜蜜瞬间,「点击伸缩式展开」模拟捕捉那些温馨甜蜜时刻,中间穿插「弹幕」展示人生百味,借此祝福大家2024更美好。

该交互需定制



02

京东物流黑板报

《“我在!”——京东物流2022年终盘点》

▲GIF演示

点此查看原文

依次「点击切换图片后展开」介绍京东小哥一年的拼搏之路,借此回顾京东物流背后的故事。

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

组合:点击消失+展开(可嵌套展开,有触发区)

编号:11848(组合)

组件:视频号-图片

编号:10228(组件)

03

智族Lab

《新中产的年终总结,看了会哭》

▲GIF演示

点此查看原文

在2021年底,智族通过引导大家选择2021年已完成的赛博生活进行测试,借此选择前味、中味和后味,最后生成结果海报,吸引大家互动和传播。

该交互需定制



04

联合国难民署互动社区

《一份特殊的年终总结》

▲GIF演示

点此查看原文

联合国难民署互动社区通过「点击指定元素后切换展开」的交互模拟解锁特殊年终总结,「左滑」查看2023动荡不安的照片,借此吸引大家关注阿富汗危机响应行动。

该交互需定制



05

东风本田

《2023年最后1天,让时光列车再出发!》

▲GIF演示

点此查看原文

东风本田通过「点击消失后展开」的交互模拟带大家搭乘上东风本田时光专列!「视差上滑」展示2023年的重大活动,借此宣传东风本田汽车。

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

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

编号:11186(组合)

组件:视差上滑

编号:11401(组件)

06

渤海银行

《【内有惊喜】@所有人,请查收2023年公众号年终总结!》

▲GIF演示

点此查看原文

渤海银行通过「点击切换选择」的交互模拟点击标签,回溯 2023 的难忘瞬间,「左滑」查看渤海银行年度总结,借此吸引大家接收年度账单。

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

组合:无限选择切换内容(五组及以上)

编号:11735(组合)

组件:单层滑动-左滑(自动对齐)

编号:10236(组件)

07

字节跳动

《字节跳动2023年度盘点已生成》

▲GIF演示

点此查看原文

「三层穿透式上滑」模拟回溯 2023年的重要成就,在滑动23次屏幕后回顾完2023年,借此迎来2024年并希望大家一起见证和参与新的一年。

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

组件:三层滑动-上滑(多张,自动对齐)

编号:11754(组件)

08

泛林集团

《2023年终总结 | 回望过去,启程迎“芯”》

▲GIF演示

点此查看原文

「连续点击打印图片」模拟打印出2023年的定格高光时刻,借此宣传泛林集团并展望2024年。

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

组件:连续点击-打印图片(有触发区)

编号:11171(组件)




如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)中搜索关键词「年终总结」「年度总结」「年终盘点」等查看更多相关案例。

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)