信息圖形設計在高校網(wǎng)站界面中的應用

郝秀梅 霍雯

〔摘 要〕針對高校網(wǎng)站目前存在的問題，以用戶需求為出發(fā)點，應用信息圖形設計的方法，將高校網(wǎng)站中大量文字、數(shù)據(jù)信息進行篩選、組織及可視化設計，以滿足用戶高效的信息傳遞和良好的瀏覽體驗的需求。

〔關鍵詞〕 高校網(wǎng)站界面；信息圖形設計；信息傳遞；用戶體驗

高校通過互聯(lián)網(wǎng)進行展現(xiàn)的最佳途徑就是高校門戶網(wǎng)站。因為其具有信息傳播的及時性、全面性，從而能夠覆蓋更多的用戶群體，帶來更有效的傳播效應。通過對國內(nèi)高校網(wǎng)站的調(diào)查發(fā)現(xiàn)，大部分高校的門戶網(wǎng)站具備基本的信息瀏覽功能，但在信息的組織和傳播效率上缺乏有效的解決途徑。

一、國內(nèi)高校網(wǎng)站界面設計目前存在的問題

高校網(wǎng)站信息量大，具有豐富的資訊。在瀏覽網(wǎng)站中，用戶將會面臨繁多的信息內(nèi)容。針對目前高校網(wǎng)站設計所存在的情況，進行網(wǎng)絡問卷調(diào)查，調(diào)查對象主要是高校教師和學生。據(jù)調(diào)查結(jié)果統(tǒng)計，目前高校網(wǎng)站存在的問題集中在以下兩個方面：

1.信息雜亂，檢索困難。調(diào)研中發(fā)現(xiàn)多數(shù)高校網(wǎng)站將大量的信息在網(wǎng)頁中進行堆積，缺乏有效的層次以及明確的重點，導致人們無法確定哪些信息是有效有價值信息，這樣必然導致用戶難以做出決定，從而面臨“信息超載”的現(xiàn)象。若出現(xiàn)信息超載是因為圖片內(nèi)容導致的，則認為是“圖像沖擊”。信息超載與圖像沖擊兩者存在著聯(lián)系，并且由此可能引發(fā)“信息焦慮”。也就是人們在接收到信息和數(shù)據(jù)時，不知道如何進行分析和處理。所以信息結(jié)構、信息組成、信息數(shù)量都將會作用于人們在信息搜索上的注意力以及動力。

2.網(wǎng)站導視信息不清晰，分區(qū)不明確。這種問題出現(xiàn)在許多高校的網(wǎng)站設計中，很大部分原因是對于用戶設計的意愿不明確，沒有進行用戶信息的深度挖掘，且在設計過程中不遵循設計流程，隨意性強。導致用戶查詢信息困難，瀏覽體驗不暢等問題。

二、信息圖形設計的特征

通過信息圖形化，使得數(shù)據(jù)變得更為容易理解，更加直觀清晰，并且信息圖形化使得信息更具有針對性和條理性。在信息設計之下，即便是枯燥以及專業(yè)性強的信息也會變得更為輕松。采用圖形方式對用戶進行引導，讓信息圖形化設計很好地消除語言文字在描述上存在的生硬、抽象問題，這樣的設計以用戶為中心，體現(xiàn)的是后現(xiàn)代設計理念，擁有較強的人文氣息。

1、傳播性

使信息得到有效準確的傳播是信息圖形設計的最終目的，而信息是在多種多樣的數(shù)據(jù)、信息元素之下構成，看似不存在規(guī)律，較為混亂分散，但是設計者便是要在這看似雜亂無章的元素和信息之間從整體上進行把握，理清規(guī)律，這樣才能將信息以最迅速、準確的形式提煉出來，從而轉(zhuǎn)換為圖形，這樣一來，對信息的充分了解和研究就顯得尤為重要。

2、有效性

圖形是具象化的語言，在網(wǎng)站界面設計中信息圖形化的有效性也可以很好地得到利用，圖形將繁瑣的信息轉(zhuǎn)換成最簡單明了的視覺化語言表達出來，在受眾與信息之間搭建一座暢通的橋梁，用最直觀的手法說明最重要的問題。將需要在界面上傳達的所有信息都進行圖形化的處理，既可以達到簡化界面的效果，又能夠通過圖形化的設計讓人們通過最簡單明確的信息一目了然地明確自己的目的所在。

3、交互性

信息圖形設計是服務于人的設計，設計者在進行信息圖形設計時要著重注意設計過程中受眾瀏覽體驗的需要。當信息圖形設計得簡潔、明確、美觀的時候，就能夠帶給人輕松愉悅的感受，而這種信息閱讀的暢通感便會提升網(wǎng)站用戶使用的好感度，因此，信息圖形的交互性設計尤為重要。

三、高校網(wǎng)站界面中信息圖形設計的應用

在用戶體驗、視覺體驗、易用性以及可操作性中，力求能夠找到網(wǎng)頁界面設計的平衡點，這是目前視覺設計師需要關注的重要問題。網(wǎng)頁界面設計以用戶為中心，是現(xiàn)代設計思維的核心，高校網(wǎng)頁界面設計也不例外。如何能使高校網(wǎng)站界面設計滿足用戶需求，下面將應用信息圖形設計的方法，從信息篩選、圖形化生成、界面排版三個方面展開分析。

1、信息篩選

高校網(wǎng)站的用戶通常分兩大類：一類是學生、教師、研究學者等。他們了解信息的目的在于收集信息并且分析信息。所以更加期望能夠獲得的信息是準確的、清晰的，也期望獲得的信息在表現(xiàn)上存在著一定的聯(lián)系和趨勢。他們傾向于選擇最方便的，這一類受眾希望看到專業(yè)、詳細的信息表述。上海外國語學院的網(wǎng)站上進行了清晰的導航設置。如：教育教學、學術研究板塊主要針對學生、教師、研究學者提供教學、研究信息資源；另一類高校網(wǎng)站的用戶是同類院校、用工企業(yè)、學生家長等。香港中文大學（深圳）的門戶網(wǎng)站針對線上校園開放日，開展一系列活動，在網(wǎng)站主頁設置活動預告欄目。分板塊對學校的文化理念、科學研究、辦學特色等進行全方位的介紹和宣傳，使校外用戶通過學校網(wǎng)頁瀏覽，快速了解學校活動信息。

2、圖形化生成

在信息快速發(fā)展的今天，各種繁雜的信息充斥著我們的生活，越來越多的人已經(jīng)耐不住性子去看一段段枯燥的文字和大量抽象的數(shù)據(jù)，他們需要的是信息的提煉，信息圖形設計也就孕育而生。

2.1文字信息圖形化

大多時候，我們理解的文字是獨立于圖形的視覺元素。不過事實上，信息圖形化表現(xiàn)之中，文字不只是展現(xiàn)其語義功能，同時也成為圖形的一個重要元素。通常文字擁有兩層表現(xiàn)：其一，文字本身含義，當用戶看到文字之后，會在頭腦中立刻反應出文字含義；其二，文字字型，在文字縮小的時候，屬于點的表現(xiàn)，而當其放大之后會具有獨特字型。當成篇文字展現(xiàn)給人們的時候，即產(chǎn)生了"面"的效果。所以在文字設計上，需要結(jié)合文字含義將文字形象視覺化處理，這樣能夠使抽象的文字表現(xiàn)得更為生動，更有利于信息傳遞。

2.2數(shù)據(jù)可視化

在高校網(wǎng)站界面設計中將數(shù)據(jù)信息進行可視化設計，能使用戶獲得直觀、形象的瀏覽結(jié)果。像高校的招生區(qū)域、專業(yè)設置、師生數(shù)量、就業(yè)數(shù)量等校外用戶比較關注的數(shù)據(jù)信息，通過可視化設計，能夠有效提高信息傳遞的速度和準確性。清華大學網(wǎng)站中的數(shù)據(jù)清華板塊用圖形進行分類搭配較大字號的阿拉伯數(shù)字對學?；A設施、教學機構設置、科研項目、教學資源等數(shù)據(jù)信息進行可視化設計，并在網(wǎng)站主頁進行動態(tài)展示。用戶從這些直觀的視覺化信息中快速了解學校的核心數(shù)據(jù)，對學校的優(yōu)勢和特色有了充分的了解。

在高校網(wǎng)站界面設計中從大量的信息中提出重點，通過歸納整理，用圖形來詮釋文字，用形象化視覺語言來傳達信息。使信息量較大的文字、數(shù)據(jù)信息轉(zhuǎn)換為可視化的圖形信息來進行高速有效的傳播。

3、界面編排

高校網(wǎng)站屬性不同、網(wǎng)頁展示內(nèi)容有著許多的劃分，在進行網(wǎng)頁設計時需要對信息進行合理的組織，以滿足高校網(wǎng)站用戶所需求的高效的信息傳遞和良好的瀏覽體驗。因此在進行高校網(wǎng)站界面編排時要注意如下幾個方面：

3.1設計風格簡約統(tǒng)一

設計風格不統(tǒng)一會產(chǎn)生界面混亂的結(jié)果，且會降低用戶找尋信息的速度，而風格簡約則是降低信息堆積的最有效手段，只有簡約化且統(tǒng)一的界面編排，才能促進信息的傳達效率。

3.2營造良好的瀏覽體驗

根據(jù)高校網(wǎng)站用戶的需求，對網(wǎng)站界面的信息加以分類，在高校主頁進行合理的導航欄目設計，用戶在搜索所需信息時快速有效；在網(wǎng)頁設計中通過合理的排版設計，引導瀏覽節(jié)奏，使信息變得富有層次，以滿足用戶追求視覺變化的需求，從而使用戶獲得輕松愉悅的瀏覽體驗。

在高校網(wǎng)站信息傳遞和表達上，需要充分重視設計的準確性、合理性。在組織和提煉的基礎上，讓設計為用戶提供有效信息入口。實際上，優(yōu)秀設計具有經(jīng)濟性，能夠?qū)崿F(xiàn)和信息之間的完美搭配，還能夠增強視覺藝術效果，同時很好地開展信息的傳播和推廣，從而讓用戶可以快速地瀏覽網(wǎng)站信息。作為設計師，在文字、圖片以及顏色的運用上，都將會作用于用戶對網(wǎng)站的關注度。

結(jié)？語

隨著互聯(lián)網(wǎng)技術的高速發(fā)展，信息數(shù)據(jù)的沖擊飛速且猛烈，現(xiàn)代人每天面臨著外來信息的壓力，信息圖形化這種信息傳遞的方式便應運而生。對圖形的認知可以說是人類最原始的能力，作為人類與生俱來的“語言表達”形式，信息圖形化有著明顯的優(yōu)勢。

參考文獻：

[1]廖 曄.網(wǎng)頁界面設計及其學科相關性研究[D].湖南：湖南師范大學，2006.

[2]簡.維索基.歐格雷迪+肯. 維索基.歐格雷迪.信息設計[M].江蘇：譯林出版社，2009.

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

基金項目：本文為 2016 年太原工業(yè)學院大學文化研究項目 （項目號：2016RWZX03） 成果之一；2017年太原工業(yè)學院學術帶頭人支持計劃資助階段成果。