關(guān)于網(wǎng)絡(luò)媒體中的視覺設(shè)計(jì)探析
相關(guān)鏈接： 吉林安全網(wǎng) 吉林質(zhì)量網(wǎng) 吉林論文網(wǎng) 吉林資訊網(wǎng)
論文導(dǎo)讀：網(wǎng)絡(luò)媒體的主要特點(diǎn)。網(wǎng)站設(shè)計(jì)，網(wǎng)絡(luò)媒體中的視覺設(shè)計(jì)研究。
關(guān)鍵詞：網(wǎng)絡(luò)媒體，網(wǎng)站設(shè)計(jì)，視覺傳達(dá)設(shè)計(jì)，視覺頁面
談到網(wǎng)頁設(shè)計(jì)就不能不說到網(wǎng)絡(luò)視覺信息的編排及歸類，這是網(wǎng)頁設(shè)計(jì)的特點(diǎn)，也是身處于信息化、數(shù)字化的當(dāng)今設(shè)計(jì)者所必須具備的基本素質(zhì)。因?yàn)榫W(wǎng)絡(luò)本身就是一個(gè)處理信息的巨型平臺(tái)，設(shè)計(jì)者必須充分認(rèn)識(shí)網(wǎng)絡(luò)，了解網(wǎng)絡(luò)的特征，才能使設(shè)計(jì)更加適合于網(wǎng)絡(luò)上的傳播。
一、網(wǎng)絡(luò)媒體的主要特點(diǎn)
區(qū)別于報(bào)刊、雜志等平面設(shè)計(jì)媒體，網(wǎng)絡(luò)視覺設(shè)計(jì)在表現(xiàn)形式、運(yùn)行方式和社會(huì)功能等方面存在差異，有自身的特點(diǎn)。交互性、多維性、整合性、動(dòng)態(tài)性以及技術(shù)與藝術(shù)結(jié)合的緊密性，是網(wǎng)絡(luò)設(shè)計(jì)的主要特點(diǎn)。
主要特點(diǎn)：
1.交互性
交互性，是指網(wǎng)絡(luò)的瀏覽者與網(wǎng)絡(luò)間的互動(dòng)。即時(shí)的交互性是Web成為熱點(diǎn)的主要原因，也是進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)必須考慮的問題。在Web的頁面環(huán)境下，人們不再是一個(gè)傳統(tǒng)媒體方式的被動(dòng)接受者，也可以一個(gè)主動(dòng)參與者的身份，加入到信息的加工處理和發(fā)布之中。信息發(fā)布，不再僅僅是傳統(tǒng)媒體供應(yīng)商的事，任何人都可以參與到這個(gè)過程中。
2.多維性
多維性，是指網(wǎng)絡(luò)具有多種維度的鏈接形式。超級(jí)鏈接的出現(xiàn)，使網(wǎng)頁的多維性變得更加明顯，通過點(diǎn)擊連接，用戶可以在不同的界面間自由跳轉(zhuǎn)。瀏覽者可以在各種主題之間自由跳轉(zhuǎn)，這是對(duì)以前人們接收信息的線性方式的一種突破。
鏈接的出現(xiàn)，也影響了頁面結(jié)構(gòu)的組織。網(wǎng)頁的組織結(jié)構(gòu)主要有序列結(jié)構(gòu)、層次結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)、復(fù)合結(jié)構(gòu)等類型。這種多維性使網(wǎng)絡(luò)傳媒信息傳播平面化的趨勢(shì)更為明顯，增加了網(wǎng)絡(luò)視覺內(nèi)容被接收的可能性。
3.整合性
整合性是指：網(wǎng)絡(luò)設(shè)計(jì)整合了平面、三維、動(dòng)畫、音頻、視頻等多種媒介元素這一特點(diǎn)。目前，網(wǎng)絡(luò)中使用的多媒體視聽元素主要有：文字、圖像、聲音、視頻等。隨著網(wǎng)絡(luò)寬帶的增加，芯片處理速度的提高，以及跨平臺(tái)的多媒體文件格式的推廣，設(shè)計(jì)者會(huì)越來越多的綜合運(yùn)用多種媒體元素來設(shè)計(jì)網(wǎng)頁，以滿足瀏覽者對(duì)網(wǎng)絡(luò)信息傳輸質(zhì)量提出的更高要求。
4.動(dòng)態(tài)性
網(wǎng)絡(luò)傳播，與傳統(tǒng)印刷版式設(shè)計(jì)存在著很大的不同，主要表現(xiàn)在它的動(dòng)態(tài)性方面，具體有：印刷品設(shè)計(jì)者可以指定使用的紙張和油墨，而網(wǎng)絡(luò)傳播的主體卻不能要求瀏覽者使用什么樣的電腦或?yàn)g覽器；網(wǎng)絡(luò)正處于不斷發(fā)展之中，不象印刷那樣基本具備了成熟的印刷標(biāo)準(zhǔn)；網(wǎng)絡(luò)視覺傳播過程中技術(shù)的每一點(diǎn)變化都會(huì)在設(shè)計(jì)中有或多或少的體現(xiàn)。
這一切說明，網(wǎng)絡(luò)應(yīng)用尚處在發(fā)展之中。網(wǎng)絡(luò)應(yīng)用也很難在各個(gè)方面都制訂出統(tǒng)一的標(biāo)準(zhǔn)，這必然導(dǎo)致界面的不可控制性。其具體表現(xiàn)為：網(wǎng)絡(luò)界面會(huì)根據(jù)當(dāng)前瀏覽器窗口大小自動(dòng)格式化輸出；界面的瀏覽者可以控制網(wǎng)頁頁面在瀏覽器中的顯示方式；不同種類、版本的瀏覽器觀察同一個(gè)網(wǎng)頁頁面，效果會(huì)有所不同；用戶的瀏覽器工作環(huán)境不同，顯示效果也會(huì)有所不同。
二、網(wǎng)頁設(shè)計(jì)中的視覺流程
視覺流程的形成是由人類的視覺特性所決定的。人們?cè)陂喿x一種信息時(shí)，視覺總有一種自然的流動(dòng)習(xí)慣，先看什么，后看什么，再看什么。論文發(fā)表，網(wǎng)站設(shè)計(jì)。心理學(xué)的研究表明，在一個(gè)平面上，上半部讓人輕松和自在，下半部則讓人穩(wěn)定和壓抑。論文發(fā)表，網(wǎng)站設(shè)計(jì)。同樣，平面的左半部讓人輕松和自在，右半部讓人穩(wěn)定和壓抑。所以平面的視覺影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。
在網(wǎng)頁設(shè)計(jì)中一些突出的信息，如主標(biāo)題、每天更新的內(nèi)容等通常都放在這個(gè)位置。當(dāng)然視覺流程是一種感覺而非確切的數(shù)學(xué)公式，只要符合人們認(rèn)識(shí)過程的心理順序和思維發(fā)展的邏輯順序，就可以更為靈活地運(yùn)用。在網(wǎng)頁設(shè)計(jì)中，靈活而合理地運(yùn)用視覺流程和最佳視域，組織好自然流暢的視覺導(dǎo)向，直接影響到傳播者傳達(dá)信息的準(zhǔn)確與有效性。所以在網(wǎng)頁的編輯設(shè)計(jì)中，視覺導(dǎo)向是一個(gè)要點(diǎn)，網(wǎng)頁的設(shè)計(jì)是一種創(chuàng)造，首先要立足信息的傳達(dá)，但又要符合人們較為普遍的思維習(xí)慣，做到視覺流程自然、合理、暢快。成功的視覺流程安排，能使網(wǎng)頁上的各種信息要素在一定空間內(nèi)合理分布，能使頁面上各信息要素的位置、間隙、大小保持一定的節(jié)奏感和美感。
三、當(dāng)前網(wǎng)頁設(shè)計(jì)中存在的問題
1.視覺元素的堆砌和信息內(nèi)容的缺失
網(wǎng)頁中除了包括平面視覺構(gòu)成的各個(gè)元素和布局機(jī)制，還包括了動(dòng)態(tài)、多媒體、交互元素等網(wǎng)頁特有的視覺元素。但是大量有欠規(guī)劃、缺乏審美意識(shí)的設(shè)計(jì)卻以簡單的堆砌浪費(fèi)了這些資源。雜亂無章的文字、圖片、動(dòng)畫、廣告窗口、色塊，都在挑戰(zhàn)用戶瀏覽網(wǎng)頁時(shí)的耐性極限。而某些設(shè)計(jì)精美的網(wǎng)頁卻像花瓶一樣，在觀賞者對(duì)其美麗的容貌嘖嘖贊嘆后，發(fā)現(xiàn)其空洞無物。
2.商業(yè)利益帶來的干擾
由于商業(yè)利益上的考慮，某些網(wǎng)站的設(shè)計(jì)者故意誘使用戶不斷刷新網(wǎng)頁或點(diǎn)擊廣告，或者將真正的資源鏈接隱藏在不被注意的位置，使用戶更多地將目光放在廣告區(qū)域。某些國內(nèi)網(wǎng)站首頁，經(jīng)常存在懸浮的廣告圖片，擋住了下層的頁面內(nèi)容。這些蓄意干擾，是網(wǎng)頁設(shè)計(jì)的大忌。論文發(fā)表，網(wǎng)站設(shè)計(jì)。畢竟用戶只有方便地從網(wǎng)站獲取利益之后，才樂意給予回饋。
3.千篇一律的模仿喪失了獨(dú)立創(chuàng)造性
賽博空間是個(gè)雙刃劍。在帶來技術(shù)和藝術(shù)創(chuàng)新的同時(shí)，也使得跟風(fēng)模仿更加方便。缺乏獨(dú)立創(chuàng)造性一直是國內(nèi)網(wǎng)頁設(shè)計(jì)的軟肋。每個(gè)夢(mèng)想成為楊致遠(yuǎn)的人都匆匆忙忙地搭建網(wǎng)站開始叫賣。急功近利的結(jié)果是肆意模仿抄襲。千篇一律的網(wǎng)頁沒有給用戶帶來欣賞藝術(shù)品的愉悅感,而能與人內(nèi)心深處情感共鳴的設(shè)計(jì)才是好的藝術(shù)設(shè)計(jì)。
4.動(dòng)態(tài)交互網(wǎng)頁設(shè)計(jì)中的界面友好性問題
網(wǎng)頁是活的,它具有交互性，可根據(jù)用戶指令的變化，顯示的信息內(nèi)容和樣式產(chǎn)生很大的區(qū)別；它還有動(dòng)態(tài)性，如圖片和文本等內(nèi)容可隨時(shí)間變化而自動(dòng)刷新替換。且網(wǎng)頁內(nèi)部可通過錨點(diǎn)進(jìn)行跳轉(zhuǎn)，網(wǎng)頁之間也可以通過超鏈接進(jìn)行跳轉(zhuǎn)。不負(fù)責(zé)任的設(shè)計(jì)可能使得用戶在變幻莫測(cè)的網(wǎng)頁元素中迷失自己的初衷。
5.技術(shù)因素帶來的視覺尷尬
網(wǎng)頁中包含的圖片、影像、文字等媒體內(nèi)容需要通過專門的軟件（瀏覽器）在計(jì)算機(jī)屏幕上來顯示。即它的觀賞效果不僅由設(shè)計(jì)師和出版單位決定，還受到了用戶軟硬件（瀏覽器和顯示器的）的約束。設(shè)計(jì)時(shí)機(jī)器和瀏覽時(shí)機(jī)器的分辨率差異會(huì)導(dǎo)致網(wǎng)頁面容皆非。要觀賞flash動(dòng)畫等媒體形式，必須安裝特定的插件程序,否則將顯示空白框和提示文字給用戶，就像被遮去了頭部的蒙娜麗莎，極大地破壞了設(shè)計(jì)師的設(shè)計(jì)初衷和作品的美感。
四、如何進(jìn)行有效的網(wǎng)頁設(shè)計(jì)
1.傳統(tǒng)平面設(shè)計(jì)美學(xué)原理的設(shè)計(jì)原則
文字作為最原始、最有力的信息傳遞方式，在網(wǎng)頁設(shè)計(jì)中至關(guān)重要。大小指定為印刷字號(hào)如12px，顏色要視背景色而定，原則上以能看清且與整個(gè)頁面搭配和諧為準(zhǔn)。顏色搭配要避免產(chǎn)生視覺疲勞，如黑字配白底能保證用戶長時(shí)間地瀏覽網(wǎng)頁而不厭煩。論文發(fā)表，網(wǎng)站設(shè)計(jì)。
色彩，在一個(gè)頁面不應(yīng)超過三個(gè)，其中擇一為主色調(diào)；應(yīng)恰當(dāng)使用顏色蘊(yùn)含的文化心理信息，如綠色表示環(huán)保、藍(lán)色表示科技，年輕人喜歡鮮艷的顏色、老年人喜歡灰色系、女性喜歡粉色系等；注意色彩的功能性，如藍(lán)色表示超鏈接，紅色表示刪除等警示操作；要注意色彩的誘目性及視認(rèn)性，如彩度高鮮艷的顏色可以用于提示標(biāo)題、關(guān)鍵字和當(dāng)前活動(dòng)區(qū)域，并且注意色彩的搭配和諧，還需要注意色彩的周期性，即色彩的定義會(huì)因時(shí)因地因人產(chǎn)生不同解讀。
網(wǎng)頁布局大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等。如果信息內(nèi)容多，可以用國字型或拐角型；雅虎就是典型的“國”字型。綱要性的網(wǎng)頁可以考慮標(biāo)題正文型；框架結(jié)構(gòu)的一個(gè)共同特點(diǎn)就是瀏覽方便、速度快，但結(jié)構(gòu)變化不靈活；對(duì)于企業(yè)宣傳和個(gè)人簡歷而言，封面型是首選布局；Flash型則更靈活，但是不能表達(dá)過多的文字信息。由于網(wǎng)頁不像紙張有版面限制，所以應(yīng)把盡可能多的信息集中在一個(gè)頁面上，做到一目了然；對(duì)必須分屏的頁面也應(yīng)統(tǒng)一風(fēng)格。論文發(fā)表，網(wǎng)站設(shè)計(jì)。
2.對(duì)新型媒體的設(shè)計(jì)要求
若帶寬允許，多媒體元素必能增加設(shè)計(jì)的情趣和個(gè)性,否則弄巧成拙,將影響用戶對(duì)目的信息的及時(shí)獲取。如應(yīng)避免 “Gif”圖片、flash動(dòng)畫過大而增加網(wǎng)頁下載時(shí)間，分散觀眾對(duì)網(wǎng)站其他信息的注意力。有些網(wǎng)站大量地使用誘人的Flash技術(shù)，但其漫長的等待下載和令人迷惑的結(jié)構(gòu)讓用戶難以忍受，不得不“暫時(shí)停止?fàn)I運(yùn)”。網(wǎng)頁設(shè)計(jì)還要注意瀏覽器的兼容性，設(shè)計(jì)人員應(yīng)當(dāng)針對(duì)不同系統(tǒng)平臺(tái)和軟件環(huán)境進(jìn)行測(cè)試。
3.針對(duì)網(wǎng)頁的交互動(dòng)態(tài)性
網(wǎng)頁并非繪畫雕塑不可修改，其發(fā)布并非設(shè)計(jì)工作的終結(jié)。而應(yīng)根據(jù)網(wǎng)站各個(gè)階段的經(jīng)營目標(biāo),以及用戶的反饋信息,經(jīng)常地對(duì)網(wǎng)頁進(jìn)行調(diào)整和修改,這就需要設(shè)計(jì)者在保持網(wǎng)站視覺形象一貫性的基礎(chǔ)上,不斷創(chuàng)作出新的網(wǎng)頁設(shè)計(jì)作品。
4.設(shè)計(jì)良好的導(dǎo)航系統(tǒng)
網(wǎng)絡(luò)導(dǎo)航可以解決網(wǎng)頁設(shè)計(jì)的非線性瀏覽問題。論文發(fā)表，網(wǎng)站設(shè)計(jì)。對(duì)于網(wǎng)頁設(shè)計(jì)者來說,面對(duì)的不是按順序排列的印刷頁面,而是自由分散的網(wǎng)頁。因此必須考慮構(gòu)建合理的頁面組織結(jié)構(gòu),理清網(wǎng)頁內(nèi)容之間的關(guān)系，以有限清晰的鏈接進(jìn)行組織;建立包括站點(diǎn)索引，幫助頁面，查詢功能，網(wǎng)站地圖在內(nèi)的導(dǎo)航系統(tǒng);當(dāng)用戶瀏覽每個(gè)頁面時(shí)，清晰醒目的提示本頁面所在位置，并且提供返回主頁面的鏈接和歷史瀏覽的導(dǎo)航服務(wù)。
參考文獻(xiàn)：
[1]黃海燕,張輝.網(wǎng)頁設(shè)計(jì)和平面設(shè)計(jì)[J].包裝工程，2004（1）
[2]袁璐.論網(wǎng)頁藝術(shù)設(shè)計(jì)的人性化[J].武漢科技學(xué)院學(xué)報(bào)，2005（11）
[3]張雪艷.初探色彩與網(wǎng)頁設(shè)計(jì)[J].吉林工程技術(shù)師范學(xué)院學(xué)報(bào)，2005（5）
[4]蘇玉蒼.網(wǎng)頁視覺藝術(shù)的探討[J].甘肅科技，2005（3）
