圖形語言在網(wǎng)頁設(shè)計中的應(yīng)用

摘要：任何一種藝術(shù)形式的出現(xiàn)，都要依賴于當時社會和科技的發(fā)展，圖形也不例外。在網(wǎng)絡(luò)世界里，圖形憑借易讀性，內(nèi)涵深刻性，基于藝術(shù)形式之上，廣泛迅速的傳播信息，為我們帶來了以前諸多媒體綜合起來都無法承載的信息量和最直接的情感交流方式。

關(guān)鍵詞：圖形語言；網(wǎng)頁設(shè)計；信息

1 網(wǎng)頁設(shè)計中的顯性圖形

（1）網(wǎng)站的形象圖形LOGO。圖形語言這一視覺符號語言，生動準確的捕捉著人們的視線。通過一種跨國界的強大的視覺感染力，無需閱讀大量文字信息，可視的標識圖形，生動形象的描繪，即可認識、記住并了解一件商品，一個企業(yè)的精神和時代特征，克服了不同地域人們語言交流的不便，起到良好的識別和推廣作用。

（2）網(wǎng)站界面中功能和工具的圖形。質(zhì)感單純的造型，概括精煉的圖形與生動的語言文字，是設(shè)計的亮點，是構(gòu)思的濃縮。小面積的工具圖形，增加了界面信息的生動性和易讀性，清晰的引導(dǎo)用戶深入了解網(wǎng)頁信息，緩解用戶瀏覽信息的疲勞。

（3）輔助標識的圖形符號。輔助圖形是按照傳達信息的順序和信息所處的狀況而設(shè)計的導(dǎo)向圖形，用戶沿著簡潔明了的操作按鈕或輔助標識符號，在很短時間里，不斷的獲得連貫信息，輕松而最佳定位。

2 網(wǎng)頁設(shè)計中的隱性的圖形

2.1 負空間圖形

界面留白或負空間圖形空間與內(nèi)容空間同樣重要，合理的設(shè)計留白，大方透氣的界面設(shè)計，引導(dǎo)用戶的視線直接到信息中心。

2.2 圖形語言在網(wǎng)頁設(shè)計的重要性

（1）圖形語言遵循視覺的規(guī)律性。通過文字信息了解具體內(nèi)容之前，圖形語言已給予訪問者與網(wǎng)絡(luò)信息內(nèi)容相關(guān)的視覺信息。在較短的時間里，通過網(wǎng)站形象標識，準確定位，通過界面功能和工具圖形，詳細了解網(wǎng)頁傳遞給用戶的信息，通過輔助的圖形，引導(dǎo)用戶順利瀏覽主頁和子頁的信息。概念圖形化，語義圖形化，圖形一身兼二職，將形、情、意巧妙的結(jié)合起來，是傳統(tǒng)和現(xiàn)代的文化符號。

（2）圖形語言符合視覺的審美需求。人們對美的追求是不斷深入的，通過一些內(nèi)容，一個鏈接或者一個圖形獲取需要的信息，圖形是用戶獲取信息最有效的方式。網(wǎng)頁圖形不是簡單隨意放到界面上，合理分配網(wǎng)頁界面中文字，圖形，色彩等信息要素和界面留白或負空間圖形，遵循一定的平面視覺傳達效果原則。清晰的圖形形象，“透氣”的頁面設(shè)計，激起用戶深入瀏覽的興趣，更有效率地了解和接收網(wǎng)頁上的信息。

2.3 圖形語言在網(wǎng)頁設(shè)計的作用

（1）圖形的形式，易顯主題。每個網(wǎng)頁都有明確的主題，選擇適當?shù)膱D形形式作為主題要素，易被人們即時地理解和接受。在網(wǎng)絡(luò)語言的世界里，圖形語言豐富的表現(xiàn)力及情感效應(yīng)，打動著我們的心靈，喚起了我們對事物的想象，體現(xiàn)網(wǎng)站的特色與風格，突出其主題。微軟的圖形標識（圖1），大膽使用平面色塊和簡單的線條和形狀，代表了不同的部門和產(chǎn)品線。稍微傾斜透視的角度具有動感，體現(xiàn)對用戶的歡迎，實現(xiàn)了數(shù)字化和真正人性化的原則，準確傳達了微軟公司的品牌形象。

（2）圖形的色彩，突出整體性。色彩依不同心理效果，規(guī)整主次順序的區(qū)分和視覺流程，使網(wǎng)頁具有良好的易讀性和導(dǎo)向性。網(wǎng)頁設(shè)計中圖形的色彩與網(wǎng)站主題息息相關(guān)。如文化類的網(wǎng)站，圖形用暖色較多，增加美感和情趣；技術(shù)類的網(wǎng)頁，圖形用冷色較多，體現(xiàn)高端、精密的特點。利用不同的色彩劃分網(wǎng)頁界面的視覺區(qū)域，可清晰的對信息進行分類和瀏覽。系統(tǒng)地規(guī)劃和設(shè)計圖形色彩，網(wǎng)頁風格統(tǒng)一，留給用戶完整、有序的視覺印象。微軟的分站站點頁面（圖2），色彩按主次和視覺流程進行編排、劃分與布局網(wǎng)頁中的信息，內(nèi)容在統(tǒng)一的視覺風格之下，方便閱讀，達到完整而有序的視覺效果。

藍色是微軟最經(jīng)典的顏色，Windows、Windows Live以及IE都采用了藍色Logo。綠色LOGO則代表Xbox和Xbox Live，紅色LOGO則是Office，黃色LOGO是Bing搜索。

（3）圖形的形式與內(nèi)容統(tǒng)一。從視覺角度看，網(wǎng)站統(tǒng)一是所有圖形語言元素共同營造的，美化的圖形，強調(diào)重要的信息，區(qū)分內(nèi)容的主次，更好的引導(dǎo)訪問者，利于信息的傳遞。內(nèi)容與形式的統(tǒng)一，并不意味所有設(shè)計元素都要相同的形式與色彩，相應(yīng)的信息內(nèi)容選用相應(yīng)的表現(xiàn)形式，形式服務(wù)于內(nèi)容。運用美化圖形對強調(diào)的內(nèi)容適當加以突出，加深用戶記憶，提高信息傳遞效率。

在圖文并茂的網(wǎng)絡(luò)世界里，良好的圖形語言，縮短了人與人，國家與國家，民族與民族之間的距離，豐富了信息傳播的語匯，人類之間的交流加快了，語言之間的隔膜消息了。賞心悅目的網(wǎng)站圖形不僅是宣傳品牌好的形象資產(chǎn)，同時也是品牌成功與可持續(xù)發(fā)展的資本。

參考文獻：

[1] 趙志云.網(wǎng)絡(luò)形象設(shè)計[M].中國傳媒大學(xué)出版社，2011.

[2] 林芝.圖形語言[M].上海人民美術(shù)出版社，2009.

[3] 比爾德（美）.完美網(wǎng)頁設(shè)計藝術(shù)[M].熊平，宓媛珊，譯.人民郵電出版社，2008.

作者簡介：胡杰（1988—），女，山西晉中人，現(xiàn)西南交通大學(xué)碩士在讀，研究方向：視覺傳達設(shè)計。