網(wǎng)頁(yè)設(shè)計(jì)與制作的九大原則

一、保持網(wǎng)頁(yè)的樸素

一個(gè)好的網(wǎng)站重要的一點(diǎn)就是界面的簡(jiǎn)單、樸素。你聽(tīng)說(shuō)過(guò)“KISS”法則嗎？“Keep It Simple Silly.”適用于所有的站點(diǎn)。

制作者們很容易掉入這樣一個(gè)陷阱，即把所有可能用到的網(wǎng)頁(yè)技巧，例如：框架、表格、字體、GIF動(dòng)畫(huà)等等都用上，這當(dāng)然是好的，但如果多了的話就會(huì)讓你的訪問(wèn)者眼花繚亂，不知所措，也不會(huì)給他們留下很深的印象。

記住，只是因?yàn)槟憧梢詣?chuàng)建一個(gè)效果，但并不意味著你必須創(chuàng)建這個(gè)效果。先問(wèn)一問(wèn)你自己：我在網(wǎng)頁(yè)上加入這個(gè)技術(shù)有什么價(jià)值？是否能更好的向訪問(wèn)者表達(dá)我的主題？

二、簡(jiǎn)單并不等于乏味

簡(jiǎn)單的真正含義并不是遲鈍和乏味。許多人會(huì)被網(wǎng)站多余的奇特效果所迷惑，而忽視了信息的有效性。

保持簡(jiǎn)單的真正含義就是：想一想如何使自己網(wǎng)站的信息與你的訪問(wèn)者所期待和所需要的一樣。應(yīng)該把技術(shù)和效果用在適當(dāng)?shù)牡胤?，用在有效信息上，讓訪問(wèn)者關(guān)注他們想關(guān)注的東西。

清晰的設(shè)計(jì)＋有效的技術(shù)＝一個(gè)好的站點(diǎn)

三、了解你的讀者

你不是在真空里制作你的網(wǎng)頁(yè)，也不是作給你自己看的。如果是這樣，你還不如把它放在自己的電腦里。你發(fā)布你的網(wǎng)站是希望某些人停下來(lái)參觀它。而這些人就是你的讀者。

你越了解你的讀者，你的網(wǎng)站影響力就會(huì)越大。你的讀者是否有個(gè)慢貓？那你好應(yīng)當(dāng)特別的注意網(wǎng)頁(yè)的大?。凰麄兿Ｍ?tīng)到音樂(lè)片斷嗎？你就要想想網(wǎng)頁(yè)上的音樂(lè)格式。你的讀者是紡織工人？那么血紅色和黑色好不要選擇；或者他們是骨灰級(jí)游戲玩家？你就要避免用柔和的顏色和圖案了。

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

四、五個(gè)“手指”

對(duì)一個(gè)好的網(wǎng)站來(lái)說(shuō)，清晰的導(dǎo)航也是起碼的標(biāo)準(zhǔn)。應(yīng)該讓訪問(wèn)者知道自己當(dāng)時(shí)在網(wǎng)站中的位置，并且愉快的通過(guò)你的指引而遍覽你的網(wǎng)站。例如，你可以做到的一件事情就是：“下一步”的選擇數(shù)目盡量少，以便人們不會(huì)迷失在長(zhǎng)長(zhǎng)的選擇項(xiàng)目列表中。

你知道嗎?一般人的大腦把五個(gè)或更少的項(xiàng)目看作一組，但是當(dāng)所面對(duì)的項(xiàng)目超過(guò)五個(gè)，它就必須把他們劃分成較小的次組來(lái)處理，所以說(shuō)，保持你的選擇項(xiàng)歸類在五組或五組以內(nèi)就變得很有意義了。你的訪問(wèn)者能夠快速的找到自己想選擇的項(xiàng)目。

五、三次點(diǎn)擊

對(duì)網(wǎng)站制作者來(lái)說(shuō)，訪問(wèn)者就是上帝，討好上帝的另一個(gè)方法就是讓他們?cè)讷@取信息時(shí)不要超過(guò)三次點(diǎn)擊。想想，當(dāng)你在訪問(wèn)一個(gè)網(wǎng)站時(shí)，點(diǎn)擊……點(diǎn)擊……點(diǎn)擊……再點(diǎn)擊……再……才找到你想要的信息，或者還沒(méi)找到，你會(huì)怎么想呢？

加之，當(dāng)你的訪問(wèn)者深入網(wǎng)站查找需要的信息后卻摸不著頭腦了，會(huì)怎么辦？他們肯定不會(huì)原地兜圈，他們會(huì)離開(kāi)你的主頁(yè)去別的地方繼續(xù)沖浪，可能也就再也不會(huì)回來(lái)了。

六、 三十秒的等待時(shí)間

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

**你的頁(yè)面有個(gè)適度的大小而不會(huì)無(wú)限制的下載。如果你的大多數(shù)訪問(wèn)者使用Modem的話，試著保持總的頁(yè)面大小（包括頁(yè)面圖像）在45K一下。

確保你的頁(yè)面設(shè)計(jì)規(guī)劃清晰明了，讓訪問(wèn)者只需快速的掃視就能把握你的網(wǎng)站導(dǎo)航，知道自己“下一步”該選擇的項(xiàng)目。

七、平衡

平衡是一個(gè)好網(wǎng)站設(shè)計(jì)的重要部分。

文本和圖像之間的平衡。除非內(nèi)容決定了這是個(gè)完全文本或者完全圖像的網(wǎng)站，你需要用直覺(jué)和審美觀來(lái)作判斷，以便其中的一個(gè)不會(huì)淹沒(méi)另外一個(gè)。

下載時(shí)間和頁(yè)面內(nèi)容之間的平衡。當(dāng)然你希望有個(gè)漂亮的頁(yè)面，但你也必須平衡你的頁(yè)面內(nèi)容，因?yàn)槟愕暮芏嘣L問(wèn)者正在通過(guò)modem閱讀它。難道你網(wǎng)站的圖片真的值得等待那么久嗎？

背景和前景之間的平衡。我們能在白紙上畫(huà)出美麗的圖案，網(wǎng)頁(yè)上，如果能制作出漂亮的結(jié)構(gòu)和背景是很令人激動(dòng)的。但也容易使你的內(nèi)容淹沒(méi)在你的背景里面。

八、適度的幀

適度的的幀對(duì)于你的網(wǎng)頁(yè)是很好的補(bǔ)充，然而就像所有網(wǎng)站的元素所具有的特性一樣，你絕對(duì)不要濫用他們！

如果你想創(chuàng)建一個(gè)可以看得到的導(dǎo)航結(jié)構(gòu)，比如說(shuō)一個(gè)表格目錄，幀就是一個(gè)很合適的途徑，例如，這頁(yè)有三個(gè)幀－－你現(xiàn)在所看到的內(nèi)容，導(dǎo)航條在右邊，題目、廣告和說(shuō)明欄在頂部。

但是幀不是“萬(wàn)金油”。比如說(shuō)，如果你想用行或列來(lái)顯示信息的話，表格會(huì)更好。

九、堅(jiān)持學(xué)習(xí)

創(chuàng)建網(wǎng)頁(yè)是一個(gè)不斷學(xué)習(xí)的過(guò)程。推出你網(wǎng)站的第一個(gè)版本還只是一個(gè)開(kāi)始！技術(shù)和工具在不斷的進(jìn)步，而我們對(duì)人們?nèi)绾卫镁W(wǎng)上資源的方式的了解也是在不斷的變化，要?jiǎng)?chuàng)建一個(gè)好網(wǎng)站你就不能陶醉在過(guò)去的成績(jī)上。

看看其他的網(wǎng)站。如果你想成為一個(gè)出色的小說(shuō)家的話，你必須不斷閱讀其他好的作品。如果你想成為一個(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è)效果是如何作出來(lái)的。在頁(yè)面之后你能發(fā)現(xiàn)令你驚奇的東西。

閱讀和學(xué)習(xí)。學(xué)習(xí)你盡可能學(xué)到的技術(shù)和設(shè)計(jì)方法。