摘要：隨著新媒體技術的發(fā)展和媒體融合的深入，優(yōu)秀的新聞作品在網頁及界面設計中呈現(xiàn)出不少新的特征。媒體在重視融合新聞內容生產的同時，應充分抓住并凸顯這些外在新特征，發(fā)揮其網絡議程設置功能，增強新聞的表現(xiàn)力，以及媒體自身傳播力、影響力。筆者對近三屆（第28、29、30屆）中國新聞獎中新聞網頁及界面設計分項的26件獲獎作品進行綜合分析后發(fā)現(xiàn)，在媒體融合背景下，新聞網頁及界面設計在視覺元素的運用與表達方面呈現(xiàn)出基于新技術的多樣性、專業(yè)性和藝術性新特征；在布局結構方面呈現(xiàn)全屏一體化和自適應性新特征；在互動設計上則表現(xiàn)出基于富媒體技術的多元化、社交屬性突出和游戲化新特征。

關鍵詞：新聞網頁設計；新媒體界面設計；新特征；中國新聞獎；媒體融合

中圖分類號：G210.7 文獻標志碼：A 文章編號：1674-8883（2021）16-0018-03

基金項目：本論文為重慶市社科規(guī)劃重點項目“十四五時期重慶推進全媒體傳播工程研究”成果，項目編號：2021WT11

一、引言

第47次《中國互聯(lián)網絡發(fā)展狀況統(tǒng)計報告》顯示，截至2020年12月，我國網民規(guī)模為9.89億，其中，網絡新聞用戶規(guī)模為7.42億，占整體網民比例的75.1%[1]。除了傳統(tǒng)的新聞網站，“兩微一端”也是網民重要的新聞信息來源。2020年9月，中共中央辦公廳、國務院辦公廳印發(fā)《關于加快推進媒體深度融合發(fā)展的意見》，為媒體深度融合發(fā)展指明了方向。在媒體融合背景下，如何更好地滿足網絡新聞用戶的需求，提高用戶黏性，打造具有較高影響力的融合新聞傳播矩陣，成為各級媒介機構值得探索一題。從計劃行為理論角度來看，媒體除要堅持輸出高質量融媒體內容外，在科技不斷進步的今天，還應重視新聞的呈現(xiàn)方式，在頁面設計上下功夫。本文對中國新聞獎近三屆（第28—30屆）與新聞網頁或界面設計有關的專項獎中的26件獲獎優(yōu)秀作品進行分析，以期幫助各媒體在融媒體環(huán)境下準確把握新聞作品在網頁及界面設計中呈現(xiàn)出的新特征。通過改進網頁或界面設計，增強用戶的感知易用性，增強新聞的表現(xiàn)力，以及媒體自身傳播力、影響力。

二、獲獎作品的基本情況

中國新聞獎是經中央批準常設的全國優(yōu)秀新聞作品最高獎，由中華全國新聞工作者協(xié)會組織評選。自1991年起，中國新聞獎每年評選一次，設獎數(shù)額不超過350個。根據中國記協(xié)網的公示信息，第28屆和第29屆與網絡新聞頁面設計相關的參評項目有兩類，分別是主要針對PC端的網頁設計和兼容移動端的新媒體報道界面。隨著媒體融合的深入，第30屆中國新聞獎評選將這兩個參評分項合二為一，統(tǒng)一為頁（界）面設計。通過對中國記協(xié)網公布的有效名單進行統(tǒng)計可知，近三屆相關參評項目中包括特別獎和一、二、三等獎在內的獲獎作品共計26件，其中，網頁設計9件，新媒體報道界面12件，頁（界）面設計作品5件，各等級統(tǒng)計數(shù)據見下圖。

三、視覺元素運用與表達的新特征

新聞網頁及界面中的視覺元素是在用戶還未深入閱讀新聞內容之前，通過視覺途徑能夠直接感受到的網頁要素。具體來說，主要包括文字、圖片、視頻、動畫等多媒體元素以及頁面色彩[2]。從獲獎作品看，隨著融媒體時代的到來，新聞網頁及界面設計越來越重視視覺元素的運用與表達，呈現(xiàn)出多樣性、專業(yè)性和藝術性特征。

（一）多樣性

視覺元素的多樣性體現(xiàn)為對基于VR、H5等新技術中新元素的引入以及各元素的交叉嵌套與創(chuàng)新組合。合理利用多樣化的視覺元素，將視覺元素和新聞信息有機組合，既能吸引受眾、增加訪問量，又能培養(yǎng)出一批忠實粉絲[3]。比如，第28屆新媒體報道界面獲獎作品《VR|3D全景新時代湖北講習所》和第29屆網頁設計獲獎作品《偉大的變革——慶祝改革開放40周年大型展覽網上展館》，都引入了VR全景照片元素，采用虛實結合的方式構建了視覺的真實場景。在這些場景中，均嵌入式地匯聚了浮動文字介紹、照片、交互圖形、視頻、動畫等多元要素。高飽和度的真實色彩環(huán)境、豐富的多媒體元素使畫面更飽滿、內容更充實，帶給用戶真實的視覺沖擊和沉浸感。又如第29屆網頁設計獲獎作品“慶祝改革開放40周年”大型融媒3D專題《壯闊東方潮 奮進新時代》，一方面融合3D建模技術，開篇推出“改革印記”“百城百縣百企”“40年40個第一”“飄洋過海的中國迷”等多個重磅欄目，聚合呈現(xiàn)改革開放40年來的歷史滄桑巨變，另一方面將多幅風格統(tǒng)一的原創(chuàng)靜態(tài)彩色手繪插畫作為背景，配上不時浮動飄過的云彩、電視雪花等動態(tài)插畫元素，將文字、照片和視頻等新聞內容無縫融入，頁面動靜結合，配色豐富輕快，主題突出。這些多樣化的創(chuàng)新組合迅速抓住用戶眼球，給人耳目一新之感，不僅幫助用戶在宏大主題海量信息中迅速分清主次、理清層次，還避免在閱讀時產生枯燥感和視覺疲勞。

（二）專業(yè)性與藝術性

早期的新聞網頁及界面設計受技術、人力等條件的限制，網絡編輯身兼數(shù)職，不太重視視覺元素的運用與表達，從配色方案到素材設計等方面均缺乏專業(yè)性和藝術性。隨著新聞用戶規(guī)模不斷擴大，用戶的審美也不斷提升，其對新聞網頁視覺元素的專業(yè)性和藝術性提出了更高要求。在媒體深度融合背景下，一次采集多次利用，“中央廚房”這一新聞生產方式在提高新聞生產效率的同時，也使媒體各部門分工更細化、專業(yè)化?？v觀這26件獲獎作品，從文字設計到圖形圖像素材的質感再到配色方案都體現(xiàn)出較強的專業(yè)性，具有較高的藝術性和審美價值。比如，第28屆新媒體報道界面獲獎作品《長幅互動連環(huán)畫|天渠：遵義老村支書黃大發(fā)36年引水修渠記》，整體是以水為主線的一幅長達17頁的下拉式連環(huán)畫。為提高事件還原的真實度，選用了樸實且?guī)в衅矫嫜b飾意味的黑白風格進行創(chuàng)作，角色處理采用寫實的手法，生動傳神，畫面背景與人物主體關系黑白布局得體，加之金色作為點綴，穩(wěn)重大氣又不失活躍，帶給讀者更立體、更輕松、更震撼的閱讀體驗。再如第29屆新媒體報道界面獲獎作品《H5|改革開放40年·長沙有多“長”》，綜合運用了“手繪長卷+動畫+視頻+拼圖”的表現(xiàn)形式，新穎靈動地展示了長沙40年來的改革開放之路和崛起之道。雖以手繪畫卷做底，但質感堪比電影海報，風格大氣。按“長”字字形布局的每一組分頁動畫細膩精致，過渡流暢自然，配色溫馨靈動，整體設計專業(yè)性強，藝術氣息濃厚。該作品刊發(fā)后刷爆朋友圈，互動點擊量高達400多萬次，用戶紛紛用“震撼”“驚艷”等詞來形容對該作品的感受?？梢哉f，作品得以廣泛傳播并贏得大量用戶認可，視覺元素運用與表達凸顯出的專業(yè)性、藝術性功不可沒。

四、布局結構的新特征

早期的新聞網頁和界面布局以實用性為主，常見的布局包括川字形、T形、國字形等，沿用了報紙的版面設計風格，各內容區(qū)塊以矩形為主，區(qū)塊間界限明顯，且多有留白，呈現(xiàn)結構以樹狀為主，強調首頁索引作用，通過超級鏈接實現(xiàn)分頁或欄目跳轉。而現(xiàn)階段，順應媒體融合發(fā)展要求，新聞呈現(xiàn)的布局結構要同時兼顧PC端等大屏及智能移動端等小屏用戶的操作特點和閱讀習慣，故表現(xiàn)出全屏一體化和自適應性等新特征。

（一）全屏一體化

通過分類觀察發(fā)現(xiàn)，近幾屆中國新聞獎的所有獲獎作品的布局結構都呈現(xiàn)出全屏一體化特征，而且這一特征在以下三類新聞作品中尤為顯著。

第一類是網絡新聞專題或矩陣。這類作品打破傳統(tǒng)布局固有模式，首頁的索引作用被淡化，各內容區(qū)塊形狀不再固定，欄間界限不再生硬。比如，第28屆網頁設計特別獎獲獎作品《央視網零首頁十九大特別報道矩陣設計》和第30屆頁（界）面設計特別獎獲獎作品《走向偉大復興報道矩陣》均采用了零首頁的設計思路。前者使用開屏動畫、頁面封套、伴隨式浮層等界面創(chuàng)新方式，全屏呈現(xiàn)海量融合的新聞內容，各版塊間無縫銜接，平滑過渡，通過封套配色及圖形外觀設計加強聚合內容的一體化特征；后者在首屏空間利用莊重大氣的超寬大圖、超大標題進行全屏展示，以提升視覺沖擊力。此外，不管是第29屆網頁設計獲獎作品《脫貧攻堅“連環(huán)計”》，還是第30屆頁（界）獲獎作品《傳家寶里的新中國》，均采用了類似“網絡展廳”的設計理念，從統(tǒng)一的配色到外觀建模均體現(xiàn)了全屏展示、一體呈現(xiàn)的理念。

第二類是主要針對手機端優(yōu)化的長圖或H5新聞作品。比如，第29屆新媒體報道界面獲獎作品《震撼！一張長圖帶你領略港珠澳大橋》，界面四周不再留白，橫向多屏共同展示港珠澳大橋的全貌，文字說明穿插于長圖中，各屏內容間延續(xù)性、整體性極強。這樣的一體化設計在準確生動地傳遞相關新聞資訊的同時，讓用戶直觀地感受到港珠澳大橋的磅礴氣勢。又如，第28屆網頁設計獲獎H5作品《打開這幅手繪長卷，帶你一起“川”越5年！》，作品將一副色彩水墨手繪長卷切割為多個H5場景頁面，并于卷內無縫連接，用戶可以通過一鍵滑動的便捷方式瀏覽整幅長卷。文字和彩蛋般的交互動畫融于連貫的畫卷之中，讓用戶在欣賞這幅名家畫作的同時，深入感受四川過去五年里各領域的巨大變化。

第三類是VR全景新聞作品。這類作品打破了前兩類作品所受的二維空間束縛，將全屏一體化展現(xiàn)得淋漓盡致。例如，第30屆頁（界）面設計獲獎作品《全景體驗“永不落幕”的線上世園會》，采用全景漫游技術，最大限度地還原真實場景，為用戶打造了一場360度全視角的線上虛擬展會，傳統(tǒng)頁面的布局要素內化于全屏一體化的虛擬場景中。

（二）自適應性

PC端和手機端除展示屏幕大小不同外，還存在縱橫比的差別。為滿足各終端用戶的閱讀需求，新聞網頁及界面的布局需根據訪問設備的屬性，自動切換橫屏或豎屏的呈現(xiàn)模式，或自動調整排列結構。例如，獲獎作品《偉大的變革——慶祝改革開放40周年大型展覽“網上展館”》，在使用手機端瀏覽同一網址時會直接跳過PC端的開場動畫，且取消了PC端的機器人解說員。由于橫向視野更窄，原PC端頁面左右兩側的“快捷導航”欄和“時代記憶”欄也化為了手機屏幕上下兩端的兩個入口圖標，且展開后也只能以半透明的形式浮動在網上展館正上方。這些結構的自適應調整是為了便于不同終端用戶的閱讀，使其無差異地感受到有用性和易用性，從而提高新聞傳播的有效性。總之，從媒體融合發(fā)展趨勢看，自適應性既是新特征，也是新要求。

五、互動設計的新特征

從獲獎作品頁面的互動設計看，界面互動入口與頁面環(huán)境融為一體，交互行為多元且充滿創(chuàng)意，個性化內容的產生使其社交屬性凸顯。交互形式充滿游戲般的趣味性、挑戰(zhàn)性和強烈的沉浸感，真正實現(xiàn)了用戶從閱讀新聞到走進新聞的轉變。

（一）基于富媒體技術的多元化

隨著信息技術的發(fā)展和專業(yè)化程度的提升，新聞頁（界）面的互動行為日益豐富，創(chuàng)新的組合帶來極佳的傳播效果。比如，第28屆獲獎作品《不忘歷史 矢志復興——南京大屠殺死難者國家公祭日》，就采用了富媒體交互技術，大量運用了包括圖文、視頻、VR、直播等多元交互方式。尤其是作品中的 “為歷史拂塵”環(huán)節(jié)，讓用戶通過與現(xiàn)實動作類似的方式親手擦亮“哭墻”上的遇難者姓名，看似簡單的動作，卻能深深觸動用戶的心靈。這一創(chuàng)新互動設計吸引了超640萬用戶參與，被包括新華社在內的業(yè)內專家評價為公祭日“最走心互動”。

（二）社交屬性突出

社交的本質是溝通與分享。在網絡社交媒體空前繁榮的今天，網絡新聞要想擴大傳播范圍，提升影響力，就必須充分利用好這一傳播渠道。因此，在設計互動時，就要注重增加作品的趣味性，打造更多屬于用戶的個性化內容，使用戶愿意參與的同時，更樂意與他人分享。比如，獲獎作品《新時代湖北講習所》，除旋轉視角、單擊選擇場景、觀看多媒體內容、滑動切換界面或照片等常規(guī)互動方式外，主展廳中內嵌的H5作品《同學，新時代湖北講習所開講啦！》開篇就采用了用戶輸入姓名、上傳照片，系統(tǒng)自動為其制作學員證的方式，生成用戶專屬內容。這些個性化內容恰巧契合了新媒體用戶在社交網絡中展示自我、彰顯個性的需求。也正因此，用戶通過社交網絡分享和展示的意愿也更加強烈。在兩會現(xiàn)場代表委員加入學習行列的當天，該H5作品就發(fā)出了27萬張學員證，經多端同時推出后，其點擊量迅速破百萬。新聞內容借由活躍的人際渠道擴大了傳播范圍，提高了影響力。

（三）游戲化

中國人民大學新聞學院教授、博士生導師匡文波在他的《新媒體概論》中指出，網民上網的動機包括求知、消閑娛樂、求名、求便、逃避五個方面[4]。根據美國傳播學者施拉姆的信息選擇或然率公式，報償?shù)谋ＷC（即傳播內容滿足選擇者的需要的程度）越高，該傳播內容被用戶選擇的概率就越高。游戲化的新聞頁（界）面互動設計可以同時滿足用戶對求知和消閑娛樂的需求，通過為用戶帶來較高的報償保證，實現(xiàn)新聞傳播效果的最大化。例如，H5作品《改革開放40年·長沙有多“長”》，在生動展示新聞內容的同時，設置了若干個可供搜集的碎片，并以此為過關條件，開啟最終拼圖挑戰(zhàn)。無論是碎片搜集、闖關設計還是拼圖挑戰(zhàn)，都是游戲中的常見要素。再如，VR作品《永不落幕的線上世博園》和《新時代湖北講習所》，均采用了虛實結合的全景畫面，讓用戶可以在虛擬建模內高自由度地游覽各個場景，并體驗闖關挑戰(zhàn)。這些設定讓用戶仿佛置身于RPG（角色扮演）游戲中，游戲化的互動設計為他們帶來趣味性、挑戰(zhàn)性、高沉浸度的融合感受，使其真正走進新聞，深度感受新聞。

六、結語

在媒體深度融合背景下，新聞網頁及界面設計在視覺元素運用和表達、布局結構和互動設計三方面都呈現(xiàn)出不少新特征。媒體應從這些優(yōu)秀的獲獎作品中汲取營養(yǎng)，在重視融合新聞內容生產的同時，充分把握并凸顯這些外在新特征，內外合力，在信息爆炸、渠道多元的融媒體環(huán)境中進一步提升自身傳播力和影響力。

參考文獻：

[1] 第47次《中國互聯(lián)網絡發(fā)展狀況統(tǒng)計報告》發(fā)布[J].新聞世界，2021（03）：96.

[2] 曹珍.視覺元素在網頁設計中的表達與運用[J].中國報業(yè)，2021（06）：64-65.

[3] 趙蕾.新聞網站中頁面的藝術設計[J].新聞戰(zhàn)線，2017（20）：131-132.

[4] 匡文波.新媒體概論[M].北京：中國人民大學出版社，2019：55-56.

作者簡介：張瑩（1982—），女，重慶涪陵人，碩士，講師，研究方向：網絡與新媒體傳播。