经常有读者问我们,SVG 的应用形式除了目前发展繁盛的公众号生态,还有哪些渠道可以穿插展示?实际上,如果你此前阅读了《微博,也支持SVG啦!(附内测申请🧐)》,那么就应当了解在微博端它的应用表现其实更胜于微信公众号。当然,如果你的机关单位还没有开通微博 SVG 内测权限的话,可以在本文留言区与我们沟通。微博 SVG 内测期的首位独立开发者计育韬老师将帮助大家与新浪官方对接进行开通。
第34届中国新闻奖落幕,从中也出现了涉及SVG技术的交互融媒体设计。仅就技术层面看,表现方式与架构水平各有千秋。本期我们一起来看看这些作品的具体内容,并就此聊聊SVG作品在融媒体思政工作中的未来应用趋势。
对于一等奖作品《丝路行旅图 , 带你穿越千年》,业内权威技术案例库 iSVG 曾评论此作:开场以序列帧将绝美视频特效高清载入,衔接巨量的视差分层滑动展现出了恢弘的丝绸之路图景,构成了形如清明上河图般高密度信息表达,但由得益于 3D 空间效果使得画面并不拥挤,反而充满灵动的穿插体验。
该作无论创意策划、视觉设计、交互开发、性能优化都无可指摘,可以说超越了绝大多数商业品牌 SVG 交互设计的水准。作品由人民日报与业内知名工作室合作呈现,这也代表了目前政务融媒体与专业机构跨界组合的行业趋势,充分发挥 SVG 技术市场术业专攻的技能优势同时,又有机结合了政务单位融媒体运营的嗅觉优势。
在此,我们也欢迎有需要的融媒体机构与我们取得联系,获得包括培训、开发等专业指导。
二等奖作品北京新闻广播的《大金雕到小刺猬,毛白杨到筋骨草,北京也是它们的家——》在形式上相对简洁,采用热区感应的「弹出式海报」引导用户在地图中点击各个专题,获取到更完整的长图报道。而从交互设计学习成本上来讲,这类 SVG 互动的完读率更高,跳出率更低,在各个年龄宽度和职业身份中都有相对友好的交互表现。
同理,三等奖作品北京日报的《今天,我们写下“中国”》将 SVG 与视频结合,把不同人笔下的「中国」组合成完整「中国」,构思出发点十分独特,又合理避免了平铺全部作品导致图文过分冗长的问题。
基于这两个案例,结合包括我们即往的各个专题盘点,不难发现政务融媒体 SVG 在交互形式上往往力求简洁明了,互动形式简易甚至无互动:
二等奖作品《新时代首都发展巡礼·生态治理大型互动融媒产品|我们向前 中国向上》则是一份 H5 页面内的交互设计,但大量融合了 SVG 架构使得 H5 运行顺畅丝滑,在 3D 类 JS 和伪 3D CSS 模拟中往返切换,节省渲染性能的同时最大程度给到读者丰富的感官体验,充分体现了 SVG 轻量高效的 XML 文件本质属性。
https://zh5.xhby.net/c/bye9/wzwv/index.html
从第 34 届中国新闻奖的 SVG 技术类获奖作品中,我们不难看出 SVG 正在从繁荣的商业应用场景逐步向政务领域延展,并呈现出多端化、低门槛、高水准的方向演进。
两会在即,相信接下来我们还将看到更多令人叹为观止的佳作!























