搓搓小手,还有两个月就是新的一年,不少小伙伴年终总结推文已经开始策划了。
你的年终总结还停留在成果陈列上吗?如何让年终总结变得更有互动感和参与感?
今天先为大家整理8篇年终总结SVG交互图文,一起来看看吧。
它们分别来自人民网、CharlesKeithOfficial、小米公司、小鹏汽车、海鸥表、大众进口汽车服务中心、中电光谷、默沙东招聘公众号。
「三层上滑」模拟人物跑过,背景是2023年每个月的重要事件和评论,借此带大家总结2023年,展望2024年。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:三层上滑组合
编号:11761(组合)
组件:点击弹出-弹出图片
编号:10068(组件)
「连续点击选项展开后」自定义生成不同的年度形象,带大家一起解锁查看 “2023 年度形象” 报告,「左滑」查看所有的年度形象,借此展示CharlesKeithOfficial品牌搭配好的系列服装。
在2023年结束,2024年伊始的时候,小米通过引导大家「点击开启SVG轨迹动画」伴随着线条的延伸,带大家回顾和了解2023年推出的产品。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:点击-线条轨迹+展开
编号:11893(组合)
「连续点击打印图片」回顾小鹏汽车 2024 年关键经营数据与战略规划的难忘瞬间,借此宣传小鹏汽车。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件:连续点击-打印图片(有触发区)
编号:11171(组件)
组合:自动展开
编号:10863(组合)
组件:特殊-GIF动图跟随阅读播放
编号:10052(组件)
组件:单层滑动-左滑
编号:10020(组件)
「点击切换GIF动图后展开」围绕品牌经典传承与创新合作展开,通过多款特色腕表及主题板块,展现品牌在腕表设计、文化承载与跨界合作上的成果,借此宣传海鸥表。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:点击切换GIF动图+展开(可嵌套,有触发区)
编号:10935(组合)
组合:点击切换图片+展开(有触发区)
编号:10057(组合)
组件:双层滑动-前景左滑(自动对齐)
编号:10273(组件)
大众通过「点击伸缩式展开」和「点击弹出」的交互与逼真的设计模拟朋友圈,展示2021年的重要事件,借此宣传大众进口汽车。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:点击伸缩式展开(无抖动)
编号:11224(组合)
组件:点击弹出-弹出图片(设置多个触发区)
编号:10100(组件)
文章将公司一年发生的精彩事件分为了5大主题,并利用「点击左移切换组合」交互进行详细展示,内容条理清晰。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:点击左移切换组合
编号:11796(组合)
组件:双层滑动-前景左滑(自动对齐)
编号:10270(组件)
默沙东通过「点击播放GIF」的交互将代表时间的沙漏旋转倒立,邀请大家一起进入去年的怀旧时刻,然后「上滑」查看属于默沙东人的时刻,重点被实时上色标注,体验很是舒适。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:点击播放GIF切换
编号:11773(组合)
组件:双层滑动-前景上滑(支持多张)
编号:10203(组件)