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雖然是一種較為新興的網絡呈現方式，但在視覺設計中依舊滲透著傳統美術的表達模樣，依舊嫁接、模仿了傳統美術中的精髓，從而繼承其中的優良藝術精神，既符合現代人的審美觀，又不失傳統美術的文化底蘊。當代的審美藝術在不斷前行、開拓創新，我們要不斷吸收著前人的經驗并創造出屬于自己時代的藝術作品。

（作者單位：成都日報社）