論新聞資訊網(wǎng)站的視覺呈現(xiàn)

王亞楠

（山東工藝美術(shù)學(xué)院 網(wǎng)絡(luò)信息管理中心，山東 濟南250014）

據(jù)中國互聯(lián)網(wǎng)信息中心CNNIC 于2013 年7 月份統(tǒng)計的數(shù)據(jù)顯示，截至2013 年6 月底，中國網(wǎng)絡(luò)新聞的用戶規(guī)模已達到4.61 億，比2012 年6 月增長了17.5%。

網(wǎng)絡(luò)新聞作為網(wǎng)絡(luò)用戶的基礎(chǔ)應(yīng)用，已成為其獲取新聞的主要渠道之一，隨著微博、社交網(wǎng)站等媒體的流行，網(wǎng)民可以通過更多的渠道接觸到新聞資訊， 并在對新聞的分享和轉(zhuǎn)發(fā)過程中提升新聞的覆蓋量。 在龐大的網(wǎng)絡(luò)用戶群體面前，如何使新聞類網(wǎng)站在眾多的同類網(wǎng)站中吸引并留住訪問用戶, 除了提升新聞本身的質(zhì)量、 推出方便用戶的應(yīng)用外，網(wǎng)站良好的視覺設(shè)計也發(fā)揮著舉重若輕的作用。

1 良好的視覺設(shè)計有利于提升新聞網(wǎng)站的傳播力

在目前的傳媒市場上，要想擁有更強的競爭力，只依靠挖掘高品質(zhì)的新聞內(nèi)容和應(yīng)用已遠遠不夠，網(wǎng)站的整體視覺呈現(xiàn)同樣重要。 重視新聞網(wǎng)站的界面設(shè)計，合理利用視覺元素，既能快速、準確的傳達信息，又能提高用戶體驗，促進品牌塑造，從而增加黏性、增強網(wǎng)站的傳播力。

1.1 界面設(shè)計是新聞網(wǎng)站信息的表現(xiàn)形式，兩者相輔相成

網(wǎng)站的新聞和界面呈現(xiàn)互為內(nèi)容和形式，兩者是邏輯相依和發(fā)展的關(guān)系。 視覺作為一種特殊的感知方式，正在將當(dāng)代文化從傳統(tǒng)的印刷文化轉(zhuǎn)變?yōu)橐环N視覺文化。 在信息的獲取和閱讀方式上，也由基于印刷文本的閱讀漸漸轉(zhuǎn)換為基于視覺圖像的解讀。

美國心理學(xué)家W·J·T·米歇爾就曾指出：“ 視覺文化是指文化脫離了以語言為中心的理性主義形態(tài), 日益轉(zhuǎn)向以形象為中心, 特別是以影像為中心的感性主義形態(tài)。 視覺文化, 不僅標志著一種文化形態(tài)的改變和形成, 而且意味著人類思維范式的一種轉(zhuǎn)換。 ”

1.2 有助于確立獨特風(fēng)格，塑造品牌

良好的界面設(shè)計可使網(wǎng)站與其他同類網(wǎng)站明顯區(qū)分。確立自己獨特的風(fēng)格特征，確保在運營活動中的獨立性和不可替代性；明確該網(wǎng)站的定位，這些都屬于網(wǎng)站無形資產(chǎn)的一個首要組成部分。

此外， 以特有的視覺符號系統(tǒng)吸引公眾的注意力并產(chǎn)生記憶，使瀏覽者對該網(wǎng)站所提供的信息服務(wù)產(chǎn)生最高的品牌忠誠度；這些都有利于傳達網(wǎng)站的理念和文化，同時提高員工對本網(wǎng)站的認同感，從而加強團體凝聚力。

1.3 網(wǎng)站文化與VIS 的統(tǒng)一

網(wǎng)站獨特的“LOGO”、總體色調(diào)、字體設(shè)計、版式、圖片等視覺元素都能在閱讀者腦海中形成品牌形象。 但設(shè)計過程中要從整體出發(fā)，符合物理一致性。

以提供信息服務(wù)為主的新聞網(wǎng)站給人以穩(wěn)重感和可信任感。但若在界面設(shè)計中使用亮粉色或者漫畫字體可能不是正確的選擇，這不僅僅是美學(xué)的問題，還是戰(zhàn)略定位的問題。

1.4 有助于凸顯新聞網(wǎng)站的功能

新聞網(wǎng)站作為新型的網(wǎng)絡(luò)媒體，主要功能是傳播新聞信息。 但不同層次、不同領(lǐng)域的用戶的信息需求也不一樣?？茖W(xué)、合理的界面設(shè)計如：設(shè)計底色多樣的導(dǎo)航條、粗細不一的字體等，都能有效區(qū)分各種信息板塊、從而提供給用戶順暢的視覺流程，方便用戶快速的瀏覽、查找所需訊息。

2 新聞網(wǎng)站視覺設(shè)計原則及建議

基于新聞類網(wǎng)站的特點,我認為新聞網(wǎng)站的視覺設(shè)計應(yīng)該參照以下原則：

2.1 采用清晰、合理的布局，科學(xué)的結(jié)構(gòu)、干凈的頁面，方便用戶瀏覽信息

新聞類網(wǎng)站功能主要以傳達信息為主，在網(wǎng)站頁面布局設(shè)計和結(jié)構(gòu)規(guī)劃上應(yīng)注重如何更能直觀、準確的呈現(xiàn)新聞信息。 頁面布局是設(shè)計過程中的框架，結(jié)構(gòu)化的設(shè)計方法可使各類資訊按照重要程度和邏輯順序進行排列，做到條理清晰、重點突出。 在細節(jié)上比如：新聞標題的行和列之間可以適當(dāng)留出邊距和行距，注意留白；在需要重點突出的地方使用局部顏色的反差或者動畫等吸引眼球的方式來表示等。

2.2 使用和諧、適合主題的網(wǎng)站配色

網(wǎng)站配色也稱 “標準色”， 是網(wǎng)站形象識別系統(tǒng)中的重要組成部分，不同的色彩呈現(xiàn)可以為瀏覽者帶來不同的情感聯(lián)想，如果一個網(wǎng)站的頁面色彩搭配得當(dāng)，統(tǒng)一和諧，瀏覽者就能從中獲得視覺心理上的共鳴。

新聞網(wǎng)站可以根據(jù)自身的定位和主題等來建立自己的配色體系，比如以娛樂為主的搜狐網(wǎng)采用底色為白色、 小區(qū)域為亮黃色的色調(diào)，來吸引瀏覽者眼球；而新華網(wǎng)因其莊重、理性的特點，標準色采用深藍色，給人以理性、客觀和值得信賴的感覺。

2.3 圖文并茂、相得益彰

文字和圖片作為信息傳播的兩種主要載體，兩者之間是一種互相補充的關(guān)系，文字多了沉悶、呆板，無法留住瀏覽者的目光；但圖片過多，又會減少頁面的信息量，不符合新聞網(wǎng)站的特點，嚴重的還會導(dǎo)致整體頁面的視覺混亂。只有文字和圖片的合理配對，恰當(dāng)排列，才能既顯示新聞網(wǎng)站的豐富內(nèi)容，又能有效的活躍頁面，

在圖片的選擇和處理上，除了要貼合新聞主題，還可以引入“扣人心弦效應(yīng)”思想。 “扣人心弦效應(yīng)”由布魯瑪W. 蔡加尼克(Bluma W.Zeigarnik)在1927 年提出，他發(fā)現(xiàn)人們大多無法忍受不確定性，更傾向于對感興趣的、未回答的問題盡快找到答案。在網(wǎng)站的視覺設(shè)計中，我們可以通過選擇恰當(dāng)?shù)膱D片，在瀏覽者和圖片間建立情感聯(lián)系。 如美國華盛頓郵報10 月份推出的全新頁面， 就是將不同的內(nèi)容主題以熱門話題的圖片加以標示，通過動態(tài)的話題式互動，激發(fā)瀏覽者的好奇，使其通過點擊不同的圖片，來了解圍繞該主題的所有資訊。

2.4 合理使用多元化的視覺元素，把握合適的尺度

多元化的視覺元素如聲音、圖片、動畫、視頻等可以提升新聞網(wǎng)站的表現(xiàn)力，提供給瀏覽者更直接的視覺感受。 但使用視覺元素傳達信息應(yīng)該是理性、有計劃的，要把握合適的尺度，不能單純的為了追求視覺效果而濫用。 新聞網(wǎng)站視覺設(shè)計的最終目的就是為了突出新聞、表達內(nèi)容，像動畫、閃爍的字體等都是為了傳達特定的信息而存在的，不能因為一些無謂的視覺噪音的存在妨礙了信息的傳送。

2.5 以用戶為中心、合理設(shè)計視覺流程，提供良好的用戶體驗

視覺流程指的是使閱讀者的視線跟隨頁面中的文字、圖片等在空間沿著一定軌跡運動的過程，是以人的生理習(xí)慣和心理習(xí)慣的認知模式來進行的。

心理學(xué)上研究認為，在瀏覽頁面時，上方和左方比較受重視。信息可以依據(jù)重要程度按照“從上而下”、“從左而右”的順序進行排列。 對新聞網(wǎng)站來說，合理、科學(xué)的視覺流程應(yīng)該按照信息的重要程度來排序，并設(shè)計清晰、流暢的視覺導(dǎo)向來引導(dǎo)瀏覽者，才能在最短的時間內(nèi)有效的傳達信息。

在網(wǎng)站的視覺設(shè)計中，一些細節(jié)的處理也不能忽略。 在以內(nèi)容為主的新聞網(wǎng)站設(shè)計中， 不僅要使用各種視覺元素對不同板塊進行區(qū)分，還要突顯網(wǎng)站的細節(jié)功能如導(dǎo)航和檢索等。 網(wǎng)站的導(dǎo)航條和搜索框必須清晰可見，容易辨認和使用。

3 結(jié)論

新聞網(wǎng)站要想在同類媒體網(wǎng)站中脫穎而出，除了提供高質(zhì)量的新聞內(nèi)容、推出方便快捷的基礎(chǔ)應(yīng)用，在視覺呈現(xiàn)的設(shè)計上也需多費心思，設(shè)計者不僅要做到網(wǎng)站的可讀性、服務(wù)性的有機結(jié)合，還要充分考慮到用戶信息獲取過程中的各種細節(jié)，提供良好的閱讀體驗，才能使新聞網(wǎng)站為用戶提供更好的信息服務(wù)。

［1］加瑞特. 用戶體驗要素：以用戶為中心的產(chǎn)品設(shè)計[M]. 機械工業(yè)出版社,2011－7－1.

［2］W·J·T·米歇爾.圖像轉(zhuǎn)向[J].文化研究,2002：14－17.

［3］顧群業(yè)，宋玉遠，張廣帥.網(wǎng)頁配色密碼[M].清華大學(xué)出版社，2006,34.