《两会政务SVG交互图文玩法》
临近两会，运营的小伙伴们如何准备一篇出彩、出圈的图文呢？
灵感枯竭别着急，人民日报、共青团中央、中国政府网、新华社、学习强国、海淀宣传、上海发布、腾讯、微信派、五菱汽车一共13篇优质案例可供参考。
其中分别里用到了音频、展开、轨迹动画、答题等SVG特别又吸睛，一起来看看吧。
播放音频
人民日报
SVG交互
需定制（点击切换GIF动图+播放音频+展开、点击放大弹窗展示）
两会玩法
人民日报的这篇图文引导大家「点击展开」香港岁月图景的同时「播放音频」，带来更好的沉浸式体验效果。
两会事件和场景也可以通过地标的形式呈现，「点击放大并弹窗展示」地标介绍，视觉冲击力更强。
共青团中央
SVG交互
需定制（连续点击切换GIF后展开、视差上滑、点击切换GIF并播放音频）
两会玩法
「连续点击切换GIF后展开」从夸父追日开始到中国空间站上天的中国航天事业，「视差上滑」依次查看从高空到地下的中国故事。
两会相关的故事也可以用漫画进行呈现，结合多种SVG交互，在视觉上能够更具冲击力。
共青团中央
SVG交互
需定制（展开效果、轨迹动画、音频卡片）
两会玩法
共青团中央通过「自动展开」中国共产党百年党史介绍，引导大家点击红色印章进行互动，在漫画长图中感受历史场景。
同样地，我们可以将气质的图片换成两会历史的介绍，将时间节点依次串联起来。
微信派
SVG交互
需定制（点击播放音频+自动向上3D轮播图片）
两会玩法
「点击播放音频」的同时观看微信派11年以来很多公众号的截图3D轮播页面，给人一种震撼的穿越时空之感，从2012到2023和大家一起回顾和展望未来。
这里的3D飞入轮播效果使用SVG交互就能实现，有些类似“星球大战”的游戏设计也适用于两会亮点展示。
展开效果
人民日报
SVG交互
需定制（展开效果）
两会玩法
为了庆祝中国共产党成立100周年，人民日报用漫画长图的形式，展现了中国百年来的大事件，用户可以「点击展开」长图，学习中国党史。
同样地，两会的重要政策和背景也可以通过漫画和「点击展开」SVG交互结合的方式进行呈现。
腾讯
SVG交互
需定制（点击切换、点击展开，点击收回（内嵌展开）、超链接）
两会玩法
「点击左滑」模拟建立脑图，分别展开不同的标签查看相应的内容，借此宣传腾讯2022年报告。
这样思维导图的方式很适合用来归类展示两会热点和政策，方便大家按需查看。
SVG轨迹动画
海淀宣传
SVG交互
需定制（SVG轨迹动画）
两会玩法
海淀宣传通过引导大家点击开启冬奥火种云传递，虎头娃通过「轨迹动画」的交互形式模拟走过火种传递路线，吸引大家打开“海淀宣传”小程序获取火种传递证。
这样轨迹移动的人物，也可以设计成其他元素移动，比如小鸟飞过、小车开过、小船划过等，不同的设计能让SVG交互呈现的更具特色。
上海发布
SVG交互
需定制（点击自动播放+SVG轨迹动画）
两会玩法
上海发布的这篇图文在一屏内通过手绘长图结合轨迹动画的SVG效果就能展示出2022年上海经济社会发展蓝图，同时播放音乐。
两会的内容也可以做类似的展示，让内容更加聚合，同时也能激发大家的好奇心和探索欲。
五菱汽车
SVG交互
需定制（横屏竖版轨迹移动）
两会玩法
「点击」五菱汽车，伴随汽车移动经过手绘的生活场景，向大家介绍五菱汽车的优点。
两会的内容可以将前景的汽车换成记者，生活场景换成两会报道现场，给读者一种游戏闯关的神秘感，更能吸引大家互动。
答题
学习强国
SVG交互
需定制（答题）
两会玩法
学习强国在元宵节之际，用猜灯谜的形式，吸引大家「答题」，借此科普冬奥会相关知识。
科普类图文常采用的「答题」SVG交互，我们在科普两会知识时也可以用到，将灯笼、灯谜等元宵节元素替换成试卷、报纸、红旗等两会元素设计即可。
中国政府网
SVG交互
编辑器可制作
组件：点击-切换图片(有触发区)
编号：10043（组件）
两会玩法
「点击切换」模拟作答，还可以「点击播放音频」进行听力考试，吸引大家了解相关税务知识。
同样的答题交互，应用在两会知识科普中也非常合适，能够增加大家的参与感。
其他
新华社
SVG交互
需定制（上滑、点击弹窗）
两会玩法
「上滑」查看亚“韵”Citywalk指南，点击查看杭州、宁波、温州、绍兴、金华等城市的介绍。
同样地，我们可以将其中的城市地标换成两会热点关键词，吸引大家在滑动过程中点击查看，更具互动感和探索欲。
微信派
SVG交互
需定制（连续自动缩放+自动切换、视频号直播）
两会玩法
在2023年微信公开课直播开始前一天，微信派通过「连续自动缩放」微信之约四个大字，非常具有视觉冲击力，然后「自动切换」到微信公开课的直播预约页面，邀请大家前来观看。
两会内容也可以采用这样缩放显示的效果，视觉冲击力拉满，吸睛的同时引起大家对两会的关注。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）