張 萍

黑龍江林業(yè)職業(yè)技術(shù)學(xué)院建筑工程系，黑龍江牡丹江 157011

淺談網(wǎng)頁設(shè)計(jì)的幾點(diǎn)要素

張 萍

黑龍江林業(yè)職業(yè)技術(shù)學(xué)院建筑工程系，黑龍江牡丹江 157011

隨著全球化進(jìn)程的推進(jìn)，網(wǎng)頁成為信息溝通的橋梁,設(shè)計(jì)網(wǎng)頁未必很艱難。但這一工作與編制傳統(tǒng)的宣傳品一樣，都需要我們謹(jǐn)慎處理和籌劃。換言之，我們必須首先確定自己需要傳達(dá)的主要信息，然后仔細(xì)斟酌、把所有意念合情合理地組織起來；之后是設(shè)計(jì)一個(gè)頁面式樣，接著重復(fù)修訂，務(wù)求盡善盡美。

網(wǎng)頁；設(shè)計(jì)；要素；效果

隨著網(wǎng)頁應(yīng)用隊(duì)伍的不斷壯大，網(wǎng)頁制作水平也日異發(fā)展。在網(wǎng)頁設(shè)計(jì)這個(gè)百花園里，百花齊放，春色滿園。筆者經(jīng)一段時(shí)間的摸索，總結(jié)出點(diǎn)滴經(jīng)驗(yàn)，也就是網(wǎng)頁設(shè)計(jì)的幾點(diǎn)要素。

1 要保持網(wǎng)頁的簡(jiǎn)潔不要濫用技巧

一個(gè)好的網(wǎng)站最重要的一點(diǎn)就是界面的簡(jiǎn)單、樸素。制作者們很容易掉入這樣一個(gè)陷阱，即把所有可能用到的網(wǎng)頁技巧，例如：框架、表格、字體等等都用上，這當(dāng)然是好的，但如果多了的話就會(huì)讓你的訪問者眼花繚亂，也不會(huì)給他們留下很深的印象。 記住，只是因?yàn)槟憧梢詣?chuàng)建一個(gè)效果，但并不意味著你必須創(chuàng)建這個(gè)效果。先問一問你自己：我在網(wǎng)頁上加入這個(gè)技術(shù)有什么價(jià)值？是否能更好的向訪問者表達(dá)我的主題？目前，網(wǎng)友們常使用各種各樣的技巧，使網(wǎng)頁產(chǎn)生某種特殊效果。這本不可非議，在使用得當(dāng)時(shí)會(huì)起到畫龍點(diǎn)睛的效果；但如果不分場(chǎng)合到處使用，可能會(huì)產(chǎn)生畫蛇添足的負(fù)作用。

2 簡(jiǎn)單但不是乏味

簡(jiǎn)單的真正含義并不是遲鈍和乏味。許多人會(huì)被網(wǎng)站多余的奇特效果所迷惑，而忽視了信息的有效性。 保持簡(jiǎn)單的真正含義就是：想一想如何使自己網(wǎng)站的信息與你的訪問者所期待和所需要的一樣。應(yīng)該把技術(shù)和效果用在適當(dāng)?shù)牡胤?，用在有效信息上，讓訪問者關(guān)注他們想關(guān)注的東西。 清晰的設(shè)計(jì)＋有效的技術(shù)＝一個(gè)好的站點(diǎn)。

3 美術(shù)常識(shí)恰當(dāng)應(yīng)用

要想使網(wǎng)頁看上去比較美觀，有必要了解一些美術(shù)基礎(chǔ)知識(shí)。比如顏色的搭配、反差的設(shè)置、畫面的安排等。有些網(wǎng)頁內(nèi)容相當(dāng)不錯(cuò)，但版面布局不合理，顏色搭配得也不合適，有的甚至由于文字和背景色反差太小而使閱讀十分困難。例如背景色是深綠色，文字是黑色，可想而知，字跡能清楚嗎？顏色搭配也要注意，有些網(wǎng)頁使用大面積的大紅大綠，看上去就不好看，有的顏色十分刺眼。

4 了解你的讀者

你不是在真空里制作你的網(wǎng)頁，也不是作給你自己看的。如果是這樣，你還不如把它放在自己的電腦里。你發(fā)布你的網(wǎng)站是希望某些人停下來參觀它。而這些人就是你的讀者。你越了解你的讀者，你的網(wǎng)站影響力就會(huì)越大。你的讀者是否有個(gè)慢貓？那你最好應(yīng)當(dāng)特別的注意網(wǎng)頁的大小。你的讀者是紡織工人？那么血紅色和黑色最好不要選擇；或者他們是骨灰級(jí)游戲玩家？你就要避免用柔和的顏色和圖案了。

一個(gè)好站點(diǎn)的定義：通過典雅的風(fēng)格設(shè)計(jì)提供給潛在讀者高質(zhì)量的信息。

5 五個(gè)“手指”

對(duì)一個(gè)好的網(wǎng)站來說，清晰的導(dǎo)航也是最起碼的標(biāo)準(zhǔn)。應(yīng)該讓訪問者知道自己當(dāng)時(shí)在網(wǎng)站中的位置，并且愉快的通過你的指引而遍覽你的網(wǎng)站。例如，你可以做到的一件事情就是：“下一步”的選擇數(shù)目盡量少，以便人們不會(huì)迷失在長(zhǎng)長(zhǎng)的選擇項(xiàng)目列表中。一般人的大腦把5個(gè)或更少的項(xiàng)目看作一組，但是當(dāng)所面對(duì)的項(xiàng)目超過5個(gè)，它就必須把他們劃分成較小的次組來處理，所以說，保持你的選擇項(xiàng)歸類在5組或5組以內(nèi)就變得很有意義了。

6 三次點(diǎn)擊

對(duì)網(wǎng)站制作者來說，訪問者就是上帝，討好上帝的另一個(gè)方法就是讓他們?cè)讷@取信息時(shí)不要超過三次點(diǎn)擊。想想，當(dāng)你在訪問一個(gè)網(wǎng)站時(shí)，點(diǎn)擊、點(diǎn)擊、點(diǎn)擊、再點(diǎn)擊、再……才找到你想要的信息，或者還沒找到，你會(huì)怎么想呢？ 加之，當(dāng)你的訪問者深入網(wǎng)站查找需要的信息最后卻摸不著頭腦了，會(huì)怎么辦？他們肯定不會(huì)原地兜圈，他們會(huì)離開你的主頁去別的地方繼續(xù)沖浪，可能也就再也不會(huì)回來了。

7 30s的等待時(shí)間

訪問者進(jìn)入你的站點(diǎn)后，他應(yīng)該可以不費(fèi)力的找到所需要的資料。有一條不成文的法則：當(dāng)訪問者在決定下一步該去哪之前，不要讓他現(xiàn)在所看的頁面下載的時(shí)間超過30s。如果超過了這個(gè)時(shí)間，你就會(huì)開始失去你的“上帝”了。

保證你的頁面有個(gè)適度的大小而不會(huì)無限制的下載。如果你的大多數(shù)訪問者使用Modem的話，試著保持總的頁面大?。ò撁鎴D像）在45K一下。確保你的頁面設(shè)計(jì)規(guī)劃清晰明了，讓訪問者只需快速的掃視就能把握你的網(wǎng)站導(dǎo)航，知道自己“下一步”該選擇的項(xiàng)目。

8 平衡

平衡是一個(gè)好網(wǎng)站設(shè)計(jì)的重要部分。 文本和圖像之間的平衡。除非內(nèi)容決定了這是個(gè)完全文本或者完全圖像的網(wǎng)站，你需要用直覺和審美觀來作判斷，以便其中的一個(gè)不會(huì)淹沒另外一個(gè)。下載時(shí)間和頁面內(nèi)容之間的平衡。當(dāng)然你希望有個(gè)漂亮的頁面，但你也必須平衡你的頁面內(nèi)容，因?yàn)槟愕暮芏嘣L問者正在通過modem閱讀它。難道你網(wǎng)站的圖片真的值得等待那么久嗎？ 背景和前景之間的平衡。我們能在白紙上畫出美麗的圖案，網(wǎng)頁上，如果能制作出漂亮的結(jié)構(gòu)和背景是很令人激動(dòng)的。但也容易使你的內(nèi)容淹沒在你的背景里面。

9 適度的幀

適度的的幀對(duì)于你的網(wǎng)頁是很好的補(bǔ)充，然而就像所有網(wǎng)站的元素所具有的特性一樣，你絕對(duì)不要濫用他們！如果你想創(chuàng)建一個(gè)可以看得到的導(dǎo)航結(jié)構(gòu)，比如說一個(gè)表格目錄，幀就是一個(gè)很合適的途徑，例如，這頁有三個(gè)幀－－你現(xiàn)在所看到的內(nèi)容，導(dǎo)航條在右邊，題目、廣告和說明欄在頂部。但是幀不是“萬金油”。比如說，如果你想用行或列來顯示信息的話，表格會(huì)更好。

10 多參考多學(xué)習(xí)

創(chuàng)建網(wǎng)頁是一個(gè)不斷學(xué)習(xí)的過程。推出你網(wǎng)站的第一個(gè)版本還只是一個(gè)開始！技術(shù)和工具在不斷的進(jìn)步，而我們對(duì)人們?nèi)绾卫镁W(wǎng)上資源的方式的了解也是在不斷的變化，要?jiǎng)?chuàng)建一個(gè)好網(wǎng)站你就不能陶醉在過去的成績(jī)上。 看看其他的網(wǎng)站。如果你想成為一個(gè)出色的小說家的話，你必須不斷閱讀其他好的作品。如果你想成為一個(gè)出色的劇作家的話你必須多看好的電影。同樣，如果你想設(shè)計(jì)一個(gè)出色的網(wǎng)站的話，你必須多看其他好的網(wǎng)站。但你在看一個(gè)網(wǎng)站的時(shí)候，你能找到這個(gè)網(wǎng)站的優(yōu)缺點(diǎn)，注意哪些是你該學(xué)習(xí)的，而哪些錯(cuò)誤是你要避免的。當(dāng)你看到某些你喜歡的東西，使用你瀏覽器上的查看原文件的功能，看看這個(gè)效果是如何作出來的。

[1]許婧祺.淺談網(wǎng)頁藝術(shù)設(shè)計(jì)[J];科技創(chuàng)新導(dǎo)報(bào)，2008(1).

[2]胡劍鋒，吳華亮.網(wǎng)頁設(shè)計(jì)與制作.北京：清華大學(xué)出版社，2006.

[3]張銀鶴，劉治國(guó)，等.JSP動(dòng)態(tài)網(wǎng)站開發(fā).北京：清華大學(xué)出版社，2006.

TP393

A

1674-6708（2011）39-0189-02

張萍，助教，研究方向：計(jì)算機(jī)科學(xué)與技術(shù)