文章内容来源于公众号:品牌时光机Pro 点此可查看原文。若涉及版权问题或存在侵权情况,请及时与我们联系,我们将第一时间进行删除处理。
聚焦2023全国两会和雷锋纪念日,雷锋纪念日刚刚过去,全国两会正在进行中,这两个热点涌现了不少优秀的SVG交互图文案例。
上周推荐了《16种全国两会知识答题样式(SVG版)》,今天分享给大家11个两会的案例和3个雷锋纪念日案例,它们都是新鲜出炉正冒着热气。
案例分别来自中国政府网、央视新闻(3个)、人民日报、新华社、学习大国、广州日报、福建发布、小米公司、京东云、中国教育报、芒果TV、永不消逝的电波PLA。
01
中国政府网
《找不同大比拼,哪里变了?》
▲GIF演示
中国政府网通过点击模拟找不同的游戏,借此宣传2023年《政府工作报告》并吸引大家关注经济社会发展成就。
该交互需定制。
02
央视新闻
《起=͟͟͞͞飞=͟͟͞͞》
▲GIF演示
点击纸飞机进入屏幕,滑动跟随纸飞机移动查看历届两会内容,吸引大家关注2023全国两会。
该交互需定制。
03
央视新闻
《跃~动~起~来~了~》
▲GIF演示
随着线条移动,「自动层层展开 」关于中国人的一天的漫画,呼吁大家一起开启生活新篇章。
该交互需定制。
04
央视新闻
《快查收!政府工作报告里,这些事与你息息相关》
依次点击「左右翻转切换图片 」查看政府工作报告里关于就业、减税降费、健康、收入、投资、民营企业、乡村振兴、住房相关内容的介绍,吸引大家共同关注两会。
交互对应编辑器组件/组合
组件:点击-左右翻转切换图片
编号:10197(组件)
05
人民日报
《对,就是这个味!》
▲GIF演示
「自动层层展开 」关于味道的描述,借此吸引大家了解并关注中国味。
交互对应编辑器组件/组合
组件:自动层层展开 | 《红了》
编号:11273(组件)
06
新华社
《民主的打开方式》
▲GIF演示
「自动层层展开 」关于全过程人民民主的知识科普,用漫画的方式呈现相关故事,有助于大家理解和传播。
交互对应编辑器组件/组合
组件:自动层层展开 | 《红了》
编号:11273(组件)
07
学习大国
《习近平的两会关切事》
▲GIF演示
「自动展开」习近平的两会关切事,借此宣传总书记”我将无我,不负人民“的使命担当和真挚情怀。
该交互需定制。
08
广州日报
《叮~春天的第一份快递到了,请查收!
广州日报通过「视差左滑」模拟查收来自2023年政府工作报告的快递,借此吸引大家关注全国两会。
交互对应编辑器组件/组合
组件:视差滑动-左滑(自动对齐、只用于两组)
编号:10813(组件)
09
福建发布
《政府工作报告,治好了我的“聊天焦虑”见她世界》
「点击切换图片」查看不同漫画场景下聊天焦虑的解决方法,借此科普2023政府工作报告相关内容。
交互对应编辑器组件/组合
组件:点击-切换图片(向上水平移出、有触发区))
编号:10188(组件)
10
小米公司
《雷军:我的2023两会建议》
▲GIF演示
「点击切换图片嵌套展开」雷军的2023年两会人大代表建议案,依次「点击展开」建议案详情,吸引大家了解关注。
交互对应编辑器组件/组合
组合:点击切换GIF动图+展开(可嵌套展开,有触发区,固宽)
编号:10935(组合)
组合:点击展开(有触发区)
编号:10051(组合)
11
京东云
《全国政协委员曹鹏:上全国两会,我带了这三份提案》
▲GIF演示
「点击切换GIF动图+展开」来自京东集团的全国政协委员曹鹏的三份提案内容介绍,吸引大家关注了解。
交互对应编辑器组件/组合
组合:点击切换GIF动图+展开(有触发区)
编号:10075(组合)
12
中国教育报
《致 敬 雷 锋》
中国教育报通过点击模拟向雷锋同志献花的过程,借此吸引大家互动分享身边的“雷锋”故事。
该交互需定制。
13
芒果TV
《雷锋精神处处有,点滴小善重在行》
雷锋日,芒果TV通过引导大家点击漫画场景宣传雷锋精神,借此吸引大家预约观看《新时代 新雷锋》六⼗周年⽂艺晚会。
该交互需定制。
14
永不消逝的电波PLA
《【SVG电波策划】60年,一个青年从未远去;60年,一个声音从未消逝!雷锋生前珍贵原声重现》
▲GIF演示
「点击播放音频+展开」雷锋生前原声,借此呼吁大家传承雷锋行动。
交互对应编辑器组件/组合
组合:点击播放音频+展开
编号:11364(组合)
组合:点击切换图片+展开(有触发区)
编号:10057(组合)