淺論網(wǎng)絡視覺文化傳播及其對網(wǎng)頁交互界面設計的影響

龔項成

摘 要：本文通過對網(wǎng)絡視覺文化傳播以及網(wǎng)頁交互界面設計進行研究，分析了網(wǎng)絡視覺文化的傳播對網(wǎng)頁交互界面設計的重要影響和意義。

關鍵詞：網(wǎng)絡；視覺文化；交互界面設計

網(wǎng)絡視覺文化是指通過網(wǎng)絡傳播以視覺為主導的文化現(xiàn)象和文化實踐。在網(wǎng)絡、通訊和多媒體技術的支持下，信息時代造就了網(wǎng)絡視覺文化。網(wǎng)絡視覺文化是視覺文化在互聯(lián)網(wǎng)上的自然擴展與延伸。人類社會對精神文化的需求成為網(wǎng)絡視覺文化不斷發(fā)展壯大的源動力。

借助實用的多媒體創(chuàng)作工具，創(chuàng)作者能更專注于視覺文化內(nèi)涵的表達。多媒體創(chuàng)作工具使每個人都可以成為視覺文化的創(chuàng)作者，豐富了網(wǎng)絡視覺的內(nèi)容。人的知識84%都是通過視覺獲得的。借助于網(wǎng)絡，網(wǎng)民可以對網(wǎng)絡中共享的文化作品復制、粘貼、修改、再創(chuàng)造。網(wǎng)絡文化在傳播過程中，既方便了文化交流又加速和擴大了文化沖突。

1 網(wǎng)絡視覺文化的傳播特征

網(wǎng)絡視覺文化的傳播具有全球化和跨文化、大眾化和個性化、互動性和平等性、數(shù)字化和虛擬性四個特征?；ヂ?lián)網(wǎng)的發(fā)展使得不同國家和地區(qū)溝通變得越來越容易了，網(wǎng)絡視覺文化正在趨向于全球化，各文化間的相互交流與借鑒變得越來越密切了。相比于文字傳播，視覺文化傳播要更加迅速且傳播效果要好很多。各種視覺文化樣式在網(wǎng)絡中不斷傳播壯大，不斷交融，不斷碰撞，最后形成新的混合文化。人們在網(wǎng)絡視覺文化的傳播中不是被動地接受信息，他們可以借助網(wǎng)絡和多媒體技術，參與到視覺信息的創(chuàng)造中，在這個虛擬世界里面，我們可以自由的表達自我，同時我們在網(wǎng)上傳遞的文字、圖片以及看到的影像都是由數(shù)據(jù)構成，是虛擬的。

2 網(wǎng)頁的交互界面設計

網(wǎng)頁設計中的交互特征體現(xiàn)在非強制性和娛樂性。傳統(tǒng)的傳播媒介，如報紙、電視、廣播都是屬于強制灌輸?shù)姆绞綄⑿畔鞑ソo受眾，用戶被動接受資訊。而網(wǎng)頁信息傳播不同，其資訊傳播具有交互性和自由性。用戶可以根據(jù)自己的需要搜尋資訊或者上傳資料，自由度高。特別是flash動畫網(wǎng)頁的出現(xiàn)后，網(wǎng)頁設計中交互性特征更加突出了。用戶通過網(wǎng)頁上有趣的動畫和動態(tài)的按鈕與網(wǎng)頁進行互動，用戶在互動中獲得了資訊和樂趣，而網(wǎng)站在互動過程中獲得了點擊率和口碑。整個互動的過程在一個自由、歡樂的氣氛中進行，網(wǎng)頁設計的交互性提升了用戶傳播信息的積極性。

網(wǎng)頁交互界面設計是指的網(wǎng)頁設計師通過信息重要程度，對網(wǎng)頁界面的信息進行歸類分層，在滿足消費者使用習慣和企業(yè)信息傳達目的基礎上，對網(wǎng)頁的導航欄、按鈕、下拉菜單、產(chǎn)品圖片和網(wǎng)頁配色以及版面布局進行精細化設計。使得網(wǎng)頁版面美觀、界面方便使用。

網(wǎng)頁的交互界面設計涉及的范圍很多，是一個復雜的、有不同學科參與的工程，其中包括消費者心理學、視覺設計美學、人機工程、語言學、計算機技術等。從心理學意義來分，界面可分為感覺（視覺、觸覺、聽覺等）和情感兩個層次；從技術方面來說網(wǎng)絡界面具有數(shù)字化、多媒體的技術特征；從傳播方面來說，網(wǎng)絡界面具有多元化、個性化、交互性、快捷性、廣泛性的傳播特征。網(wǎng)頁界面設計是將技術性與藝術性融為一體的創(chuàng)造性活動，作為一種特殊媒介的設計，在具有平面設計一般特征的同時，還具有自身設計特征。網(wǎng)頁界面設計應圍繞“信息傳達”這一主題來進行，通過有效吸引視線的藝術形式，清晰、準確、有力地傳達信息，謀求網(wǎng)頁界面功能美與形式美相統(tǒng)一，并體現(xiàn)網(wǎng)絡時代信息傳播媒介的時代感。

3 網(wǎng)絡視覺文化對網(wǎng)頁交互界面設計的影響

結(jié)合網(wǎng)頁視覺文化的傳播特點，我們認識到一個優(yōu)秀的網(wǎng)頁交互界面不僅體現(xiàn)在方便操作、信息層次分明方面，而且還體現(xiàn)在版面用色，導航按鈕的設計和布局、下拉菜單的設計以及產(chǎn)品圖片的使用等方面，是一個綜合性的設計作品。交互界面設計，更多時候是需要揣摩用戶的使用習慣和審美取向，這樣才能設計出符合社會需求的好網(wǎng)站。隨著網(wǎng)絡的普及和電子產(chǎn)品的飛速發(fā)展，網(wǎng)頁設計呈現(xiàn)出多元化的表現(xiàn)方式。無論從表現(xiàn)手法和傳播媒體上，網(wǎng)頁設計的實現(xiàn)有了無限種可能。

身處讀圖時代，為了快速將圖片進行系統(tǒng)分類，對于圖片多的網(wǎng)頁我們可以在設計網(wǎng)頁交互界面時候讓整個頁面由無數(shù)個信息框組成，每個信息框大小不一，隨機排列。人們在撥動鼠標滾軸的時候，就能實現(xiàn)信息的更新與翻頁。每個信息的分類也是隨機的，有繪畫、攝影、建筑、動漫、字體設計等等。瀏覽者在翻閱網(wǎng)站的時候能產(chǎn)生趣味性和新鮮感，類似于花瓣網(wǎng)的布局風格。這種單頁面網(wǎng)頁的普及使得人們收集和發(fā)布信息變得更加便捷。同時它打破了以往單一的網(wǎng)頁閱覽模式，讓信息閱讀變得更加具有趣味性和隨機性。

我們還可以采用簡潔的版面布局形式，旨在通過整合或是刪除多余的頁面，強化頁面重點信息，減少視覺干擾，只給用戶需要的東西。或拉大圖片，或加粗字體，通過這樣一種方式突出重點，把值得強調(diào)的信息傳達出去。去掉了多余內(nèi)容的設計看起來外形美觀，一目了然。設計師在網(wǎng)站設計過程中，時常會遇到過度設計的例子。保持審美需求和實際需求之間的平衡，對整潔，干凈和條理清晰的網(wǎng)站來說很重要。整潔的網(wǎng)站設計所帶來的純凈感同樣也能打動用戶。

采用色塊方格的設計也是對網(wǎng)頁中圖片文字進行系統(tǒng)分類的一種表現(xiàn)方式。我們可以將版面切割成許多大小相等、形狀相同的方塊，文字與產(chǎn)品照片相間排列，并通過色彩來調(diào)節(jié)畫面視覺節(jié)奏。豐富的色彩和整潔的網(wǎng)格布局使得網(wǎng)頁既活潑又整潔，增加了瀏覽者的閱讀趣味性。這種色塊方格的設計風格常見于淘寶網(wǎng)站和時尚品牌網(wǎng)店的設計中，既現(xiàn)代又方便使用。

根據(jù)設備環(huán)境（屏幕尺寸、屏幕定向、系統(tǒng)平臺等）以及用戶行為（改變窗口大小等）進行相應的響應和調(diào)整也是一種網(wǎng)頁交互設計的重要手段。具體的實踐方式由多方面組成，包括彈性網(wǎng)格和布局、圖片等。無論用戶正在使用pc、平板電腦，或者手機，無論是全屏顯示還是非全屏的情況，無論屏幕是橫向還是豎向，頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等，以適應不同設備。

隨著移動通訊方式的普及，響應式設計，這種網(wǎng)頁設計思路流行起來，它能讓用戶在電腦或者移動設備上實現(xiàn)信息傳遞。這種設計方式被越來越多的運用到了移動媒體上來了，豐富了人們的生活方式，使得信息傳播呈現(xiàn)多元化的趨勢。

另外，也可以采用拖動滾軸，背景景色角度不變，而產(chǎn)品卻不斷變換，使人產(chǎn)生一種空間錯視感的交互設計。使得瀏覽者在感慨畫面效果的同時，將網(wǎng)頁產(chǎn)品記在腦海中。這種表現(xiàn)手法常在一些科技類電子產(chǎn)品的主題宣傳網(wǎng)頁上，用來宣傳產(chǎn)品和拉動人氣。

或者我們把照片用做網(wǎng)站的背景，既是一種強烈的視覺表達效果，又滿足了網(wǎng)站展示品牌的目的。整個網(wǎng)頁中，使用照片鋪底，產(chǎn)品特征被放大了，使得瀏覽者對于網(wǎng)頁所推薦的產(chǎn)品有了即視感和認同感。整個頁面文字層次分明，調(diào)理清晰，以便于將最重要的信息最快速的傳達給瀏覽者。設計這種構圖方式的網(wǎng)頁，設計師需要注意運用色彩鮮艷、產(chǎn)品細節(jié)突出的圖片作為網(wǎng)頁背景。其次，圖片需要考慮文件空間，以方便網(wǎng)頁傳輸。字體的設計也根據(jù)版面需要進行位置和大小比例以及字體風格的設計。頁面導航按鈕盡量簡潔小巧，色調(diào)和按鈕造型與網(wǎng)頁風格相統(tǒng)一。

總之，網(wǎng)頁交互界面的設計不能脫離網(wǎng)絡視覺文化傳播的規(guī)律，只有在遵循網(wǎng)絡視覺文化傳播規(guī)律的前提下進行交互界面設計，才能做出具有親和力和社會影響力的優(yōu)秀作品。