網(wǎng)絡(luò)媒體之視覺(jué)頁(yè)面設(shè)計(jì)

摘要:網(wǎng)頁(yè)設(shè)計(jì)是一種建立在網(wǎng)絡(luò)媒體之上的新型設(shè)計(jì)，它與傳統(tǒng)媒體的表現(xiàn)有諸多不同。網(wǎng)絡(luò)信息傳播具有聲、像、文、視覺(jué)、聽(tīng)覺(jué)，互動(dòng)等的特點(diǎn)，是集-藝術(shù)創(chuàng)意與多媒體技術(shù)于一體的過(guò)程，通過(guò)視覺(jué)頁(yè)面設(shè)計(jì)進(jìn)行全球化的信息交流。

關(guān)鍵詞:網(wǎng)絡(luò)媒體;視覺(jué);頁(yè)面設(shè)計(jì)

一、前 言

近些年，隨著網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，尤其是WEB2.0時(shí)代的到來(lái)，給網(wǎng)絡(luò)帶來(lái)了新的信息共享方式及新的技術(shù)運(yùn)用，改變了網(wǎng)絡(luò)中內(nèi)容組織和信息傳播的方式，也使網(wǎng)頁(yè)界面視覺(jué)傳達(dá)的形式多樣化，例如網(wǎng)頁(yè)中能夠運(yùn)用數(shù)字化技術(shù)手段將語(yǔ)言、聲音、圖象、文字等有機(jī)融合在一起，然后通過(guò)各種形式表現(xiàn)出來(lái)，從而擴(kuò)展了網(wǎng)頁(yè)界面視覺(jué)設(shè)計(jì)的表現(xiàn)方式和手段。因此，如何對(duì)網(wǎng)頁(yè)中的信息進(jìn)行有效的規(guī)劃，使信息有條理、有秩序地表現(xiàn)出來(lái)，就不僅僅成為網(wǎng)頁(yè)界面設(shè)計(jì)要解決的問(wèn)題，同時(shí)也關(guān)乎到網(wǎng)頁(yè)是否具有吸引力的問(wèn)題。

二、網(wǎng)絡(luò)視覺(jué)頁(yè)面設(shè)計(jì)的要點(diǎn)分析

1、文字的設(shè)計(jì)

網(wǎng)頁(yè)中經(jīng)常用大量的文字來(lái)描述傳播的內(nèi)容，所以，通過(guò)閱讀文字來(lái)了解信息在網(wǎng)頁(yè)中占了較大的份額。網(wǎng)頁(yè)中的文字可以分為“靜態(tài)文字”、“動(dòng)態(tài)文字”、“圖像文字”和“色彩文字”等幾類(lèi)?！办o態(tài)文字”表現(xiàn)主要涉及到字體的樣式、大小以及字距、行距等。在網(wǎng)頁(yè)制作過(guò)程中，這類(lèi)文字應(yīng)以電腦系統(tǒng)自帶的字體為主，這樣可以避免在其它電腦上顯示不出文字的情況了。動(dòng)態(tài)文字大多是通過(guò)色彩的變化或是不停的閃動(dòng)來(lái)表現(xiàn)，它較其它類(lèi)文字更能吸引瀏覽者目光。除此之外，有一些文字會(huì)根據(jù)用戶(hù)的操作出現(xiàn)不同的反應(yīng)，例如:不斷變換的文字，當(dāng)用戶(hù)點(diǎn)擊不同時(shí)間段出現(xiàn)的文字時(shí)就會(huì)出現(xiàn)不同的界面或相關(guān)的信息內(nèi)容。圖像文字從網(wǎng)頁(yè)制作的角度講，它不是以文字的格式出現(xiàn)，而是以圖片的格式顯示的，因此，其在顯示上就不會(huì)受到電腦本身所帶字體的影響。不同色彩的文字更能強(qiáng)化信息的視覺(jué)刺激，這樣網(wǎng)頁(yè)中圖像文字、多種字體及彩色文字的運(yùn)用豐富了視覺(jué)，不僅容易引起視覺(jué)上的注意，對(duì)單調(diào)的正文文字也起到視覺(jué)上的調(diào)節(jié)作用。網(wǎng)頁(yè)中文字的這些特點(diǎn)，對(duì)于不同的信息傳達(dá)起著各自不同的作用，如何運(yùn)用文字的這些特點(diǎn)呢?就要從信息內(nèi)容的特點(diǎn)出發(fā)，在字體的選擇上要和內(nèi)容相適應(yīng)，以給人清晰的視覺(jué)印象。同時(shí)，也可以利用這些文字的特性來(lái)區(qū)分信息的主次，讓受眾在瀏覽時(shí)能夠及時(shí)了解主要內(nèi)容。

2、圖片的設(shè)計(jì)

圖片是文字以外最早引入到網(wǎng)絡(luò)中的多媒體對(duì)象，可以說(shuō)，要使網(wǎng)頁(yè)在純文本基礎(chǔ)上變得更有趣味，最為簡(jiǎn)捷省力的辦法就是使用圖片，對(duì)于一條信息來(lái)說(shuō)，圖片對(duì)受眾吸引也遠(yuǎn)遠(yuǎn)超過(guò)單純的文字。網(wǎng)絡(luò)圖片的特點(diǎn)是圖片質(zhì)量不需很高。因?yàn)榫W(wǎng)絡(luò)圖片一般只顯示于計(jì)算機(jī)的顯示器上，受顯示器最小分辨率的限制，即使圖片的分辨率很高，顏色深度很大，我們的肉眼也經(jīng)常無(wú)法把它和一幅處理過(guò)的普通圖片區(qū)分開(kāi)來(lái)。網(wǎng)頁(yè)中使用的圖像可以是GIF、JPEG、BMP、TIFF、PNG等格式的圖像文件，其中使用最廣泛主要是GIF和JPEG兩種格式。GIF是通過(guò)減少組成圖像每個(gè)象素的儲(chǔ)存位數(shù)和LZH壓縮存儲(chǔ)技術(shù)來(lái)減少圖像文件的大小，GIF格式最多只能是256色的圖像。GIF圖像文件短小、下載速度快，可用許多具有同樣大小的圖像文件組成動(dòng)畫(huà)。JPEG格式能展現(xiàn)十分豐富生動(dòng)的圖像，還能壓縮，但壓縮方式是以損失圖像質(zhì)量為代價(jià)，壓縮比越高圖像質(zhì)量損失越大，圖像文件也就越小。與Windows支持的位圖BMP格式的圖像相比，同一圖像的BMP格式的大小是JPEG格式的5至10倍。圖片的位置，面積、數(shù)量、形式、方向等直接關(guān)系到網(wǎng)頁(yè)的視覺(jué)傳達(dá)。在圖片的選擇和優(yōu)化的同時(shí)，應(yīng)考慮圖片在整體編輯計(jì)劃中作用，達(dá)到和諧整齊。要達(dá)到這樣的效果，在頁(yè)面圖片的合理選用時(shí)，一要注意統(tǒng)一，二要注意悅目，三要注意突出重點(diǎn)，特別是在處理和相關(guān)文字編排在一起的圖片時(shí)。

3、色彩的設(shè)計(jì)

色彩是網(wǎng)頁(yè)設(shè)計(jì)的重要內(nèi)容之一。瀏覽者在瀏覽頁(yè)面時(shí)，留下的第一印象就是頁(yè)面的色彩設(shè)計(jì)，它的好壞直接影響閱讀者的觀(guān)賞興趣，因此，色彩設(shè)計(jì)在網(wǎng)頁(yè)的設(shè)計(jì)中居于十分重要的地位。色彩使用要點(diǎn):①色彩過(guò)多與不及。圖文并茂對(duì)于瀏覽者是否會(huì)停留在這個(gè)網(wǎng)站并且仔細(xì)地閱讀它的內(nèi)容，是個(gè)決定性的因素，就算是一小點(diǎn)的顏色，對(duì)一個(gè)以純文字為主的網(wǎng)頁(yè)，都能大大地增加它的可讀性。當(dāng)然太多的顏色比顏色不足還糟糕，許多人想盡可能將很多色彩組合在一起，把繽紛的背景放在網(wǎng)頁(yè)上，但是要注意背景顏色也應(yīng)和內(nèi)文及圖形相互協(xié)調(diào)、搭配。背景顏色、每個(gè)元素的色彩、內(nèi)文的顏色、以及超級(jí)鏈接選項(xiàng)的顏色應(yīng)該整體考慮，一個(gè)網(wǎng)頁(yè)的顏色一般應(yīng)在起一個(gè)統(tǒng)一的基本色調(diào)層次里。②顏色的對(duì)比。在考慮要用什么顏色、以及把這個(gè)顏色放在那里時(shí)，應(yīng)該要注意到這個(gè)顏色對(duì)它周?chē)纳珘K以及與它重疊的元素有什么影響，大致上而言，背景顏色應(yīng)該要盡量淡雅一點(diǎn)，不要讓所有的目光都集中到它身上而使得網(wǎng)頁(yè)的內(nèi)容黯然失色，在文字和背景圖案間也要有適當(dāng)?shù)膶?duì)比，這樣文字才能具有易讀性。③色彩的變化。為了有助于瀏覽者了解網(wǎng)頁(yè)的內(nèi)容與主題事件，有效地對(duì)網(wǎng)頁(yè)色彩進(jìn)行適當(dāng)?shù)淖兓呛苤匾?。如特別以某些變化來(lái)標(biāo)示某些項(xiàng)目，那么瀏覽者就很容易抓到整個(gè)網(wǎng)頁(yè)的主題。④網(wǎng)頁(yè)系統(tǒng)化。當(dāng)你在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，你必須要了解，人們大部分都是從酋頁(yè)開(kāi)始看，因此，通常在被視為首頁(yè)的那一頁(yè)，就必須包含了對(duì)這個(gè)網(wǎng)站內(nèi)容、主題的整體概述，這一頁(yè)在色彩搭配上的風(fēng)格與特征，同樣體現(xiàn)在其子頁(yè)面里。雖然色彩的使用有一些變化和差別，但給人一個(gè)非常整體和系統(tǒng)的感覺(jué)。并且包含能表達(dá)你的意圖的重要信息。

4、動(dòng)畫(huà)和聲音

在網(wǎng)絡(luò)中，動(dòng)畫(huà)和聲音的使用越來(lái)越多?，F(xiàn)在很多軟件能夠制作多媒體效果，有的軟件帶有一些常用的使一副靜態(tài)的圖片根據(jù)需要生成動(dòng)畫(huà)效果的功能如類(lèi)似于街頭百頁(yè)窗廣告的效果等。F1ash是目前最流行的動(dòng)畫(huà)制作軟件。Flash是個(gè)多媒體交互式內(nèi)容設(shè)計(jì)軟件，可以制作具有文字、圖形、圖像、動(dòng)畫(huà)、聲音的混合媒體作品，其從功能上就如同Macromedia公司的另一個(gè)多媒體設(shè)計(jì)軟件Director，但是由于Flash在—開(kāi)發(fā)出時(shí)就定位于矢量處理，使得其文件非常小，使得沒(méi)學(xué)過(guò)編程的人也能輕易上手，這就使其很快普及。目前動(dòng)畫(huà)和聲音的使用范圍很廣，形式異常豐富。隨著網(wǎng)絡(luò)上音頻視頻技術(shù)的不斷進(jìn)步，網(wǎng)絡(luò)聲音的使用越來(lái)越豐富。聲音和話(huà)語(yǔ)可以傳遞基本的信息，在網(wǎng)絡(luò)直播、新聞播報(bào)等領(lǐng)域，聲音的使用越來(lái)越引人注目。音樂(lè)或環(huán)境中的聲音還可以被看作網(wǎng)站的個(gè)性特色，如一些特有的鈴聲、爆炸聲、開(kāi)門(mén)聲、鳥(niǎo)叫聲等。當(dāng)人們與網(wǎng)頁(yè)互動(dòng)交流時(shí)，通常會(huì)希望能夠得到一些響應(yīng)，就像轉(zhuǎn)動(dòng)車(chē)鑰匙會(huì)有一個(gè)引擎的發(fā)動(dòng)聲，同樣的原理也適用于交互式網(wǎng)頁(yè)的設(shè)計(jì)。例如，當(dāng)人們按下一個(gè)熱鍵以激活一個(gè)動(dòng)作頁(yè)面時(shí)，他們希望能夠得到一個(gè)立即的反應(yīng)，告訴他們系統(tǒng)己經(jīng)收到了這個(gè)指令。有時(shí)候一個(gè)簡(jiǎn)短的聲響就足以讓使用者知道計(jì)算機(jī)正在響應(yīng)。專(zhuān)題報(bào)道、音頻視頻點(diǎn)播、廣告、電子游戲等是目前對(duì)于聲音使用最多的實(shí)踐領(lǐng)域。

三、結(jié) 語(yǔ)

網(wǎng)絡(luò)媒體作為一種新興的媒體，使信息傳播的方式發(fā)生了相當(dāng)大的轉(zhuǎn)變，繼而影響了許多行為方式。這種情況下，網(wǎng)頁(yè)是以怎樣的形式來(lái)傳遞信息，信息如何在網(wǎng)頁(yè)界面中得到有效表現(xiàn)，它不僅是網(wǎng)頁(yè)界面設(shè)計(jì)的關(guān)鍵與核心所在，也是本文討論的主要問(wèn)題。