信息圖形設(shè)計在網(wǎng)站界面中的應(yīng)用探究

隋慧笛

摘 要：如今，人們越來越依賴互聯(lián)網(wǎng)獲取信息，網(wǎng)絡(luò)為人類提供的信息繁雜龐大，如何對信息實(shí)現(xiàn)有效地整合，設(shè)計出條理清晰、主次分明的信息結(jié)構(gòu)，便于受眾查找，是信息圖形設(shè)計工作的重中之重。本文通過對信息圖形設(shè)計的發(fā)展趨勢、設(shè)計特點(diǎn)及表現(xiàn)形式等方面進(jìn)行研究，分析了信息圖形設(shè)計在網(wǎng)站中的應(yīng)用優(yōu)勢及必要性，為人們獲取信息提供更多的便利。

關(guān)鍵詞：信息；圖形設(shè)計；網(wǎng)站界面

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

1 信息圖形設(shè)計在網(wǎng)站界面中應(yīng)用的必然趨勢

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

1.1 數(shù)字技術(shù)的發(fā)展

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

1.2 審美要求的提高

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

2 網(wǎng)站界面中信息圖形設(shè)計的特點(diǎn)

2.1 可視的信息傳達(dá)

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

2.2 美觀的信息展示

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

3 信息圖形設(shè)計在網(wǎng)站界面中的表現(xiàn)形式

3.1 文字圖形設(shè)計

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

3.2 數(shù)據(jù)圖形設(shè)計

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

3.3 結(jié)構(gòu)圖形設(shè)計

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

網(wǎng)站界面的整體結(jié)構(gòu)排版是網(wǎng)站界面的主體，是界面的骨骼，設(shè)計得當(dāng)不僅具有引導(dǎo)視覺流程的作用，還能增強(qiáng)信息的傳遞。滿足人們審美和個性化的需求。

綜上所述，網(wǎng)站界面設(shè)計的整個界面元素應(yīng)該包括風(fēng)格、字體、色彩、結(jié)構(gòu)、用戶體驗(yàn)等等，上述圖形化文字、數(shù)據(jù)、結(jié)構(gòu)都是信息圖形化在網(wǎng)站界面中局部應(yīng)用的體現(xiàn)。這些元素相輔相成，信息圖形設(shè)計在網(wǎng)站界面中的應(yīng)用是一個綜合具體的概念，需要整體考慮設(shè)計。

4 信息圖形應(yīng)用于網(wǎng)站界面設(shè)計的優(yōu)勢

4.1 視覺元素的提煉

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

4.2 色彩信息的傳達(dá)

信息圖形設(shè)計中色彩的使用方式不僅可以區(qū)別各個事件、數(shù)據(jù)之間的關(guān)系，幫助用戶記憶信息，還能夠表現(xiàn)抽象信息所具有的情感屬性和氛圍。在處理網(wǎng)站界面中信息圖形的色彩時，圖形大小和顏色之間的對應(yīng)關(guān)系是在網(wǎng)站界面中設(shè)計的重要因素。在網(wǎng)站界面的信息圖形設(shè)計中增加適當(dāng)?shù)纳剩没パa(bǔ)色和同類色可以使不同的信息更容易區(qū)分和識別，提高用戶的反應(yīng)速度。利用色彩的沖擊力和隱喻帶給用戶更直觀的感受，在用戶與網(wǎng)站界面中信息圖形化的交互過程中，快速識別信息內(nèi)容并及時得到界面的反饋，能夠縮短用戶的認(rèn)知和操作的時間，提升用戶情感體驗(yàn)。

4.3 人機(jī)互動的流暢

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

4.4 情感體驗(yàn)的提升

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

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

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

參考文獻(xiàn)：

[1] Donald Norman .情感化設(shè)計[M].

[2] 戴立玲.信息圖形化基礎(chǔ)[M].北京：北京化學(xué)工業(yè)出版社，2004.

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

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

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

[6] 孫皓瓊.解構(gòu)圖像——隱藏在圖像設(shè)計間的訊息傳達(dá)[M].臺北：佳魁資訊，2012.