論新聞資訊網站的視覺呈現

王亞楠

（山東工藝美術學院 網絡信息管理中心，山東 濟南250014）

據中國互聯網信息中心CNNIC 于2013 年7 月份統計的數據顯示，截至2013 年6 月底，中國網絡新聞的用戶規模已達到4.61 億，比2012 年6 月增長了17.5%。

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

1 良好的視覺設計有利于提升新聞網站的傳播力

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

1.1 界面設計是新聞網站信息的表現形式，兩者相輔相成

網站的新聞和界面呈現互為內容和形式，兩者是邏輯相依和發展的關系。 視覺作為一種特殊的感知方式，正在將當代文化從傳統的印刷文化轉變為一種視覺文化。 在信息的獲取和閱讀方式上，也由基于印刷文本的閱讀漸漸轉換為基于視覺圖像的解讀。

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

1.2 有助于確立獨特風格，塑造品牌

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

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

1.3 網站文化與VIS 的統一

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

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

1.4 有助于凸顯新聞網站的功能

新聞網站作為新型的網絡媒體，主要功能是傳播新聞信息。 但不同層次、不同領域的用戶的信息需求也不一樣。科學、合理的界面設計如：設計底色多樣的導航條、粗細不一的字體等，都能有效區分各種信息板塊、從而提供給用戶順暢的視覺流程，方便用戶快速的瀏覽、查找所需訊息。

2 新聞網站視覺設計原則及建議

基于新聞類網站的特點,我認為新聞網站的視覺設計應該參照以下原則：

2.1 采用清晰、合理的布局，科學的結構、干凈的頁面，方便用戶瀏覽信息

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

2.2 使用和諧、適合主題的網站配色

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

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

2.3 圖文并茂、相得益彰

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

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

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

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

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

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

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

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

3 結論

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

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

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

［3］顧群業，宋玉遠，張廣帥.網頁配色密碼[M].清華大學出版社，2006,34.