信息圖形設計在網站界面中的應用探究

隋慧笛

摘 要：如今，人們越來越依賴互聯網獲取信息，網絡為人類提供的信息繁雜龐大，如何對信息實現有效地整合，設計出條理清晰、主次分明的信息結構，便于受眾查找，是信息圖形設計工作的重中之重。本文通過對信息圖形設計的發展趨勢、設計特點及表現形式等方面進行研究，分析了信息圖形設計在網站中的應用優勢及必要性，為人們獲取信息提供更多的便利。

關鍵詞：信息；圖形設計；網站界面

信息圖形的概念出現在20世紀中后期，信息圖形將信息與圖形、圖表等結合在一起，能夠更加直觀和清晰地闡述數據，使受眾更加迅速地理解數據傳達的信息，清楚數據之間的關系，以及數據所反映的事件或者事物及他們發展的狀態和趨勢。

1 信息圖形設計在網站界面中應用的必然趨勢

信息圖形設計的發展變化離不開科學技術。信息圖形設計伴隨著科技發展和人們審美要求的提高將不斷地發展及應用。網站作為信息時代最主要的傳播媒介，信息圖形的應用是網站界面設計發展的必然趨勢。

1.1 數字技術的發展

數字技術的發展為藝術設計的創新設計提供了技術支持，數字藝術是藝術與技術相結合的表現形式——相輔相成、相互促進。離開數字技術的藝術作品將失去許多新穎的形式感和趣味性。數字技術的發展對于網頁界面信息圖形設計起到了至關重要的作用，信息圖形設計更是依靠著數字技術的發展實現新的突破。網頁設計軟件的發展與完善，使網站界面設計的信息系統化、設計專業化，加快了信息傳達的準確度。技術的進步促進了藝術設計的發展，設計的需求也激勵了技術的更新。因此，在進行網站界面中進行信息圖形設計時，應時刻注意新技術的發展應用，利用新技術更好地展現設計，實現信息更好更快地傳播。

1.2 審美要求的提高

網站界面設計是隨著現代科技發展起來的新興設計領域。如今，人們的工作生活已離不開互聯網，網頁界面中往往承載著大量的信息。因此，信息圖形設計在網站界面設計中必不可少。網頁界面的設計主要是針對視覺來開展進行的，而信息圖形設計能更好地幫助人們從掌握主體內容，讓原本不易理解的事物變得脈絡清晰準確，并且美觀易懂。信息圖形設計在網站界面中的應用不只是簡潔明了的進行信息閱讀和提取，也是人們對于視覺設計美的追求，信息圖形設計能夠美觀地展示枯燥的數據和文字，多樣的圖形設計和鮮艷明亮的色彩都能夠更加吸引人們的注意，充分體現了人們對于審美要求的提高。

2 網站界面中信息圖形設計的特點

2.1 可視的信息傳達

網站界面中信息圖形的應用主要表現在兩個方面：一是將網站界面中最主要的信息有效地呈現出來；二是將網站界面多層次的信息呈現出來。信息圖形設計是將文字信息、數據圖表等用圖形的方式將信息生動有趣地展現出來，其根本目的在于將信息用清晰、簡潔、易理解的方式傳達出來。在網站界面信息圖形的應用中應該突出信息內容，使網站的信息內容可讀性更高，最大程度的傳達信息內容，處理好信息的識別度和圖形的美觀性，是信息圖形設計在網站界面中應用的關鍵。

2.2 美觀的信息展示

信息圖形不僅要有效地傳播信息，還要具有視覺美感，只有這樣，在受眾獲取信息的過程中才能產生愉悅感，有助于信息的傳播理解。對于網站界面而言，運用將信息圖形化的方法對于界面中每一層信息及結構進行梳理和規劃，將圖形、文字、色彩等元素通過排版、組織結構的方式，呈現出一種視覺美感。在保證信息易識別的基礎上，準確地傳達出信息之間的聯系及結構。

3 信息圖形設計在網站界面中的表現形式

3.1 文字圖形設計

網站中文字的圖形設計主要有兩種形式：一種是將文字直接進行圖形設計，“字”與“圖”結合，具有功能性和視覺導向性；另外一種是將文字有序的組合成圖形，“字”組成“圖”，具有直觀性和隱喻性。將文字圖形化后的界面，更加吸引人們的注意，加快信息的理解速度。人們對于圖形元素的記憶和興趣遠遠大于對文字的理解記憶，將文字所含意義用圖形的方式表現出來可以加快信息的傳遞，也可以通過把大量文字精簡成具有邏輯關系的圖形表達。

3.2 數據圖形設計

網站界面所蘊含的信息量都是非常大的，對信息進行系統的整理，可以減少用戶了解信息的時間。數據信息的圖形設計是網站界面中信息內容迅速呈現的一個重要板塊，數據信息的圖形設計有利于迅速的展示信息?？焖俚亓私饨y計數據，將數據進行圖形化設計，有助于用戶的分析比較。

3.3 結構圖形設計

網站結構的圖形設計可有效讓用戶對于網站有一個整體的感知，快速了解網站的功能和內容。網站界面結構的圖形設計通過對文字的疏密、圖形的大小和方向、背景的虛實、色調的變化等來產生視覺的空間感和韻律感，有效引導用戶的視線。網頁界面中的框架結構圖同樣能夠傳遞信息。一些網站頁面的框架骨骼就是從它的LOGO演變而來的，傳遞著高度的企業理念信息，具有很強的識別性。

網站界面的整體結構排版是網站界面的主體，是界面的骨骼，設計得當不僅具有引導視覺流程的作用，還能增強信息的傳遞。滿足人們審美和個性化的需求。

綜上所述，網站界面設計的整個界面元素應該包括風格、字體、色彩、結構、用戶體驗等等，上述圖形化文字、數據、結構都是信息圖形化在網站界面中局部應用的體現。這些元素相輔相成，信息圖形設計在網站界面中的應用是一個綜合具體的概念，需要整體考慮設計。

4 信息圖形應用于網站界面設計的優勢

4.1 視覺元素的提煉

信息圖形設計是一個提煉信息并圖形視覺化的過程。對于在網站界面中有效應用信息圖形所提煉出的視覺元素，減少了用戶在使用過程中所要處理的信息內容，使用戶在界面中可以迅速將記憶力集中到網站所要傳達的核心信息內容上。如今，界面扁平化的設計趨勢便是最好的例證，界面的簡潔的圖標結構更有利于用戶獲取信息，人們更愿意接受簡潔干凈的信息圖形所帶來的視覺認知體驗，運用最簡單的圖形視覺元素傳達出更多的信息。在網站界面中多余的視覺元素會降低信息的認知度，信息圖形設計會有效的提煉出視覺元素傳達信息，在網站界面中應用有利于清晰表現出網站信息的各部分結構，使用戶有更好的體驗。據認知學研究表明，人類只能夠同時記住界面中4到5種視覺元素.因此，在不影響整個網站使用的情況下，信息圖形設計能夠使網站界面的視覺元素更加精簡系統。

4.2 色彩信息的傳達

信息圖形設計中色彩的使用方式不僅可以區別各個事件、數據之間的關系，幫助用戶記憶信息，還能夠表現抽象信息所具有的情感屬性和氛圍。在處理網站界面中信息圖形的色彩時，圖形大小和顏色之間的對應關系是在網站界面中設計的重要因素。在網站界面的信息圖形設計中增加適當的色彩，利用互補色和同類色可以使不同的信息更容易區分和識別，提高用戶的反應速度。利用色彩的沖擊力和隱喻帶給用戶更直觀的感受，在用戶與網站界面中信息圖形化的交互過程中，快速識別信息內容并及時得到界面的反饋，能夠縮短用戶的認知和操作的時間，提升用戶情感體驗。

4.3 人機互動的流暢

合理地將信息圖形在界面中進行規劃可以提高人機互動的流暢度，人們的視覺感應會隨著圖形信息顏色信息的變化而變化，具有一定的方向性和重點性，這就要求在網站界面的設計中合理地使用和分布信息圖形。網站界面中的信息圖形會影響到用戶在交互過程中的效率和速度，如果信息圖形運用得好可以有效地提供操作上的幫助。網站界面中的信息圖形可以引導用戶對界面信息進行選擇、移動、拖拉等操作，幫助用戶快速熟悉界面信息，清晰流暢的獲取網站的信息內容，同時也增添了人機交互的樂趣。例如，初始界面提供鼠標或手勢操作示意圖，標明如何切換、放大或選擇；在可以繼續點擊或選擇的信息圖形上做以閃動、發亮等提示性標志，以此告知用戶下一步的方法和步驟；當用戶在操作過程中出現錯誤時，及時給予友好的提示和建議，減輕用戶由于持續出錯而出現厭煩情緒。由于網站中信息量大、層級復雜，信息圖形在網站界面中的應用可以令用戶在選擇信息時形成一個較為流暢、完整的行為過程，更能令各種信息之間的關系清晰化。

4.4 情感體驗的提升

設計的直接的對象是使用者，人在使用產品時就是一個人機交互的過程，設計藝術更應該注重的是使用者的感受，是與機交互的情感體驗，而不僅僅是提高使用的效率和簡易性。因此，一個成功的設計應該是針對目標人群的情感體驗所進行的，使人心情愉悅，讓人喜歡，給人帶來快樂。產品具有好的功能是重要的，產品讓人易學易用也是重要的，但更重要的是，這個產品要能使人感到愉悅。[1]

網頁界面中良好的視覺設計能給人深刻的印象，精心設計的內容、顏色、圖片都能給人留下良好的、舒服的環境去體驗產品。在設計過程中，設計的目的也要明確，怎樣讓用戶對產品和品牌有深刻的印象，要了解他們的心理感受是什么以及用什么方式能挑起他們的情感。

網站中信息圖形設計的作用不容小覷，它扮演著使人愉悅、記憶深刻、充滿趣味的角色。用戶通過圖形化的表達快速獲取信息，不用經過煩瑣的認知過程。同樣，使用圖形化的語言也可以讓交互方式更具有情感，抓住目標用戶的情感場景而做出的視覺表現，能有效觸動和推進產品和用戶間的交流。因此，網站必須與用戶之間建立起熟悉、親切、喜愛甚至貼心的情感。

參考文獻：

[1] Donald Norman .情感化設計[M].

[2] 戴立玲.信息圖形化基礎[M].北京：北京化學工業出版社，2004.

[3] 魯曉波，詹炳宏.數字圖形界面藝術設計[M].北京：清華大學出版社，2006.

[4] 葉蘋，段佳.圖表設計[M].江西：江西美術出版社，2006.

[5] 簡·維索基·歐格雷迪（美），肯·維索基·歐格雷迪.信息設計[M].郭瑕，譯.譯林出版社，2009.

[6] 孫皓瓊.解構圖像——隱藏在圖像設計間的訊息傳達[M].臺北：佳魁資訊，2012.