淺談網(wǎng)頁設計的幾點要素

張 萍

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

淺談網(wǎng)頁設計的幾點要素

張 萍

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

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

網(wǎng)頁；設計；要素；效果

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

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

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

2 簡單但不是乏味

簡單的真正含義并不是遲鈍和乏味。許多人會被網(wǎng)站多余的奇特效果所迷惑，而忽視了信息的有效性。 保持簡單的真正含義就是：想一想如何使自己網(wǎng)站的信息與你的訪問者所期待和所需要的一樣。應該把技術和效果用在適當?shù)牡胤剑迷谟行畔⑸希屧L問者關注他們想關注的東西。 清晰的設計＋有效的技術＝一個好的站點。

3 美術常識恰當應用

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

4 了解你的讀者

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

一個好站點的定義：通過典雅的風格設計提供給潛在讀者高質(zhì)量的信息。

5 五個“手指”

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

6 三次點擊

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

7 30s的等待時間

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

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

8 平衡

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

9 適度的幀

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

10 多參考多學習

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

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

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

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

TP393

A

1674-6708（2011）39-0189-02

張萍，助教，研究方向：計算機科學與技術