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

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

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

一、前 言

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

二、網(wǎng)絡(luò)視覺頁面設(shè)計的要點分析

1、文字的設(shè)計

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

2、圖片的設(shè)計

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

3、色彩的設(shè)計

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

4、動畫和聲音

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

三、結(jié) 語

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