信息傳達在網頁設計中的有效性簡析

我們生存在一個多元的社會系統里，特別是20世紀以來，社會信息的大量積聚使人們對信息整理的要求劇增，信息傳播和接收的有效性變的尤為重要。而設計是解決這一社會問題的最有效且最經濟的方式。

根據美國哈佛商學院研究人員的分析資料表明，人的大腦每天通過五種感官接受外部信息的比例分別為：味覺1%，觸覺1.5%，嗅覺3.5%，聽覺11%，以及視覺83%。所以視覺形式的信息接受是人類最主要的信息來源，視覺信息傳播的形式可以達到最大的傳播效果。視覺傳達設計就是通過對信息進行可視化設計來達到傳播信息的目的。而數字化多媒體的出現不斷地挑戰并充實著傳統的視覺傳達方式，視覺傳達由以往形態上的平面化、靜態化，開始逐漸向動態化、綜合化方向轉變，從單一媒體跨越到多媒體，從二維平面延伸到三維立體和空間，從傳統的印刷設計產品更多轉化到虛擬信息形象的傳達。

互聯網就是當今時代占據絕對主流的傳播方式，它代表著一種嶄新的信息交流方式，它使信息的傳播突破了傳統的政治、經濟、地域及文化的阻隔，使信息傳達的范圍、速度與效率都產生了質的飛躍。當代的網頁視覺設計由最初的信息堆砌到后來的圖形化、抽象化，走到今天的信息視覺化，經歷了3個迥然不同而又相互遞進的過程。然而很多網站的信息傳播效率并不高，甚至造成了根本無法使用戶獲取有用信息的狀態。網絡是一個處理信息的巨型平臺，如何提升網頁視覺信息傳達的有效性，是網頁設計者必須要解決和重視的問題。

一、信息圖形設計

信息設計是感性與理性的有機結合，是用合理的設計方式分析并組織數據和信息，讓數據信息變得明確有針對性，可以方便用戶閱讀記憶。信息圖形設計是信息設計中最常見的方式，采用圖片、符號、顏色和文字等要素組織信息。通過對比、空白和張力構建設計形式和內容之間的聯系。

(一)對比手法的應用分析

圖形設計主要是以對比為基礎的，它可以引導觀者的視線并分配版面中元素的重要性。對比存在于圖形設計的很多元素之間，文字通過大和小、襯線字體和無襯線字體、黑色和白色等之間的對比來增強視覺吸引力，圖像則是在明和暗、抽象與具體、有序與混亂等方面進行對比。在一個界面上，彩色與單色、圖形與文字之間都可以形成對比。而這些對比并不是無意義的迎合設計，而是每一處都有它的特定目的，顏色的對比突出重點。色塊與實物攝影的對比使網頁更有節奏性，通過對比的形式更能吸引人的注意力，留下深刻的印象。

(二)留白和張力的功能分析

留白是主要用于構建圖形設計平衡的屬性，它是極簡抽象藝術的重要表現手法，可以定義比例，把元素整合或者拆分，提升元素的生命力和趣味性。留白也同樣被廣泛運用到中國畫中，實踐研究表明，留白的合理使用，會改變傳統閱讀的習慣，引導用戶進行瀏覽，有效地突出了網站計劃傳遞給用戶的信息，是信息傳達更加直接準確。通過留白手法的運用，平面設計的想象空間得到了有效拓展，可以讓觀眾充分發揮聯想能力，作品意境得到了豐富。留白的藝術作品所營造的通透感，使設計變成“會呼吸的設計”。在設計中還有一個重要屬性是張力。用戶會通過張力把設計的細微部分聯系起來，利用張力吸引用戶。

頁面中的空白用來定義頁面平衡并且吸引用戶進行瀏覽，突出必要傳遞信息。圖形的應用將注意力吸引到為什么如此設計的問題上來，用戶會嘗試解讀設計的意義。它本身的張力引導用戶進行交互點擊，使用戶體檢更加便捷準確。信息設計的最基本原則就是準確性和有效性，所以合理運用構建聯系的這三種設計屬性，可以設計出優秀的圖形設計。

(三)隱喻手法在信息傳遞中的重要性

圖形設計是信息傳達中最有效的形式，除了三大設計屬性之外，圖像元素是構成優秀圖形設計的的關鍵。主動直接的展示形式可以使用戶集中注意力在圖像主題上。而另一種更具設計感的圖像表現形式是隱喻。這種表現手法會引導用戶研究設計意圖，優秀的隱喻通過形狀顏色和抽象含義傳遞給用戶的是長久的記憶。相反，如果隱喻的含義沒有認真的揣摩設計，那同樣很容易給用戶留下完全不正確的印象。

二、結論

在這個多元化的時代，網絡是一個標志，信息的傳達不會因為方式而受到阻礙。網頁作為一種新的視覺表現形式，是信息交流的發展趨勢。本文通過簡要分析了提升視覺信息傳達有效性的幾點原則。簡潔和復雜不是衡量設計的標準，設計是需要考慮信息所處的環境和受眾群的。以真實的信息為基礎，在此基礎上達到更好效果的“有效傳達”才是網頁設計的關鍵。對比適當、重點突出的視覺圖形可以幫助我們以整體的分析觀察數據，使原本復雜的事物變得清晰準確，易于理解，更加美觀。舒適的用戶體驗還可以促使用戶收藏并重復瀏覽網頁。網頁視覺信息的有效傳播，不僅是滿足信息提供者的訴求，也使瀏覽用戶獲得愉悅與共鳴。

[1]孫皓瓊.圖形對話——什么是信息設計[M].北京：清華大學出版社，2011.

[2]Smashing Magazine網站[德]，陳宗斌 譯.眾妙之門：網站UI設計之道2[M].北京：人民郵電出版社，2012.

[3]Cooper，Alan.About Face 3：交互設計精髓[M].Wiley，2007.

[4]Smashing Magazine網站[德]，趙俊婷 譯.眾妙之門：網頁設計專業之道[M].北京：人民郵電出版社，2013.

[5]魯道夫·弗里林[德]，迪特爾·丹尼爾斯[德]，潘自意，陳韻 譯.藝術媒體網絡[M].上海：上海人民出版社，2014.