張米卡++陶圓++王書雨

[摘要]當(dāng)前“H5”“圖形可視化”“微視頻”等產(chǎn)品被越來越多的作為新媒體報道手段。荊楚網(wǎng)在這次抗洪宣傳報道中，在做好規(guī)定動作的同時，推出“多交互H5”“時空新聞”“動態(tài)圖形可視化”等形式多樣，易于微傳播的視覺產(chǎn)品，為整體抗洪傳播“添翼”。

[關(guān)鍵詞]抗洪報道 新聞產(chǎn)品 創(chuàng)新

視覺設(shè)計的興起從根本上來說是來自人們對視覺作品的需求和欲望。在新媒體形式下，人們的審美觀、藝術(shù)價值觀以及消費觀都在悄然發(fā)生著改變。因此，視覺設(shè)計應(yīng)發(fā)揮自身的特性，以特有的信息傳遞形式，讓受眾產(chǎn)生“視覺愉悅”，創(chuàng)作更多的視覺新聞產(chǎn)品。在本次防汛抗洪報道中，荊楚網(wǎng)創(chuàng)新表達，通過新聞產(chǎn)品創(chuàng)新，及時發(fā)出抗洪救災(zāi)好聲音，不斷凝集起萬眾一心戰(zhàn)勝洪魔的強大正能量，贏得社會廣泛贊譽。

一、“動詞達詞”讓防汛小知識更具傳播價值

“哇！這個詞會動，好有意思”，“看了‘防汛特征水位這個動圖就知道啥是設(shè)防水位，警戒水位，保證水位，真是一目了然”。這是網(wǎng)友看到荊楚網(wǎng)推出的動態(tài)圖形可視化產(chǎn)品“動詞達詞”后的感言。那么是什么視覺產(chǎn)品這么吸引網(wǎng)友呢？

“Motion Graphics”——動態(tài)圖形。在數(shù)字媒體環(huán)境下催生出來的設(shè)計元素，為迎合人們與日俱增的審美需求，它豐富多彩的動態(tài)類別和動態(tài)表現(xiàn)形式使得接受信息成為一種愉悅的享受。

“動詞達詞”欄目就是運用動態(tài)圖形這種設(shè)計元素，使用設(shè)計軟件將靜態(tài)的詞匯動起來，輔以文字說明，以輕松活潑的方式將晦澀難懂的防汛小知識傳播出去。那么如何讓動態(tài)圖形一看就懂，生動有趣，又利于傳播呢？

一是將文字的意形變化作為動態(tài)圖形的動態(tài)類別。根據(jù)其意思、意義來進行形狀、形象上的變化，來進行詞語動態(tài)的闡述。詞匯的意形動態(tài)要求我們必須先了解詞匯的意義和意思，然后解構(gòu)詞匯字根，運用大小縮放變化，移動，旋轉(zhuǎn)，分割重組等動效，達到講清楚詞匯意思的目的。

二是明確構(gòu)建方式。采用邏輯構(gòu)建，將詞匯的易讀易懂原則放在首位，重點是將抽象邏輯轉(zhuǎn)化為自己明白，讀者理解的圖形語言，達到讀者的共識和認可的目的，將設(shè)計動態(tài)圖形的思維邏輯轉(zhuǎn)換到讀者腦中，在起到豐富視覺元素的同時，達到信息傳播的作用，且通過這種邏輯秩序使動態(tài)圖形產(chǎn)生秩序美。

三是統(tǒng)一構(gòu)建原則，即明快的信息呈現(xiàn)。動態(tài)圖形可以理解為由多個靜態(tài)圖形按順序排列，動圖時間越長，則說明靜態(tài)圖形越多，動圖的體量越大。而體量大的圖片是不適合在互聯(lián)網(wǎng)傳播的。所以在制作動態(tài)圖形時，要考慮用最短的時間，把信息說明清楚，才能保證動圖小而精，簡潔明快。在信息視覺化的處理上，可以將復(fù)雜的內(nèi)容簡化，將凌亂的結(jié)構(gòu)梳理成層次清晰的結(jié)構(gòu)。動態(tài)圖形可以通過用視覺的方式快速啟動網(wǎng)友的記憶、經(jīng)驗和感知系統(tǒng)，從而搜索到相關(guān)信息以確認信息的獲知。

四是找準(zhǔn)表現(xiàn)形式。動態(tài)圖形表現(xiàn)形式有很多種，例如鏡頭組接，融合實拍與動畫的組合，數(shù)字視頻與圖形圖像的整合等。而這里我們用了最直接的二維純色圖形與二維純色圖形的組合。他們之間通過運動、色彩、形狀變化等產(chǎn)生的動態(tài)來形成一個有主題、有內(nèi)容的動態(tài)圖形。選擇這種形式有三大優(yōu)勢，首先是在二維純色圖形上設(shè)計，成本較低，制作周期短，時效性好，符合新聞產(chǎn)品規(guī)律。其次是制作方法套用性強，利于產(chǎn)品量化生產(chǎn)。再次是利于移動互聯(lián)網(wǎng)傳播，可靈活發(fā)布在各平臺上，不論是PC端和移動端。發(fā)布平臺廣就意味著傳播渠道多，傳播就更具價值。

二、多維度，化繁為簡，時空新聞橫空出世

我們知道，新聞可以從時間和空間等多個維度對其進行描述。新聞事件隨著時間推移，發(fā)生地點也隨之轉(zhuǎn)移，新聞會重新描述該事件的另一時間和地點的發(fā)展?fàn)顩r，從而形成一系列相關(guān)報道。

基于防汛報道時間跨度長，地點分散，信息量大等特點，用傳統(tǒng)表現(xiàn)形式全局性的將這些信息進行搜集、聚合和表現(xiàn)并非易事。為了解決這種矛盾，荊楚網(wǎng)特別推出“湖北防汛抗洪時空新聞”。該產(chǎn)品創(chuàng)新探索出一種將新聞的時間維度和空間維度相結(jié)合的新聞表達方法。在空間上以互聯(lián)網(wǎng)地圖為載體，通過視覺表達，方便網(wǎng)友更加清晰地了解汛情、水情、災(zāi)情，“時空新聞”勾畫出湖北主要江河、湖泊、水庫、樞紐等水利要素的地理位置，帶有極強的科普性。在時間上，通過交互式時間軸，動態(tài)呈現(xiàn)防汛重大事件、節(jié)點事件，并與事件的地理位置形成交互。在創(chuàng)作時空新聞時，我們要始終把握好“六化”：

1.信息結(jié)構(gòu)化。

這里說的信息結(jié)構(gòu)化更確切地指新聞信息結(jié)構(gòu)化。梳理大量抗洪新聞報道，會發(fā)現(xiàn)無數(shù)的“結(jié)構(gòu)”會跳到你面前：水位、受災(zāi)面積、財產(chǎn)損失、受災(zāi)人數(shù)、安置點數(shù)等等。不同于傳統(tǒng)報道以故事為中心的觀念，時空新聞更注重以結(jié)構(gòu)化數(shù)據(jù)為中心，也就是說可以將采集的數(shù)據(jù)切開、分片置入我們規(guī)定好的自動格式中，以便后續(xù)使用。例如我們每天會讓記者提供水情、災(zāi)情、汛情的數(shù)據(jù)，而這三個要素已經(jīng)在時空新聞的格式中預(yù)留好了，那么我們收集到的水情、災(zāi)情、汛情的數(shù)據(jù)就是按時間結(jié)構(gòu)化的數(shù)據(jù)。我們前期也會告訴記者，我們需要哪些機構(gòu)化的數(shù)據(jù)，這樣記者的采訪目的也會更加明確。

2.維度多元化。

維度指的是獨立的時空坐標(biāo)的數(shù)目。而在這里，指的是結(jié)構(gòu)化數(shù)據(jù)坐標(biāo)的數(shù)目。就像上面所說的，我們將信息結(jié)構(gòu)化后，可以得到很多信息維度，時空新聞?wù)翘幚矶嗑S度信息的高手，而對于傳統(tǒng)報道來說，一篇文章是很難表達多維度信息的，這正是時空新聞的優(yōu)勢。

3.形式簡潔化。

相較于傳統(tǒng)媒體報道，時空新聞以更簡潔的方式呈現(xiàn)信息，沒有大篇文字，更多的是邏輯性和具象化。目前，新聞已進入讀圖時代，而時空新聞中所包含的信息比一般的圖片更加豐富，互動性、趣味性也更強。

4.閱讀高效化。

時空新聞趨于立體化，這種分層顯示不同類別信息、多層信息疊加顯示的形式，使用戶能夠得到更加精細化的閱讀體驗。同時，面對現(xiàn)在海量信息，受眾須要更加高效地接收信息。時空新聞以最直觀的形式呈現(xiàn)整體新聞，又能根據(jù)用戶的指令得到局部詳盡信息，杜絕其他信息干擾，帶來更高效的閱讀體驗。

5.視覺扁平化。

在視覺設(shè)計上，遵循輕閱讀的理念，運用扁平化設(shè)計，去除冗余、厚重和繁雜的裝飾效果。具體表現(xiàn)在去掉了多余的透視、紋理、漸變以及能做出3D效果的元素，這樣可以讓“信息”本身重新作為核心被凸顯出來。同時在設(shè)計元素上，則強調(diào)了抽象、極簡和符號化。不僅如此，由于圖形去除了多余的效果，圖像物理大小縮小了，那么在瀏覽器端打開的速度就更快了，運行效率就更高了。

6.交互簡易化。

互聯(lián)網(wǎng)新聞產(chǎn)品，除了要有新聞性，信息量，還需要有很好的“用戶體驗”和“可用性”。而交互設(shè)計的好壞直接決定著這兩者。交互設(shè)計改變了設(shè)計中以物為對象的傳統(tǒng)，直接把人類的行為作為設(shè)計對象。在制作時空新聞時，我們始終以“簡操作，好上手”為努力方向。在不顯示任何操作說明的情況下，能讓受眾一看就知道怎么操作。時空新聞的交互，我們從確定參與者、定位行為動機、規(guī)劃行為過程、營造場景等角度入手，有目的的研究用戶行為和過程，做好視覺牽引，盡可能去掉冗余龐雜的行為干擾，努力將交互簡易化。

三、重視覺、強交互，讓H5傳播爆發(fā)“洪荒之力”

Html5，也就是html協(xié)議的第五個版本。H5會火，簡單來說有三點原因，一是html標(biāo)準(zhǔn)統(tǒng)一，大大降低了學(xué)習(xí)和開發(fā)成本。二是移動端設(shè)備迅速普及，html5能很好解決網(wǎng)頁兼容性的問題。三是微信等移動端社交媒體的流行，使html5作品可以輕松在朋友圈分享，形成幾何級增長傳播效應(yīng)。

2015年至今，H5已經(jīng)成為新媒體報道最重要手段之一。大批第三方H5制作平臺的出現(xiàn)，使得技術(shù)不再是問題。以前設(shè)計師設(shè)計出的效果無法實現(xiàn)的窘境已不在。

那么如何利用好第三方平臺，在移動端泛濫的H5中脫穎而出呢？這是抗洪H5產(chǎn)品須要積極思考的問題。

（1）重視覺，用震撼的圖片和音樂烘托氣氛。

讀圖時代，最重要的就是圖片的質(zhì)量，能打動自己的圖片才能打動受眾。H5《致敬向險而行的子弟兵！——寫給正奮戰(zhàn)在抗洪搶險前線的人民子弟兵》是荊楚網(wǎng)抗洪報道中傳播力最強的H5之一，點擊量破千萬。在創(chuàng)作過程中，我們始終以圖片的震撼程度作為重要的標(biāo)準(zhǔn)，配上感人的音樂，讓受眾在視覺和聽覺上得以雙重震撼，觸發(fā)受眾情感，引發(fā)共鳴。另外，用好第三方平臺—“兔展“的分享動態(tài)標(biāo)題的功能。將標(biāo)題設(shè)置為“我是第{幾}位向人民子弟兵敬禮的人”，這種標(biāo)題增加了用戶的參與感。因敬禮人數(shù)多，很多用戶因看到標(biāo)題敬禮人數(shù)多而產(chǎn)生從眾心理，故點擊分享。

（2）強交互，注重場景的應(yīng)用。

場景指在一個特定的時間、空間內(nèi)發(fā)生的行動，或者說因為某種關(guān)系構(gòu)成的一個畫面。而對于互聯(lián)網(wǎng)新聞產(chǎn)品來說，產(chǎn)品已經(jīng)成為場景下的體驗。具體就是場景是某個時間某個地點發(fā)生的一系列故事，我們制作H5要考慮是誰在什么場景下遇到了什么問題，我們?nèi)ソ鉀Q問題的時候就是我們給出的解決方案。而交互設(shè)計，正是在場景中強化產(chǎn)品功能的，明確解決方法的有效手段。例如在創(chuàng)作H5《大大叫我來巡堤》時，就融入了場景的概念。我們假設(shè)場景在抗洪一線，站在巡堤者的角度，對巡堤的方式方法進行了科學(xué)歸納和梳理，加入了將防汛工具一個個放到工具包的交互行為，讓防汛小知識得到科普，做到“好玩、實用、易記”，對巡堤新手有指導(dǎo)作用。正是因為有了這些場景設(shè)置，加上原創(chuàng)歌曲，H5的傳播力得到了很大提升，發(fā)布當(dāng)日點擊量就突破20萬，7月底，點擊量突破40萬。

參考文獻：

[1]唐春燕：《動態(tài)圖形設(shè)計中的視覺信息呈現(xiàn)》，汕頭大學(xué) 2011年學(xué)位論文

[2]辛向陽：《交互設(shè)計的哲學(xué)思考》，《設(shè)計》 2014年5期

[3]朱宇婷、錢琳：《淺談扁平化設(shè)計的構(gòu)成要素》，《文藝生活·文藝?yán)碚摗?2014年11期 <＼＼Y8＼本地磁盤 （F）＼2011-新聞前哨＼2016-2＼BBBB-.TIF>