■楊知然

隨著互聯(lián)網(wǎng)技術(shù)發(fā)展，媒體融合深入，界面設(shè)計(jì)為新聞報(bào)道提供了新的思路和著力點(diǎn)?？茖W(xué)運(yùn)用界面設(shè)計(jì)方式，能豐富新聞產(chǎn)品呈現(xiàn)形式，更好地順應(yīng)全媒體時(shí)代特點(diǎn)和移動(dòng)化趨勢，滿足受眾多元需求。

自2020年第三十屆中國新聞獎(jiǎng)開始，參評(píng)項(xiàng)目將此前針對(duì)PC端的“網(wǎng)頁設(shè)計(jì)”以及兼容移動(dòng)端的“新媒體報(bào)道界面”合并，統(tǒng)一為“頁（界）面設(shè)計(jì)”。第三十一屆中國新聞獎(jiǎng)“頁（界）面設(shè)計(jì)”共有5件作品獲獎(jiǎng)，其中一等獎(jiǎng)1件、二等獎(jiǎng)2件、三等獎(jiǎng)3件。從這些獲獎(jiǎng)作品可以看出，優(yōu)秀的界面設(shè)計(jì)在新聞報(bào)道中作用越來越大，效果也越來越好。

內(nèi)容呈現(xiàn)：薄中見厚，為報(bào)道信息減負(fù)

優(yōu)秀的新聞作品應(yīng)當(dāng)圍繞中心工作，聚焦主題主線。近兩年的頁（界）面設(shè)計(jì)獲獎(jiǎng)作品無一不是扎根中國、緊扣時(shí)代，如慶祝新中國成立70周年專題《走向偉大復(fù)興》、聚焦脫貧攻堅(jiān)的《家，告別懸崖》等。這些選題意義重大，但同時(shí)面臨時(shí)空跨度大、信息海量、知識(shí)性強(qiáng)等多重特點(diǎn)。如何讓這類報(bào)道平易近人？界面設(shè)計(jì)能夠通過多種方式將抽象、復(fù)雜、難懂的信息解構(gòu)為具體、簡單、生動(dòng)的報(bào)道，滿足“讀圖時(shí)代”受眾需要。通過對(duì)獲獎(jiǎng)作品的分析，我們發(fā)現(xiàn)界面設(shè)計(jì)對(duì)于內(nèi)容呈現(xiàn)的作用常見于三個(gè)方面。

一是梳理脈絡(luò)，直擊要點(diǎn)。新聞產(chǎn)品通過精心設(shè)計(jì)的界面導(dǎo)航系統(tǒng)，揭示進(jìn)程、概括要點(diǎn)，讓受眾快速把握主題事件整體結(jié)構(gòu)?！都?，告別懸崖》在頁面右側(cè)設(shè)計(jì)時(shí)間軸，幫助受眾快速了解重要時(shí)間節(jié)點(diǎn)和“懸崖村”脫貧進(jìn)程?！吨刈叱捎骞朋A道感受雙城新變化》以行走路線串聯(lián)出空間軸，受眾點(diǎn)擊“下一站”即可同步體驗(yàn)（圖1）。除了以時(shí)空軸揭示進(jìn)程，導(dǎo)航系統(tǒng)還可以歸納重點(diǎn)，如《大河奔流？黃河流域生態(tài)保護(hù)和高質(zhì)量發(fā)展》通過導(dǎo)航七個(gè)節(jié)點(diǎn)，全景式展示黃河流域生態(tài)保護(hù)、水資源利用、黃河文化等七方面內(nèi)容。

圖1

二是簡化信息，直觀呈現(xiàn)。宏大主題往往涉及信息量大而復(fù)雜，如時(shí)空跨度大的數(shù)據(jù)對(duì)比、復(fù)雜的關(guān)系網(wǎng)絡(luò)等，界面設(shè)計(jì)可運(yùn)用統(tǒng)計(jì)圖表、信息圖、詞云等方式對(duì)比數(shù)據(jù)、揭示關(guān)系、多維解讀，方便受眾理解?！洞蠛颖剂鳎奎S河流域生態(tài)保護(hù)和高質(zhì)量發(fā)展》以花卉狀信息圖（圖2）整合了歷代文人留下的黃河禮贊，一圖跨千年，集納一個(gè)“詩詞庫”。受眾點(diǎn)擊圖中節(jié)點(diǎn)可以快速定位朝代、人物，一目了然。再如，在展現(xiàn)2018年黃河流域各省糧食、肉類及工業(yè)主要產(chǎn)品產(chǎn)量時(shí)，以信息圖處理紛繁的數(shù)據(jù)和復(fù)雜的對(duì)應(yīng)關(guān)系，如果受眾需要了解圖中各省的單項(xiàng)指標(biāo)，只需將鼠標(biāo)指向?qū)?yīng)的曲線，此時(shí)相關(guān)區(qū)域成為熱區(qū)保持“開燈”并顯示具體數(shù)據(jù)，其他區(qū)域則會(huì)“關(guān)燈”。試想，這樣的數(shù)據(jù)及對(duì)應(yīng)關(guān)系如果用文字?jǐn)⑹觯粌H長篇累牘而且晦澀沉悶。

三是還原場景，描繪細(xì)節(jié)。可視化界面可以集合大量圖片、視頻甚至全景照片增強(qiáng)產(chǎn)品現(xiàn)場感與真實(shí)度，提高受眾瀏覽興趣和停留時(shí)間。獲獎(jiǎng)作品《全景體驗(yàn)“永不落幕”的線上世園會(huì)》利用全景拍照技術(shù)實(shí)現(xiàn)線上的游園體驗(yàn)，語音播報(bào)配合園區(qū)內(nèi)全面點(diǎn)位照片，為用戶營造真實(shí)漫游環(huán)境。用戶還可以方便快捷選擇自己感興趣的內(nèi)容，提高閱讀效率，充分發(fā)揮了可視化界面全面、直觀的優(yōu)勢，同時(shí)提高用戶瀏覽效率和參與感，增強(qiáng)沉浸式體驗(yàn)?！吨刈叱捎骞朋A道 感受雙城新變化》以新老實(shí)景照片的對(duì)比（圖3），直觀展現(xiàn)驛道歷史變遷與古韻今風(fēng)。

交互設(shè)計(jì)：社交娛樂，為互動(dòng)方式賦能

隨著媒體技術(shù)發(fā)展，近年來界面設(shè)計(jì)展現(xiàn)為集成短視頻、動(dòng)畫、3D模擬、虛擬配音、VR全景、衛(wèi)星數(shù)據(jù)、人臉識(shí)別等的富媒體形態(tài)，為用戶帶來視聽盛宴與沉浸體驗(yàn)。隨之帶來的用戶交互行為也更加多元豐富，界面互動(dòng)呈現(xiàn)出三個(gè)特點(diǎn)。

一是交互引導(dǎo)有創(chuàng)意。交互引導(dǎo)突破了以往點(diǎn)擊展示、滑動(dòng)放縮等基礎(chǔ)方式，更注重與作品整體融合。橫向滾屏瀏覽地圖、滑動(dòng)屏幕“擦亮”哭墻、快速點(diǎn)擊奏響音符……這些交互引導(dǎo)設(shè)計(jì)更加自然，用戶交互發(fā)生在不知不覺中。今年央視網(wǎng)的獲獎(jiǎng)作品《燃燃燃燃燃！一張長圖帶你攀登“地球之巔”》是一張以攀登珠峰為主題的實(shí)景化長圖，創(chuàng)造性地使用了手機(jī)屏幕倒置的閱讀方式，讓受眾體驗(yàn)一步一步向上攀爬的真實(shí)感，活用了手機(jī)移動(dòng)端交互特點(diǎn)。

二是游戲形式受歡迎。新聞產(chǎn)品的游戲化互動(dòng)設(shè)計(jì)并不是表層的消遣娛樂，而是通過游戲互動(dòng)界面方式更好地傳播核心信息，并且讓受眾在獲取信息的同時(shí)感到輕松、愉悅。例如，獲獎(jiǎng)作品《2021，要“拼”出什么樣的世界？》將2020年大事件以及對(duì)2021年的展望巧妙分散在不同卡片中，以拼圖游戲的方式讓受眾主動(dòng)參與。拖拽不同卡片到正確位置拼圖的同時(shí)，也回望了2020年大事件，達(dá)成年終策劃的效果。《重走成渝古驛道 感受雙城新變化》設(shè)計(jì)了“挑戰(zhàn)答題”板塊，增強(qiáng)挑戰(zhàn)性與沉浸感，激發(fā)用戶興趣。

圖2

圖3

三是分享傳播有實(shí)效。傳播的達(dá)成需要互動(dòng)設(shè)計(jì)能夠?yàn)橛脩魳?gòu)建個(gè)性化敘事路徑、進(jìn)行定制化推薦，受眾通過自己的操作，觸達(dá)不同故事線或生成個(gè)性化內(nèi)容，樂于分享傳播。比如獲獎(jiǎng)作品《尋找英雄》，用戶通過H5瀏覽烈士遺物后，可以用卡片形式介紹烈士遺物情況及線索并生成一張帶有編號(hào)的專屬海報(bào)，并在社交媒體進(jìn)行分享，成為“尋找英雄”志愿者。這個(gè)互動(dòng)方式點(diǎn)燃了網(wǎng)友成為志愿者的熱情，作品點(diǎn)擊互動(dòng)量超2400萬。通過產(chǎn)品帶動(dòng)社會(huì)參與，6名烈士的身份和親屬關(guān)系得到確認(rèn)。

傳播美學(xué)：獨(dú)具風(fēng)格，為樣式呈現(xiàn)添彩

優(yōu)秀的界面設(shè)計(jì)不僅是內(nèi)容呈現(xiàn)、交互體驗(yàn)的“利器”，設(shè)計(jì)本身也與作品融為一體，表現(xiàn)出獨(dú)具一格的審美特征，展現(xiàn)出高超的專業(yè)性與藝術(shù)感，帶給受眾愉悅的審美體驗(yàn)。

設(shè)計(jì)不是炫技，應(yīng)當(dāng)充分運(yùn)用隱喻，突出設(shè)計(jì)風(fēng)格在內(nèi)容表達(dá)上的適配與高效。設(shè)計(jì)師在充分理解產(chǎn)品內(nèi)容的情況下，運(yùn)用隱喻，尋找恰當(dāng)?shù)姆?hào)載體表現(xiàn)內(nèi)容，把抽象信息以受眾熟悉的方式表現(xiàn)出來。《傳家寶里的新中國》通過8個(gè)家庭的“傳家寶”講述新中國成立70周年的宏大時(shí)代主題。一件傳家寶，奮進(jìn)新中國，傳家寶既然是“寶”，受眾更容易聯(lián)想到展覽館、博物館。設(shè)計(jì)師抓住這一聯(lián)想，從統(tǒng)一的配色到外觀建模均采用全屏展示、一體呈現(xiàn)的理念，為受眾營造出“網(wǎng)絡(luò)展廳”的感覺。走進(jìn)“展廳”，精美視頻開篇，經(jīng)典實(shí)物、老照片、人物音頻重現(xiàn)歷史場景，同時(shí)“展廳”以墨藍(lán)為主色調(diào)，紅色點(diǎn)綴，交織出“傳家寶”的歷史感與“新中國”的現(xiàn)代感，帶給受眾歷史現(xiàn)場感與沉浸感。再如，《大河奔流？黃河流域生態(tài)保護(hù)和高質(zhì)量發(fā)展》在其“流動(dòng)史詩”章節(jié)闡述了“保護(hù)、傳承、弘揚(yáng)黃河文化”?！包S河之水”是生生不息、綿延不絕的文化象征，設(shè)計(jì)師采用手繪中國畫長卷的形式徐徐展開，整合繪畫、詩詞、古建、文物等多種中華傳統(tǒng)文化元素，構(gòu)建故事場景，喚起集體文化記憶。

此外，設(shè)計(jì)師還可以通過專業(yè)性、藝術(shù)性的整體包裝，賦予新聞產(chǎn)品獨(dú)具特色的審美格調(diào)?！洞蠛颖剂?？黃河流域生態(tài)保護(hù)和高質(zhì)量發(fā)展》開屏以黃河艄公第一視角和民歌將讀者帶入，配以視覺沖擊力強(qiáng)的黃河實(shí)景照片，令作品猶如一卷恢宏的史詩，整體大氣磅礴。這部界面設(shè)計(jì)佳作，不亞于一篇新聞“特稿”，設(shè)計(jì)者合理運(yùn)用黃河水色調(diào)、大氣磅礴的實(shí)景照片等元素，令作品飽含文化氣息與歷史厚重感。音畫協(xié)調(diào)、氣氛烘托、動(dòng)態(tài)配合等整體包裝帶來的獨(dú)特效應(yīng)使新聞產(chǎn)品突破了傳遞信息的功能，上升到藝術(shù)審美?！都遥鎰e懸崖》以“懸崖村”航拍視頻作為背景，創(chuàng)造性地采用獨(dú)具特色的板塊分割方式進(jìn)行布局，為頁面營造出濃厚的影片感，使受眾在瀏覽新聞作品時(shí)猶如觀賞電影畫面（圖4）。

圖4

可以說，優(yōu)秀的界面設(shè)計(jì)給新聞報(bào)道特別是重大主題報(bào)道提供了新的抓手，降低了用戶對(duì)于海量信息、專業(yè)知識(shí)的理解門檻，豐富了用戶交互行為，更能為用戶帶來獨(dú)特的美學(xué)體驗(yàn)。當(dāng)然，基礎(chǔ)在于持續(xù)關(guān)注適配、延時(shí)等基本問題，保障用戶能夠平順、高效地使用產(chǎn)品。