王亞楠

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

基于新聞?lì)惥W(wǎng)站的特點(diǎn),我認(rèn)為新聞網(wǎng)站的視覺設(shè)計(jì)應(yīng)該參照以下原則：

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

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

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

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

新聞網(wǎng)站可以根據(jù)自身的定位和主題等來建立自己的配色體系，比如以?shī)蕵窞橹鞯乃押W(wǎng)采用底色為白色、 小區(qū)域?yàn)榱咙S色的色調(diào)，來吸引瀏覽者眼球；而新華網(wǎng)因其莊重、理性的特點(diǎn)，標(biāo)準(zhǔn)色采用深藍(lán)色，給人以理性、客觀和值得信賴的感覺。

2.3 圖文并茂、相得益彰

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

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

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

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

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

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

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

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

3 結(jié)論

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

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

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

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