淺論網(wǎng)絡(luò)視覺(jué)文化傳播及其對(duì)網(wǎng)頁(yè)交互界面設(shè)計(jì)的影響

龔項(xiàng)成

摘 要：本文通過(guò)對(duì)網(wǎng)絡(luò)視覺(jué)文化傳播以及網(wǎng)頁(yè)交互界面設(shè)計(jì)進(jìn)行研究，分析了網(wǎng)絡(luò)視覺(jué)文化的傳播對(duì)網(wǎng)頁(yè)交互界面設(shè)計(jì)的重要影響和意義。

關(guān)鍵詞：網(wǎng)絡(luò)；視覺(jué)文化；交互界面設(shè)計(jì)

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

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

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

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

2 網(wǎng)頁(yè)的交互界面設(shè)計(jì)

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

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

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

3 網(wǎng)絡(luò)視覺(jué)文化對(duì)網(wǎng)頁(yè)交互界面設(shè)計(jì)的影響

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

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

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

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

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

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

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

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

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