H5在會議新聞中的應(yīng)用

■董光宇　張武軍

H5在會議新聞中的應(yīng)用

■董光宇張武軍

會議新聞報(bào)道，是傳播會議議題，擴(kuò)大會議影響力的重要路徑。隨著前端技術(shù)以及移動終端的發(fā)展，會議新聞的網(wǎng)絡(luò)傳播開始應(yīng)用HTML5（簡稱H5）的新特性，產(chǎn)生了新的報(bào)道形態(tài)。未來，Web環(huán)境下會議新聞報(bào)道的發(fā)展應(yīng)該不僅限于利用H5技術(shù)進(jìn)行呈現(xiàn)的新聞報(bào)道；應(yīng)用H5技術(shù)而帶來的產(chǎn)品化、應(yīng)用化新聞報(bào)道作品很可能成為會議新聞的重要組成部分。

作為Web環(huán)境的代言人

瀏覽器是網(wǎng)絡(luò)新聞傳播的重要渠道之一。一般意義的網(wǎng)頁瀏覽器 （Browser），通常依據(jù)描述網(wǎng)頁內(nèi)容的標(biāo)記語言（MarkupLanguage），按照對應(yīng)的語言規(guī)則安排內(nèi)容，在諸多的標(biāo)記語言當(dāng)中，超文本標(biāo)記語言 （HyperTextMarkup Language，也即 HTML）是最為常用的描述網(wǎng)頁內(nèi)容的語言。

在更早的HTML規(guī)則中，HTML語言是兼?zhèn)涮峁┪淖謨?nèi)容與樣式排版功能的；但隨著計(jì)算機(jī)及互聯(lián)網(wǎng)的發(fā)展，原有的HTML標(biāo)準(zhǔn)不能再滿足更高的網(wǎng)頁功能需求，因此逐漸分離產(chǎn)生了控制樣式排版的語言 （最常見的是層疊樣式表，也即CSS），以及用于控制網(wǎng)頁交互、完成高級功能的腳本程序語言 （最常見的是JavaScript），原本的HTML已經(jīng)單純成為描述網(wǎng)頁流的語言，這種現(xiàn)象在2014年定稿的H5標(biāo)準(zhǔn)中得到了加強(qiáng)；另一方面，HTML與樣式表、網(wǎng)頁腳本在網(wǎng)頁中的關(guān)聯(lián)很難分離。因此，當(dāng)我們在新聞傳播中談?wù)揌5時(shí)，不是在談?wù)撘环N新的標(biāo)準(zhǔn)或是一種新的展現(xiàn)方式，而是一種與原生 （Native）環(huán)境相對的，以瀏覽器、網(wǎng)頁技術(shù)為基礎(chǔ)而產(chǎn)生的互聯(lián)網(wǎng) （Web）環(huán)境；對于H5技術(shù)的應(yīng)用，則更應(yīng)該關(guān)注它對于新聞傳播報(bào)道環(huán)境——尤其是本文所涉的會議新聞——帶來的改變。

兩個(gè)重要的目的

在早期瀏覽器換代后，Trident內(nèi)核、Gecko內(nèi)核以及Webkit內(nèi)核迅速成為了瀏覽器市場的三個(gè)主要內(nèi)核，尤其對于移動設(shè)備來說，WebKit幾乎成為了移動設(shè)備上首要的排版引擎。由于Webkit較早應(yīng)用H5新特性，移動端也較早出現(xiàn)了利用H5技術(shù)的報(bào)道產(chǎn)品。微博、微信等社交媒體應(yīng)用在后續(xù)的版本中直接內(nèi)嵌Webkit瀏覽框架，使得H5產(chǎn)品在各個(gè)移動平臺上的體驗(yàn)趨于一致，近一步刺激了這類內(nèi)容的傳播。

H5技術(shù)在當(dāng)下會議新聞中的應(yīng)用，按照所在平臺分類，可分為桌面端 （包括PC/Mac設(shè)備）、大屏幕觸摸設(shè)備 （即平板端）、小屏幕觸摸設(shè)備 （即移動端）。其中移動端還可細(xì)分為微博、微信端、新聞App端。各類設(shè)備在尺寸和交互方式上的區(qū)別，以及各類應(yīng)用在應(yīng)用權(quán)限上的區(qū)別，導(dǎo)致了H5報(bào)道作品在不同平臺上有不同的體驗(yàn)。無論H5技術(shù)運(yùn)用于何種平臺終端，它對當(dāng)下會議新聞報(bào)道的作用都主要體現(xiàn)在兩個(gè)方面：增強(qiáng)新聞的表現(xiàn)力和改變新聞報(bào)道模式。

一、圖形與交互：用H5增強(qiáng)會議新聞表現(xiàn)力

網(wǎng)絡(luò)新聞傳播的業(yè)務(wù)實(shí)踐中，形式與內(nèi)容的分界逐漸變得模糊，甚至形式本身就可能成為 “內(nèi)容”。H5技術(shù)的驅(qū)動，使得更多元素能夠加入報(bào)道之中，閱讀報(bào)道的體驗(yàn)會更為豐滿。

以新華網(wǎng)為例，該網(wǎng)在2015年 “兩會”期間推出了數(shù)據(jù)新聞專題——“2015兩會數(shù)據(jù)觀”（以下簡稱 “數(shù)據(jù)觀”）。①整個(gè)專題界面相對簡潔清晰，布局屬于比較典型的焦點(diǎn)圖+內(nèi)容列表的形式，但由于加入了H5中常見的交互效果 （如滑動動畫等），使得頁面體驗(yàn)優(yōu)于通常的網(wǎng)頁。

增強(qiáng)新聞表現(xiàn)力的主要方式之一是文字、數(shù)據(jù)的可視化。會議新聞報(bào)道中相對單調(diào)的文字可以經(jīng)由這種方式，變成受眾更容易接受的圖形元素?！段液蛢蓵囊惶臁发谑?“數(shù)據(jù)觀”兩會系列報(bào)道的一個(gè)專題 （見圖1），該專題通過圖片報(bào)道的方式，對兩會代表的一天日程進(jìn)行記錄，側(cè)面表現(xiàn)兩會會場細(xì)節(jié)。將這篇典型的圖片報(bào)道作品與其他作品相區(qū)分開的特點(diǎn)是，該報(bào)道使用了H5中常見的背景拉伸技術(shù)（Background Stretch），使得圖片在任何介質(zhì)上都可以充滿屏幕；沉浸式的圖片描述使得組圖在閱讀中更有 “連環(huán)畫”的體驗(yàn)，增強(qiáng)了新聞的可讀性。

“互動”是H5中被新聞傳播領(lǐng)域經(jīng)常應(yīng)用的技術(shù)。這種互動不是對用戶行為刺激的 “反射”，而是對用戶離散行為的一種 “補(bǔ)間”：平滑的動作反饋，行為與行為之間的自然過渡，都使得網(wǎng)頁上的會議新聞的瀏覽體驗(yàn)更加流暢。優(yōu)秀、得當(dāng)?shù)慕换幼鞣答佋O(shè)計(jì)，不僅增強(qiáng)新聞的表現(xiàn)力，也提升了報(bào)道的趣味性，將會議新聞中重點(diǎn)放大，使新聞報(bào)道更具可讀性。

二、故事與新聞生產(chǎn)：H5的新聞敘事與報(bào)道思維

傳統(tǒng)新聞業(yè)務(wù)理論一般要求新聞報(bào)道應(yīng)具備六個(gè)要素，即 “5W1H”。③源于美國南北戰(zhàn)爭期間的 “倒金字塔式”寫作結(jié)構(gòu)是最為常見的新聞敘事結(jié)構(gòu)，它以事實(shí)最核心的部分為開頭或做導(dǎo)語，然后依照事實(shí)的重要性次序安排段落，以適應(yīng)受眾閱讀習(xí)慣和編輯編改稿件的需要④。由于媒介使用習(xí)慣的變化，會議新聞通稿化的報(bào)道已逐漸不能滿足受眾快節(jié)奏、碎片化的閱讀要求。

H5技術(shù)的應(yīng)用改變了會議新聞的新聞文體，它有兩個(gè)體現(xiàn)：

第一，“倒金字塔體”寫作方式繼續(xù)向前推進(jìn)，摒棄描寫性的修辭手法與背景鋪陳，“信息優(yōu)先”理念得到強(qiáng)調(diào)。網(wǎng)易在 2014年 APEC峰會期間的HTML5報(bào)道作品 《習(xí)近平和奧巴馬是這樣夜游中南海的》借助類LBS界面+觸摸的交互方式，以 “講故事”的方式描述了兩位領(lǐng)導(dǎo)人的行動路線?！毒┤A時(shí)報(bào)》在同日也發(fā)表了一篇相同主題的消息，通過比較不難發(fā)現(xiàn)，網(wǎng)易的報(bào)道中，類似 “兩國元首憑欄遠(yuǎn)眺”“親切握手”等場景性的描述性文字都被忽略，“做了什么”成為了新聞的主要內(nèi)容；臨場感則在滑動控制的交互模式下得到了增強(qiáng)。

第二，H5使新聞信息再次簡化。標(biāo)題和導(dǎo)語的質(zhì)量決定了新聞的傳播效果，應(yīng)用H5技術(shù)，交互很可能用來替代新聞導(dǎo)語中可能的冗余，再次降低閱讀成本。騰訊新聞在2014年APEC峰會的專題報(bào)道中，利用滾動監(jiān)聽 （Scrollspy）⑤，使頁面左側(cè)的選擇欄不僅可以快速定位內(nèi)容分類，還可以根據(jù)右邊新聞自動標(biāo)注所屬欄目，讀者只需要看到標(biāo)題中的“What”元素，參照新聞分類，就可以基本了解新聞內(nèi)容。

利用H5技術(shù)，會議新聞報(bào)道作品可以成為一個(gè)可以完成某種功能的應(yīng)用（Application），使得傳統(tǒng)“報(bào)道新近事實(shí)”的新聞報(bào)道思維發(fā)生變化。新華網(wǎng)2015年兩會報(bào)道“炫數(shù)據(jù)”專題下的“政府工作報(bào)告與我”板塊便是一例。用戶可以自由在網(wǎng)頁中輸入自己的實(shí)際信息，網(wǎng)頁可以很快反饋出一份定制的表單。表單的數(shù)據(jù)內(nèi)容均來自于對政府工作報(bào)告內(nèi)容的可視化處理，連接起新聞與受眾個(gè)體，產(chǎn)生了定制化的互動效果。

前瞻：響應(yīng)式設(shè)計(jì)與產(chǎn)品化報(bào)道

智能終端廣泛普及之前，針對會議的報(bào)道，大多以供PC端屏幕閱讀的專題報(bào)道呈現(xiàn)出來。隨著智能終端的逐漸普及，小尺寸屏幕閱讀的需求逐漸出現(xiàn)，專門針對小屏幕設(shè)計(jì)的報(bào)道頁面也隨之產(chǎn)生。早期移動端的報(bào)道形式由于介質(zhì)性能限制，相對簡單，WAP文字報(bào)道或?qū)ｎ}組稿即可完成報(bào)道，這種報(bào)道大多需要編輯在自己的移動端網(wǎng)站上進(jìn)行二次編輯。由于移動設(shè)備性能有限，不需過多的編輯成本，即可完成二次編輯；在移動介質(zhì)的使用體驗(yàn)接近PC端后，更為高級的報(bào)道手段開始出現(xiàn)，以往的“二次編輯”更難達(dá)到預(yù)期的效果，而即使真正進(jìn)行 “二次編輯”，編輯成本也比WAP時(shí)代高出許多。

響應(yīng)式設(shè)計(jì) （ResponsiveWeb）的出現(xiàn)即解決了跨尺寸屏幕介質(zhì)上內(nèi)容展現(xiàn)的問題；它旨在利用CSS控制不同尺寸屏幕上的內(nèi)容排版，而在不同尺寸的介質(zhì)上達(dá)到各自適合的閱讀體驗(yàn)⑥。由于一次編輯即可完成多終端上的內(nèi)容，響應(yīng)式設(shè)計(jì)可以在一定程度上減少編輯成本，在保證作品呈現(xiàn)的時(shí)效性上有很大優(yōu)勢；此外，由于響應(yīng)式布局更多地針是針對內(nèi)容排版設(shè)定，因此相對二次編輯，更能保證跨屏幕閱讀的信息容量，這使得它在會議報(bào)道的直播、突發(fā)新聞報(bào)道中有很大的應(yīng)用前景。

遺憾的是，由于目前國內(nèi)主要門戶的移動版站點(diǎn)大多沿襲早期的WAP頁面而來，二次編輯、雙線操作已經(jīng)成為報(bào)道中的常態(tài)，少有網(wǎng)站使用響應(yīng)式設(shè)計(jì)完成報(bào)道作品。但隨著移動端與桌面端媒介在性能和體驗(yàn)上的逐漸接近，響應(yīng)式界面的報(bào)道作品會成為一種不可忽略的應(yīng)用模板。

會議新聞應(yīng)用H5的另一個(gè)趨勢是以 “互聯(lián)網(wǎng)產(chǎn)品”，即開發(fā)應(yīng)用的模式完成報(bào)道作品。在以H5為代表的Web環(huán)境下，利用H5技術(shù)的會議新聞報(bào)道已經(jīng)不只是記者和編輯兩類崗位的事情：與數(shù)據(jù)新聞等新聞形態(tài)類似，調(diào)動技術(shù)人員 （程序員）、美工人員協(xié)力完成一個(gè)報(bào)道將成為會議新聞報(bào)道的常態(tài)。這也暗示著，這種類似互聯(lián)網(wǎng)產(chǎn)品的運(yùn)營、開發(fā)形態(tài)很可能成為會議新聞報(bào)道工作的常見流程；報(bào)道作品，在某種程度上也可以被視為是一個(gè)不止具有新聞信息屬性的互聯(lián)網(wǎng) “應(yīng)用”。

值得注意的是，在國內(nèi)整體的新聞報(bào)道中，H5的應(yīng)用情況并不平衡。筆者在其他研究中曾發(fā)現(xiàn)，外國業(yè)界人士對中國移動端的H5作品有一定的肯定；但在能夠承載更多內(nèi)容的大屏幕媒介（PC/平板）端，國內(nèi)新聞報(bào)道的內(nèi)容優(yōu)勢并不突出。利用H5技術(shù)對于提升國內(nèi)新聞傳播效果的作用是顯著的，但它是否會成為互聯(lián)網(wǎng)新聞的主流形式，以及它是否能夠承載所有的新聞?lì)}材，還需要進(jìn)一步討論。

（作者系中國傳媒大學(xué)新聞學(xué)院碩士研究生）

注釋：

①http://www.xinhuanet.com/ politics/2015lh/sjg.htm

②http://fms.news.cn/swf/ lhrdyt2015/index.html

③劉建明：《宣傳輿論學(xué)大辭典》，經(jīng)濟(jì)日報(bào)出版社，1993

④單波：《“倒金字塔結(jié)構(gòu)”源起之謎》，《新聞知識》，1994年第9期，第42-43頁。

⑤嚴(yán)格意義上說，Scrollspy并不屬于所謂的 “HTML5”技術(shù)；但是由于它是一種相對較新的網(wǎng)頁交互形式，而且它的確在HTML5網(wǎng)頁設(shè)計(jì)中多有應(yīng)用，我們?nèi)詫⑵渌阕鱄TML5下的一種前端技術(shù)。

⑥http://alistapart.com/ article/responsive-web-design

觀點(diǎn)速遞

傾向性、主觀性甚至情緒化，是法制新聞報(bào)道的 “雷區(qū)”，報(bào)道態(tài)度與報(bào)道角度失去客觀理性，有可能會導(dǎo)致公眾和司法機(jī)關(guān)先入為主，導(dǎo)致媒體引導(dǎo)訴訟，進(jìn)而在一定程度上影響司法機(jī)關(guān)對于案件的公正判決。因此，應(yīng)堅(jiān)守客觀公正，力爭做到事實(shí)和觀點(diǎn)分開，切忌以強(qiáng)烈主觀色彩的傾向性采寫法制新聞。

——?jiǎng)喨?，《新聞世界?015年第7期。