H5新闻作品《出警！川A7536警向暴雨中心心驶去……》中的沉浸式传播手法浅析

王幸 王欢

H5是第5代HTML的缩写，即用H5语言制作数字产品。目前，大部分网页都是HTML做的，它不是什么新兴技术，但是由于功能丰富加上各大浏览器都可以支持所以相比于以前的HTML4就得到了广泛应用。也就是说大家所看到的网页其实都是HTML代码所呈现出的效果。而使用H5制作适合在手机等移动端呈现的新媒体产品，也早已成为各媒体的基本技能。而在新闻类H5作品中，如何让读者能迅速地了解到新闻事件全貌，并且可以身临其境地感受新闻场景，就成为了作品质量高低的关键之一。笔者以2020年四川省新闻奖一等奖作品《出警！川|A7536警向暴雨中心驶去……》为案例，分析了H5作品中的沉浸传播手法。

作品生产过程

2019年8月20日凌晨，成都市大邑县西岭镇云华村山洪暴发，有群众被困，急需救援。西岭派出所副所长李科，辅警周正良、罗永红立即驾驶川A7536警出发，不幸遇险。李科、周正良牺牲，罗永红当时失联（后确认牺牲）。8月26日上午9点，李科、周正良两位英雄的遗体告别仪式举行。为了送英雄最后一程，成都日报锦观编辑部立即制作并推出H5作品《出警！川|A7536警向暴雨中心驶去……》

作品逻辑递进

H5讲述了一个真实发生的新闻故事。整个作品以黑白色为主基调，画面从片喧哗的雨声中开始，紧接着画面中响起了紧急的铃声，“雨势很大，出现山洪，有群众滞留，需要救援！”电话那头打给派出所的紧急呼救，附上当事者最后的电话录音，仿佛身临其境。紧接着，画面中出现了警车徘徊在山路间，漆黑的夜里有飞石落下，山边的河水不断上涨的场景，这些场景将当时环境的危险性真实地体现了出来。在表现警察到达遇险群众聚集的地方进行紧急疏散的场景时，画面采用了4格漫画的形式，将快速的对话进行了紧凑的分割。

新闻的高潮在于第二次真实的通话录音。当三位英雄与指挥中心的通话突然中断时，观众能感受到电话突然断掉后的未知恐惧，并为出警警察的生命安全担忧。

手绘部分结束后，紧接着呈现的是真实的照片，对英勇牺牲的警察进行身份介绍，并突出了事件的真实性。新闻的最后是村民、同事、亲人想要对牺牲英雄们说的话，新闻的真实与现实的结果，不用刻意渲染就能感染读者，自然而然就对这几位英勇牺牲的人民警察产生深深的敬意。

作品交互特点

《出警！川A7536警向暴雨中心驶去……》节奏紧张，在线性叙事的过程中实现了精准剪辑和重点表达。作品采用“滑动+点击”这种最简单最直接的操作方式，让读者以最小的操作成本就可以获取到“画面+声音+动效+时间轴播放”的沉浸式互动体验。在制作过程中，作者巧妙地将SVG（可缩放矢量图形）与canvas等多项技术结合运用，既保障了作品体验的顺畅感，又在整体时间轴的重要节点上用慢放等形式强调细节，使作品的层次感突出，感情表达强烈有力。

作品定位为第三人称视角，前半部分主要采用了手绘故事的形式，H5技术将所有画面片段串起来的同时，也赋予了作品动效和声效，让定格的手绘场景动了起来、活了起来，场景表达自然且生动。作品后半部分则采用了“真实图片+文案”的基本元素，在滑动交互.中展现不同角度的人物故事，将人物形象表现得更加丰满。

作品的感情渲染在漫画手绘与真实照片资料无缝切换时达到高潮，让读者突然发觉“漫画”其实就是真实事件，这种“从虚拟到真实”的剧本处理方式也进一步加深了读者心中的情感迸发。同时作品在音效的处理渲染中巧妙结合时间轴中的关键节点，进一步突出作品高潮和情绪爆点，增强感染力。

作品传播效果

习近平总书记曾指出，讲中国故事是时代命题，讲好中国故事是时代使命。该作品基于现代网络、智能手机等基础条件，运用H5交互设计技术创新讲故事的方式方法，让英雄故事深入人心、让英雄精神直抵人心。

该作品一经发出，就在社会各界引起广泛传播转发。仅在发布后24小时内，该H5总浏览量就达到了11.4万，流量不仅覆盖全国各地各省份，还包括纽约、东京等国外城市。截至目前，该作品全网浏览量超20万，还得到了中央政法委官方微信公众号“长安剑”等平台转发传播。

产品通过最简单的“竖向滑动+点击”的互动操作，运用SVG（可缩放矢量图形）与canvas等多项技术，将文字、照片、手绘、场景声效、人物音频、背景音乐、渐进式动画等要素协调交融在模拟场景中，创造了一个沉浸式的体验环境，给人以真实的临场感。该作品主题鲜明，集中所有形式和元素展现基层干警一心为民、忘我工作、不怕牺牲的精神;该作品布局完整、坚持创新，将三位英雄的故事从出警到牺牲的全过程一展现;该作品高度融合技术和艺术，在运用现代技术讲好故事的同时，也打造出一个网络平台，让不能到现场送别英雄的人能通过网络和手机回顾英雄事迹、向英雄致敬。

画面的美术表达

要想让读者在阅读作品时的沉浸感更强，除了要控制好作品的逻辑递进、把握好叙事节奏外，画面的表现力也将直接影响读者的观感体验。一个好的美术设计可以将作者想要表达的情感融入进线条元素与画面色差等美术表达中，从而使读者通过视觉元素就能体会到作品的情感。线条元素的当代用法

H5当中的画面设计运用了传统美术的点线面中的线为基础内容之一，不同的画面用线条来表达，其有着完全不一样的结果。例如直线的紧密写实、细线的虚拟委婉、曲线的婉转阴柔等，以及画面中线条之间的虚实结合、轻重绶急。让整体画面有着抑扬顿挫的视觉感受。场景人物画面都用线条来表现，那线条会给读者带来怎样的感受？以下用3个不同应用来举例：

例1：粗细线条的合理搭配

在《出警！川|A7536警向暴雨中心驶去……》的场景一里面有个西岭派出所的画面表达，用粗细结合的直线条来表达公正且庄严的场景，细线条和粗线条结合能使画面更加柔和。

例2：婉转的曲线和简j洁线条的用法婉转的线条勾勒能变换出不同维度的画面，在中西式画风的不同分割下，线条的委婉柔和有着不同的理解，例如钱选的山水畫《浮云山居图》用简单的线条勾勒山石，用细笔勾勒出树木枝干，更多的留白营造出云淡风轻的意境。而西方的线条表达多用女性婀娜多姿的体态，来表达曼妙柔美的视觉观感，例如西班牙画家毕加索的《梦》用粗线条婉转地表达了女人身体的外部轮廓，留给观者想象空间和思维的自由性。

例3：虚实结合的线条运用方法

虚实结合的用法广泛运用在了艺术表达中，我们可以在很多艺术领域都能看见，比如动画电影《心灵奇旅》，动画人物用简单的线条勾勒却能有丰富的表情变化和性格特征，虚实结合线条元素打破了本来单一线条局限的条件，再加上画面背景的配合，将动画人物勾勒出传神的视觉感受，将一些只能用语言表达解释的词用视觉的方法来表达，将线条赋予生命和性格。

美术构图方式在H5动画中的运用

画面中想要表达的主要内容可以通过不同的构图布局来彰显艺术表现力，处理好画面的加减法让主题得到更好的表达，让情节效果得到更多强调，例如传统中国水墨动画《小蝌蚪找妈妈》，简单的荷叶元素、颜色深浅不一的色块表现石头，不用过多对水的刻画就能有活灵活现的小蝌蚪们在水里穿梭的画面感。

颜色搭配在H5动画设计中的运用

H5动画设计中颜色搭配主要倾向于剧情和人物性格的判断，颜色能够代表人物的性格特征和画面的主要情感色彩，比如：党政人物记事类采用深红色最为庄重，科技展示类动画表现多为蓝色或深紫色，文化类故事讲述采用银色或淡金色。以澎湃H5作品《天渠》中的颜色搭配应用为例，总基调是黑色，仿佛在遥遥无期的黑暗中寻找到了一丝光，顺着微弱的光线逐步讲故事。整个H5采用黑白灰金的4个简单的色彩，并且人物从黑色逐渐过渡为白色成为画面中心，推动着剧情的发展，画面由暗到亮推动着H5讲述时情绪的发展，而黑白的明亮对比又能营造更加真实的场景氛围。

当前，H5虽然是一种较为新兴的网络呈现方式，但在视觉设计中依旧渗透着传统美术的表达模样，依旧嫁接、模仿了传统美术中的精髓，从而继承其中的优良艺术精神，既符合现代人的审美观，又不失传统美术的文化底蕴。当代的审美艺术在不断前行、开拓创新，我们要不断吸收着前人的经验并创造出属于自己时代的艺术作品。

（作者单位：成都日报社）