李沁芳

摘? 要? 自2014年以來，H5作品大量涌現(xiàn)，被廣泛用于各種場(chǎng)合的報(bào)道，文章從主題策劃、視覺呈現(xiàn)、交互方式三個(gè)方面分析2019年國(guó)慶節(jié)期間，人民日?qǐng)?bào)社旗下人民日?qǐng)?bào)公眾號(hào)和人民網(wǎng)推出的H5，探究H5是怎樣被用于重大事件的報(bào)道，人民日?qǐng)?bào)H5的特點(diǎn)及其面臨的問題。

關(guān)鍵詞? H5;人民日?qǐng)?bào);重大事件報(bào)道

中圖分類號(hào)? G2? ? ? 文獻(xiàn)標(biāo)識(shí)碼? A? ? ? 文章編號(hào)? 2096-0360（2020）08-0011-02

1? 研究背景及意義

H5是指建立在HTML5技術(shù)規(guī)范基礎(chǔ)之上，綜合了特定的網(wǎng)頁(yè)效果、視聽效果、感官效果和交互性等因素，以“超媒體”的技術(shù)形式呈現(xiàn)的報(bào)道形式和樣態(tài)[1]。自2014年以來，H5作品大量涌現(xiàn)，被廣泛用于各種場(chǎng)合的報(bào)道，其中不少甚至獲得了上億的觀看量。H5作品有許多優(yōu)勢(shì)，例如適用性強(qiáng)，幾乎所有智能手機(jī)都支持HTML5格式;制作簡(jiǎn)單方便，許多零代碼平臺(tái)可以讓制作者快速上手;適合場(chǎng)景式報(bào)道，可以承載更多的信息量;用戶互動(dòng)感參與感強(qiáng)，可以形成鏈?zhǔn)絺鞑?等等。

作為一種新興的承載內(nèi)容的形式，目前關(guān)于H5的研究還存在著許多空白。本文從主題策劃、視覺呈現(xiàn)、交互方式三個(gè)方面分析2019年國(guó)慶節(jié)期間，人民日?qǐng)?bào)社旗下人民日?qǐng)?bào)公眾號(hào)和人民網(wǎng)推出的H5，探究H5是怎樣被用于重大事件的報(bào)道，人民日?qǐng)?bào)H5的特點(diǎn)及其面臨的問題，為日后更多的H5新聞報(bào)道提供一定的參考。

2? 案例研究

2019年國(guó)慶節(jié)期間人民日?qǐng)?bào)社共推出8個(gè)H5作品，分別是《時(shí)光打印機(jī)》《時(shí)代青年秀》《愛國(guó)style》《我的年代照》《復(fù)興大道70號(hào)》《一筆畫出70年》《壯麗70年 奮斗新時(shí)代》《今天，我們都是升旗手。

其中有三個(gè)是獨(dú)立推出的作品，分別是《時(shí)光打印機(jī)》《壯麗70年 奮斗新時(shí)代》《今天，我們都是升旗手》，另外5個(gè)是與其他機(jī)構(gòu)或媒體聯(lián)合推出的作品。

接下來本文分別從圖片生成類、長(zhǎng)圖拖動(dòng)類以及游戲類，這三類交互方式分析人民日?qǐng)?bào)社的H5作品。

2.1? 照片生成類作品

圖片生成類即通過用戶選擇選項(xiàng)或上傳照片，生成可以分享至朋友圈的圖片的H5，主要的互動(dòng)方式是點(diǎn)擊與上傳照片。照片生成類由于每個(gè)用戶選擇或上傳的照片不同，生成的照片有獨(dú)特性，往往很容易被用戶分享，從而形成鏈?zhǔn)絺鞑?，可以迅速積攢起大量的關(guān)注。

在2019年國(guó)慶節(jié)期間人民日?qǐng)?bào)社制作的4個(gè)圖片生成類中，《我的年代照》和《時(shí)代青年秀》相似度最高，通過用戶上傳照片生成圖片，用不同的裝扮和背景體現(xiàn)出70年的變化。切入點(diǎn)有一定的不同，《我的年代照》設(shè)定的場(chǎng)景是用戶“穿越”到不同的年代去照相館照相，而《時(shí)代青年秀》則將受眾設(shè)定為“時(shí)代的親歷者”，最終生成的照片上配有描述生活變化的簡(jiǎn)短文字，例如“90后”是“從循環(huán)著青春旋律的MP3到隨點(diǎn)隨聽的數(shù)字專輯”。視覺呈現(xiàn)上，《我的年代照》相較而言更簡(jiǎn)單，在簡(jiǎn)單的照相館場(chǎng)景后就來到了上傳照片界面;而《時(shí)代青年秀》的開頭有一段視頻，通過不同年代出生的“建國(guó)”，體現(xiàn)人人都是時(shí)代的親歷者這一主題，此外與《年代照》相比，《時(shí)代青年》多了讓用戶填寫自己信息的互動(dòng)，增加了最終生成照片的獨(dú)特性。

《時(shí)光打印機(jī)》選擇的也是新中國(guó)成立70年歲月變遷的側(cè)面，但通過用戶選擇自己出生的年份生成類似當(dāng)年的報(bào)紙頭版的照片，用真實(shí)事件將用戶與時(shí)代聯(lián)系在一起。從視覺呈現(xiàn)上說，《時(shí)光打印機(jī)》所生成的圖片雖然隨年份不同而變化，但是相同年份獲得的圖片是一樣的，最終得到的結(jié)果的獨(dú)特性并不那么強(qiáng)，用戶的分享意愿也有所不如。

《愛國(guó)style》的主題與切入點(diǎn)較上述幾個(gè)有較大的分別，意在突出56個(gè)民族是一家，通過生成照片讓用戶“穿上”各民族的服裝，由于民族的數(shù)量多，每個(gè)用戶可以生成的照片差異也很大。切入點(diǎn)很獨(dú)特，美工的高投入換來的是受眾新奇的體驗(yàn)感，故而傳播效果在這4個(gè)照片生成類H5中也是最好的。

2.2? 長(zhǎng)圖拖動(dòng)類H5

長(zhǎng)圖拖動(dòng)類通常會(huì)設(shè)置一定的場(chǎng)景，讓用戶通過拖動(dòng)等方式觀看作品。內(nèi)容上長(zhǎng)圖拖動(dòng)類內(nèi)容承載量大，內(nèi)容里有一定空間或時(shí)間跨度的H5會(huì)常使用這種互動(dòng)方式。在本文研究的三個(gè)長(zhǎng)圖拖動(dòng)H5中，兩個(gè)跨度方式都有涉及。

人民日?qǐng)?bào)公眾號(hào)與快手合作的《復(fù)興大道70號(hào)》是以橫向拖動(dòng)的方式，場(chǎng)景變化的同時(shí)也通過背景標(biāo)志性建筑的變化暗示了時(shí)間的變化。在每十年交替的地方增加了可以上傳照片的互動(dòng)。但是由于內(nèi)容太多，轉(zhuǎn)場(chǎng)方式只有簡(jiǎn)單的橫向前進(jìn)，所以略顯枯燥。在敘述上，缺少一些必要的事件說明、年份說明，部分受眾可能無法理解其想要表達(dá)的歷史畫面。技術(shù)上依然存在著一些瑕疵，互動(dòng)體驗(yàn)還有進(jìn)步的空間。

《一筆畫出70年》講述的也是70年跨度，是人民日?qǐng)?bào)社和網(wǎng)易新聞合作的作品，其繪畫風(fēng)格，敘事方式，動(dòng)畫效果都具有非常明顯的網(wǎng)易特點(diǎn)。敘事上，直接點(diǎn)明年份并配上文字說明，非常簡(jiǎn)介明了。在美工上，除黑白外主要使用了兩個(gè)對(duì)比度很大的顏色——紅和黃，用于突出重點(diǎn)。不同于《復(fù)興大道70號(hào)》，雖然用戶在觀看時(shí)也只用簡(jiǎn)單的向上滑動(dòng)，但是轉(zhuǎn)場(chǎng)方式卻是多變的，同時(shí)景別也在不斷的變化，不局限在一條街道上，而可以從超大景別隨著手指滑動(dòng)快速變到特寫，帶給觀眾觀看電影運(yùn)鏡似的感受。表現(xiàn)場(chǎng)景并不完全寫實(shí)，有許多抽象的元素，例如中國(guó)加入WTO使用的是一個(gè)門牌標(biāo)著WHO的門不斷放大，又自然轉(zhuǎn)場(chǎng)到太空，描繪神舟上天。雖然場(chǎng)景跨度很大，但是并不顯得突兀，門和火箭上天都可以作為中國(guó)加入WTO后經(jīng)濟(jì)騰飛的隱喻。交互非常的流暢，可以通過手指上下滑動(dòng)控制播放進(jìn)程。

由人民網(wǎng)獨(dú)立出品的《壯麗70年 奮斗新時(shí)代》的表現(xiàn)重點(diǎn)在“新時(shí)代”，展現(xiàn)的是空間上的跨度，通過向左滑動(dòng)的方式，火車快速途徑了中國(guó)，向受眾展現(xiàn)了各個(gè)省份的標(biāo)志性元素。在畫面呈現(xiàn)上，畫面非常的精美，也具有層次感。但滑動(dòng)時(shí)，慣性系數(shù)偏大導(dǎo)致畫面很容易迅速?gòu)念^滑到尾，又自動(dòng)跳到結(jié)束頁(yè)面，大大減少了受眾觀看的時(shí)長(zhǎng)，使得內(nèi)容整體有些單薄。

2.3? 游戲類作品

游戲類H5是指將受眾引入場(chǎng)景，通過交互完成一定的目的的H5，受眾不再是旁觀者，而成為了參與者。因此，游戲類H5的用戶帶入感也是最強(qiáng)的。人民日?qǐng)?bào)公眾號(hào)獨(dú)立推出的《今天，我們都是升旗手》將重點(diǎn)放在國(guó)慶閱兵典禮上的升旗手，讓用戶長(zhǎng)按按鈕使國(guó)旗逐漸爬上旗桿。除此以外，H5的開頭使用升旗的視頻素材將受眾引入場(chǎng)景中，并在結(jié)尾處設(shè)置了分享界面，配有文字“我是第××位升旗手”。從互動(dòng)和美工的角度來說，《升旗手》較簡(jiǎn)單，但是給予了受眾加入進(jìn)閱兵的參與感，激發(fā)了受眾的愛國(guó)情緒與自豪感，從而獲得大量轉(zhuǎn)發(fā)。

3? 結(jié)論

3.1? 人民日?qǐng)?bào)社H5特點(diǎn)

3.1.1? 從策劃角度

作為黨媒，人民日?qǐng)?bào)的作品表現(xiàn)出的親民化和潮流化是讓人欣喜的。人民日?qǐng)?bào)社的H5在策劃時(shí)多將個(gè)人與時(shí)代聯(lián)系在一起，除了一筆畫出70年外，H5的敘述中都強(qiáng)調(diào)了受眾的存在。

雖然是進(jìn)行重大政治事件的報(bào)道，但內(nèi)容實(shí)際上已經(jīng)脫離了官方話語體系，轉(zhuǎn)而以平等的姿態(tài)面向受眾，通過選擇大時(shí)代下的個(gè)體側(cè)面入手，增強(qiáng)了報(bào)道的接近性，也增強(qiáng)了受眾的時(shí)代參與感。

但是策劃主題也存在著報(bào)道主題雷同的問題，在8個(gè)H5中，《時(shí)代青年秀》《我的年代照》《復(fù)興大道70號(hào)》《一筆畫出70年》都是通過對(duì)比方式反應(yīng)中國(guó)70年變化的。雖然這些都是優(yōu)秀的H5作品，但套路化的策劃背后體現(xiàn)的是創(chuàng)意靈感的枯竭。

3.1.2? 從視覺呈現(xiàn)角度

在H5制作方面，人民日?qǐng)?bào)傾向與其他媒體進(jìn)行合作。人民網(wǎng)與人民日?qǐng)?bào)獨(dú)立制作的H5無論從美工還是內(nèi)容上都有些單薄。在自身?xiàng)l件不夠發(fā)達(dá)的情況下，借用平臺(tái)優(yōu)勢(shì)，與其他善于制作H5的媒體合作不失為良策。在報(bào)道時(shí)，人民日?qǐng)?bào)社的H5善用視頻素材，主旨思想和場(chǎng)景創(chuàng)建都通過視頻連貫成熟的畫面和語言很好的立了起來。

但是問題依然存在，H5作品對(duì)視覺效果的追求了大于對(duì)內(nèi)容的追求，精美的、耗費(fèi)大量精力的畫面實(shí)際上承載的信息量并不多。H5本身可以兼容聲音、文字、視頻等多種媒體手段，其承載的信息量應(yīng)當(dāng)是大于傳統(tǒng)的文字、圖片或視頻報(bào)道的。然而現(xiàn)在大多數(shù)H5作品都是速食式的，以快速吸引流量為目的，其娛樂屬性高于報(bào)道屬性，形式大于內(nèi)容。

3.1.3? 從交互方式角度

人民日?qǐng)?bào)社的H5交互方式總體就分為三種，其中涉及的交互方式是簡(jiǎn)單且類似的，只有點(diǎn)擊、滑動(dòng)和長(zhǎng)按。除此之外，技術(shù)上不流暢也時(shí)有發(fā)生，首先是加載時(shí)間過長(zhǎng)。調(diào)查顯示，如果加載頁(yè)面超過5秒，那么有74%的用戶會(huì)關(guān)閉頁(yè)面，但在上述H5中，受網(wǎng)絡(luò)傳輸速度和加載內(nèi)容的影響，圖片合成類H5的加載時(shí)間整體超過5秒，卡頓比較嚴(yán)重。另外在復(fù)興大道70號(hào)中，聲音與頁(yè)面滑動(dòng)關(guān)聯(lián)在一起，雖然可以起到自動(dòng)播放不同場(chǎng)景聲音的效果，但若是受眾滑動(dòng)過快，非常容易出現(xiàn)聲音沒有播放完就戛然而止的情況，帶來不好觀看體驗(yàn)。另外元件播放方面若是設(shè)置循環(huán)播放視覺效果會(huì)更好，可以供受眾反復(fù)觀看。

3.2? 意見與建議

3.2.1? 增加H5的內(nèi)容含量

形式大于內(nèi)容是目前市面上大多數(shù)H5作品都有的通病，大多數(shù)制作者都將H5作為獨(dú)立于文字報(bào)道、圖片報(bào)道等的報(bào)道方式，而實(shí)際上，與其將H5作為一種報(bào)道方式，不如將其看作一個(gè)承載內(nèi)容的載體，一個(gè)整合內(nèi)容的工具。無論是數(shù)據(jù)新聞報(bào)道、視頻報(bào)道還是文字圖片報(bào)道，H5都能以其強(qiáng)大的兼容性將他們整合在一起，從而向用戶提供真正有意義有質(zhì)量有內(nèi)容的報(bào)道。同時(shí)由于H5作品的互動(dòng)性強(qiáng)，將深度報(bào)道承載其上時(shí)也能解決用戶的碎片化閱讀習(xí)慣導(dǎo)致注意力快速流失的問題。因此制作者在制作作品時(shí)，因盡量摒棄以往的娛樂化流量化思維，以做嚴(yán)肅新聞的思路去制作內(nèi)容，輔以新型的技術(shù)予以包裝，由此才是真正秀外慧中的作品。

3.2.2? 作品中的增加多元化的互動(dòng)方式

目前人民日?qǐng)?bào)社的H5在同一作品中往往只運(yùn)用一種或兩種互動(dòng)方式，多為點(diǎn)擊+滑動(dòng)、點(diǎn)擊+長(zhǎng)按的結(jié)合?；?dòng)方式的單一化可能會(huì)使受眾的注意力隨敘事內(nèi)容的增多而不斷流失。因此在制作時(shí)應(yīng)當(dāng)注意豐富H5的互動(dòng)方式，除了傳統(tǒng)的點(diǎn)擊拖動(dòng)，還可以增加“搖一搖”“掃描物體”“拖拽物體”“繪畫”等方式，不斷引發(fā)受眾興趣。

3.2.3? 探索新的創(chuàng)意表達(dá)方式

隨著H5技術(shù)的日漸普及，在技術(shù)初期受眾因新奇感帶來的流量紅利已不復(fù)從前，套路化的表達(dá)方式和同質(zhì)化的內(nèi)容不僅無法激起受眾的轉(zhuǎn)發(fā)欲望，還可能令其產(chǎn)生厭煩心理。制作者們?cè)趧?chuàng)作過程中應(yīng)積極在新型創(chuàng)意表達(dá)方式上做出探索，應(yīng)用新技術(shù)新手段，例如可以將AR、VR融入場(chǎng)景報(bào)道當(dāng)中，進(jìn)行360度全景報(bào)道，還可以適當(dāng)進(jìn)行一些直播連線，帶給受眾沉浸式的體驗(yàn)。

參考文獻(xiàn)

[1]蘇濤.H5新聞的概念起源與技術(shù)邏輯——基于技術(shù)視角的考察[J].新媒體研究，2019，5（20）：1-5，12.