《两会政务SVG交互图文玩法
来源:未知 点击: 发布时间:2024-08-22 22:35

  灵感枯竭别着急,人民日报利来国际利老牌、共青团中央、中国政府网、新华社、学习强国、海淀宣传、上海发布、腾讯、微信派、

  其中分别里用到了音频、展开、轨迹动画、答题等SVG特别又吸睛,一起来看看吧。

  人民日报的这篇图文引导大家「点击展开」香港岁月图景的同时「播放音频」,带来更好的沉浸式体验效果。

  两会事件和场景也可以通过地标的形式呈现,「点击放大并弹窗展示」地标介绍,视觉冲击力更强。

  「连续点击切换GIF后展开」从夸父追日开始到中国空间站上天的中国航天事业,「视差上滑」依次查看从高空到地下的中国故事。

  两会相关的故事也可以用漫画进行呈现,结合多种SVG交互,在视觉上能够更具冲击力。

  共青团中央通过「自动展开」中国百年党史介绍,引导大家点击红色印章进行互动,在漫画长图中感受历史场景。

  同样地,我们可以将气质的图片换成两会历史的介绍,将时间节点依次串联起来。

  「点击播放音频」的同时观看微信派11年以来很多公众号的截图3D轮播页面,给人一种震撼的穿越时空之感,从2012到2023和大家一起回顾和展望未来。

  这里的3D飞入轮播效果使用SVG交互就能实现,有些类似“星球大战”的游戏设计也适用于两会亮点展示。

  为了庆祝中国成立100周年利来国际利老牌,人民日报用漫画长图的形式,展现了中国百年来的大事件,用户可以「点击展开」长图,学习中国党史利来国际利老牌。

  同样地交换性盐基,两会的重要政策和背景也可以通过漫画和「点击展开」SVG交互结合的方式进行呈现。

  「点击左滑」模拟建立脑图,分别展开不同的标签查看相应的内容,借此宣传腾讯2022年报告。

  海淀宣传通过引导大家点击开启冬奥火种云传递,虎头娃通过「轨迹动画」的交互形式模拟走过火种传递路线,吸引大家打开“海淀宣传”小程序获取火种传递证。

  这样轨迹移动的人物,也可以设计成其他元素移动,比如小鸟飞过、小车开过、小船划过等,不同的设计能让SVG交互呈现的更具特色。

  上海发布的这篇图文在一屏内通过手绘长图结合轨迹动画的SVG效果就能展示出2022年上海经济社会发展蓝图,同时播放音乐。

  两会的内容也可以做类似的展示,让内容更加聚合,同时也能激发大家的好奇心和探索欲。

  「点击」五菱汽车,伴随汽车移动经过手绘的生活场景,向大家介绍五菱汽车的优点。

  两会的内容可以将前景的汽车换成记者交换流速,生活场景换成两会报道现场,给读者一种游戏闯关的神秘感,更能吸引大家互动。

  学习强国在元宵节之际交换系统,用猜灯谜的形式,吸引大家「答题」,借此科普冬奥会相关知识。

  科普类图文常采用的「答题」SVG交互,我们在科普两会知识时也可以用到,将灯笼、灯谜等元宵节元素替换成试卷、报纸交换量、红旗等两会元素设计即可。

  「点击切换」模拟作答,还可以「点击播放音频」进行听力考试,吸引大家了解相关税务知识。

  「上滑」查看亚“韵”Citywalk指南利来国际利老牌,点击查看杭州、宁波、温州交换网络、绍兴、金华等城市的介绍交会雷达。

  同样地交换,我们可以将其中的城市地标换成两会热点关键词,吸引大家在滑动过程中点击查看交互型图文,更具互动感和探索欲。

  在2023年微信公开课直播开始前一天,微信派通过「连续自动缩放」微信之约四个大字,非常具有视觉冲击力,然后「自动切换」到微信公开课的直播预约页面,邀请大家前来观看。

  两会内容也可以采用这样缩放显示的效果,视觉冲击力拉满,吸睛的同时引起大家对两会的关注。

  声明:本文由入驻搜狐公众平台的作者撰写,除搜狐官方账号外,观点仅代表作者本人,不代表搜狐立场。