圖形語言在網頁設計中的應用

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

關鍵詞：圖形語言；網頁設計；信息

1 網頁設計中的顯性圖形

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

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

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

2 網頁設計中的隱性的圖形

2.1 負空間圖形

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

2.2 圖形語言在網頁設計的重要性

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

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

2.3 圖形語言在網頁設計的作用

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

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

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

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

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

參考文獻：

[1] 趙志云.網絡形象設計[M].中國傳媒大學出版社，2011.

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

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

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