SVG交互+MG动画 时光在指尖瞬间滑过！“数说湖北”全方位展示“非凡十年”

　　海报截图
　　湖北日报全媒记者 娄雅玲
　　新时代新征程，我们踔厉奋发，走过非凡十年。8月起，湖北日报全媒体开设“喜迎二十大 荆彩向未来”专题，其中“非凡十年·数说湖北”专栏，浓墨重彩地推出系列新媒体产品，以数字巨变讲述湖北各项事业取得的历史性成就、发生的历史性变革。
　　SVG交互
　　藏起来 动起来 跳起来 让动效更酷炫
　　走过非凡十年，一个个发展巨变绘就荆楚崭新容颜。十年之变，重点在“变”，采用什么新媒体形式来表现呢？
　　我们选择了SVG形式，其动态交互性契合一个“变”字，且交互动效非常多，形式可根据内容来改变。
　　例如《高速公路里程跃居全国第七、中部第一 7378公里延伸“诗和远方”》，采用图片“点击切换”形式，将两张照片以日历的形式呈现，反映高速公路里程的变化。“翻开日历，看十年变化”，用户点击2012年的日历画面后，犹如翻书一般，十年在指尖瞬间滑过，一下子跳到2021年的日历画面，提升了用户体验感。
　　《经济总量从2万亿到5万亿 十年实现万亿级“三级跳”》，采用“GIF问答交互”形式，表层设置的是带有动态GIF的问题，如“看一看GDP”“看一看社会消费品零售总额”等。用户点击搜索后，切换画面，得到答案。动态数据配上精美的摄影照片，既有观赏性，又有趣味性。
　　《新增“口袋公园”350余座 武汉冲刺“千园之城”》，采用“自动收缩，点击展开”形式，多组图片自动收缩隐藏，点击查看，图文内容逐段展开。这一形式，通过点击触发“人均公园绿地面积”“绿道里程”等隐藏信息，为用户不断制造交互时的惊喜感，丰富了用户的阅读体验。
　　MG动画
　　扁平风 配图表 加配音 包含千言万语
　　“非凡十年·数说湖北”专栏中，有一篇的主题是武汉地铁十年变化。武汉地铁从无到有、从线到网，十年间的历史性跨越内容十分丰富，新媒体如何展现？
　　我们选择了MG动画这一全新的表达方式和叙事方式。MG动画融合了平面图形设计、动画运动规律和电视视听语言，极具设计感。
　　武汉地铁十年变化，信息量大，不断增加的地铁线路，十分复杂，若单纯以文字为载体，不直观也不生动。因此，要在短时间内清晰有趣地传达信息给用户，最合适的形式就是MG动画。
　　我们将文案分为两个部分。其一是梳理每一年重要线路的开通及其重要意义；其二是就武汉地铁十年间的运营里程、设站数、客运量等几组重要数据进行比较。
　　MG动画视听结合。一方面，在画面上，一个个分镜使用扁平风，展现每一条地铁线路的开通，不同的地铁线路使用各自特有的颜色，有的画面还配上了武汉地图和地铁线路图，辅以字幕，十分直观。另一方面，在配音解说上，我们选择了语音轻快的男声，以配音加字幕的形式呈现，提升作品感染力，避免观看时出现视觉疲劳。
　　MG动画《运营里程435公里！武汉跻身世界前十“地铁大城”》，短短两分钟，包含千言万语，十年巨变，跃然动画之中，直观明了。
　　“非凡十年·数说湖北”这一系列精美的新媒体产品一经问世，用户纷纷转发点赞：“非凡十年，‘荆’彩十年，为家乡点赞！”