1.3 網(wǎng)站的籌劃與定位

現(xiàn)在的網(wǎng)站已經(jīng)不是之前那樣簡(jiǎn)單地將頁(yè)面串接起來(lái)就可以了，如今的網(wǎng)站不僅需要豐富的圖文內(nèi)容，還需要詳細(xì)周密的計(jì)劃，其設(shè)計(jì)、鏈接、發(fā)布等更為復(fù)雜。所以，創(chuàng)建一個(gè)好的網(wǎng)站是一個(gè)極具挑戰(zhàn)的大工程（如圖1-31～圖1-34所示）。

1.3.1 網(wǎng)站整體籌劃

網(wǎng)站籌劃是個(gè)很復(fù)雜的過(guò)程。隨著時(shí)代的發(fā)展與網(wǎng)絡(luò)技術(shù)的突飛猛進(jìn)，網(wǎng)站的內(nèi)容及個(gè)性也豐富多樣了起來(lái)，但無(wú)論是內(nèi)容還是風(fēng)格，都要以滿(mǎn)足用戶(hù)的需求為主要目標(biāo)，來(lái)進(jìn)行規(guī)劃設(shè)計(jì)。我們首先要給網(wǎng)站定位和確定傳播的內(nèi)容，再籌劃創(chuàng)建界面等。網(wǎng)站整體流程主要分為計(jì)劃、開(kāi)發(fā)、測(cè)試及維護(hù)。

1．計(jì)劃階段

計(jì)劃階段首先要確定網(wǎng)站頁(yè)面、內(nèi)容、功能，還有針對(duì)用戶(hù)的分析、網(wǎng)站的計(jì)劃與建議。

2．開(kāi)發(fā)階段

開(kāi)發(fā)階段是對(duì)網(wǎng)站內(nèi)容與頁(yè)面的設(shè)計(jì)。這是一項(xiàng)顯現(xiàn)技術(shù)與藝術(shù)的階段，不僅要熟練網(wǎng)站制作的操作，還要將網(wǎng)站頁(yè)面設(shè)計(jì)得美觀(guān)大方，易吸引用戶(hù)關(guān)注。同時(shí)還要滿(mǎn)足客戶(hù)的一些特殊要求。網(wǎng)頁(yè)在具體設(shè)計(jì)制作開(kāi)發(fā)階段可以從以下幾方面考慮。

（1）用戶(hù)分析

為了減少網(wǎng)站建設(shè)的失敗風(fēng)險(xiǎn)，在建設(shè)前要對(duì)網(wǎng)站的目標(biāo)和需求進(jìn)行一個(gè)基本的估量。對(duì)在網(wǎng)站設(shè)計(jì)中所遇到的問(wèn)題和達(dá)到的目標(biāo)能夠有一個(gè)清晰的概念。在進(jìn)行網(wǎng)站需求分析中，首先要考慮的是用戶(hù)——用戶(hù)是網(wǎng)站的使用者，了解用戶(hù)的需求、理解用戶(hù)的愿望，才能夠?yàn)榫W(wǎng)站設(shè)計(jì)提供依據(jù)和參考，使得網(wǎng)站設(shè)計(jì)更加適合各類(lèi)用戶(hù)的使用需求（如圖1-35～圖1-38所示）。

（2）內(nèi)容組織

明確網(wǎng)站內(nèi)容，要知道網(wǎng)站中文本、圖像、動(dòng)畫(huà)及影像等內(nèi)容在頁(yè)面中占據(jù)的比例是多少，以及起到什么樣的作用。

我們可以先勾勒出站點(diǎn)的草圖，將客戶(hù)需要顯示的內(nèi)容信息布局，理清頁(yè)面與頁(yè)面之間的直接關(guān)系。其次對(duì)網(wǎng)頁(yè)的整體結(jié)構(gòu)進(jìn)行設(shè)計(jì)，不僅頁(yè)面要求美觀(guān)，結(jié)構(gòu)也要清晰、內(nèi)容也要明確，還要便于用戶(hù)使用，令用戶(hù)能夠快速準(zhǔn)確地找到自己所需要的內(nèi)容。

（3）風(fēng)格定位

在了解網(wǎng)站類(lèi)型后，應(yīng)確定網(wǎng)站界面的整體風(fēng)格，不同類(lèi)型的網(wǎng)站其設(shè)計(jì)風(fēng)格也不一樣。搞清楚內(nèi)容，明確定位，這樣在設(shè)計(jì)界面的時(shí)候，顏色、字體、圖形都會(huì)有個(gè)大致的范圍要求（如圖1-39所示）。

3．測(cè)試階段

測(cè)試階段是對(duì)網(wǎng)站外觀(guān)、內(nèi)容、功能、系統(tǒng)及瀏覽器的測(cè)試。修改網(wǎng)站中的錯(cuò)誤鏈接與程序，一步步進(jìn)行測(cè)試修改，做到運(yùn)轉(zhuǎn)正常，才能進(jìn)行發(fā)布。

4．維護(hù)階段

維護(hù)階段是網(wǎng)絡(luò)技術(shù)人員與設(shè)計(jì)人員對(duì)網(wǎng)站運(yùn)行中出現(xiàn)的問(wèn)題進(jìn)行維護(hù)，以保證網(wǎng)絡(luò)內(nèi)容與鏈接能夠及時(shí)更新。

1.3.2 導(dǎo)航設(shè)計(jì)

網(wǎng)站中的導(dǎo)航功能就是指引用戶(hù)迅速有效地查閱到自己需要的內(nèi)容，并且可以快速地切換頁(yè)面，跳躍瀏覽。所以在設(shè)計(jì)導(dǎo)航的時(shí)候要考慮到用戶(hù)的需求，從而設(shè)計(jì)出有效的信息指引（如圖1-40和圖1-41所示）。

1．導(dǎo)航的位置

導(dǎo)航的位置取決于網(wǎng)頁(yè)的風(fēng)格和形式。導(dǎo)航放置的位置有5種，分別是頂部、底部、左側(cè)、右側(cè)、中心（如圖1-42和圖1-43所示）。

頂部：大多數(shù)網(wǎng)站都是將導(dǎo)航放置在頁(yè)面的頂部，這樣能最先將元素展現(xiàn)給用戶(hù)，而且人們?cè)跒g覽網(wǎng)站的時(shí)候都是習(xí)慣采取從上往下的瀏覽順序，所以將導(dǎo)航放在頁(yè)面頂部是個(gè)很好的選擇。

底部：通常情況下，很少會(huì)將導(dǎo)航放在底部。因?yàn)閷?dǎo)航元素需要在用戶(hù)滾動(dòng)頁(yè)面的時(shí)候才能全部顯示出來(lái)。底部的位置更加適合放置一些文本鏈接，或者是公司的品牌標(biāo)志和宣傳等。

左側(cè)：將導(dǎo)航放置在左側(cè)是很普遍的一種設(shè)計(jì)形式，因?yàn)轫槕?yīng)了用戶(hù)從左到右的瀏覽習(xí)慣，但同時(shí)縮小了正文顯示的空間。

右側(cè)：將導(dǎo)航放置在右側(cè)也是很不錯(cuò)的選擇，因?yàn)橛脩?hù)可以在沒(méi)有視覺(jué)干擾的情況下專(zhuān)注地閱讀正文內(nèi)容。在選擇內(nèi)容切換的時(shí)候再去選擇導(dǎo)航中的指示，但是也有些人認(rèn)為這樣的擺放不符合人們的視覺(jué)流程。

中心：一般來(lái)說(shuō)，只有網(wǎng)站的首頁(yè)才會(huì)將導(dǎo)航放置在頁(yè)面中心，其主要目的在于強(qiáng)調(diào)導(dǎo)航。這樣可以讓用戶(hù)更好地選擇，快速進(jìn)入需要瀏覽的頁(yè)面中。另外導(dǎo)航放置在中心，不僅增加設(shè)計(jì)感，同時(shí)也能夠迅速捕捉人們的視覺(jué)，讓用戶(hù)對(duì)導(dǎo)航元素及網(wǎng)站留下深刻的影響（如圖1-44～圖1-46所示）。

2．導(dǎo)航的風(fēng)格

無(wú)論導(dǎo)航在哪個(gè)位置上、所用形式是什么樣的，都需要與網(wǎng)頁(yè)的整體風(fēng)格相一致。如果導(dǎo)航欄都不一致，那么用戶(hù)在瀏覽信息時(shí)便容易產(chǎn)生混亂，在功能上也會(huì)表達(dá)不清。

1.3.3 Web的定位

Web可以分為不同專(zhuān)題的網(wǎng)站，有娛樂(lè)性的、商業(yè)性的、教育性的、綜合性的等。不論是哪種類(lèi)型的網(wǎng)站都應(yīng)該以滿(mǎn)足用戶(hù)為前提來(lái)進(jìn)行規(guī)劃設(shè)計(jì)。網(wǎng)站的定位其實(shí)就是以用戶(hù)的需求來(lái)定位，只有真正滿(mǎn)足用戶(hù)需求的網(wǎng)站，才能很好地與用戶(hù)進(jìn)行交互（如圖1-47和圖1-48所示）。

1．網(wǎng)站的類(lèi)型

網(wǎng)站的類(lèi)型可以分為交互型、靜態(tài)型和動(dòng)態(tài)型3種。

（1）交互型

交互型的網(wǎng)站是最為直接的類(lèi)型，能夠直接將內(nèi)容展現(xiàn)給用戶(hù)，讓用戶(hù)瀏覽到全部的內(nèi)容，從而進(jìn)行交流。用戶(hù)是可以對(duì)其外觀(guān)、內(nèi)容自行添加改動(dòng)，人與人之間也可以通過(guò)網(wǎng)址進(jìn)行互動(dòng)和相互關(guān)注等。

（2）靜態(tài)型

靜態(tài)型的網(wǎng)站中的內(nèi)容是固定的，主要是用來(lái)瀏覽網(wǎng)站中的內(nèi)容，就像一本電子雜志一樣，可以從頭到尾地翻閱。用戶(hù)是沒(méi)有辦法改動(dòng)其中的內(nèi)容及外觀(guān)的。

（3）動(dòng)態(tài)型

動(dòng)態(tài)型的網(wǎng)站會(huì)根據(jù)讀者的需求而產(chǎn)生變換，譬如網(wǎng)頁(yè)瀏覽次數(shù)的增多等（如圖1-49和圖1-50所示）。

2．定位觀(guān)

Web站點(diǎn)要有自己的設(shè)計(jì)定位，要根據(jù)訪(fǎng)問(wèn)者的需求安排特定的主題內(nèi)容，做到內(nèi)容、技術(shù)與效果的完美結(jié)合。

（1）風(fēng)格定位觀(guān)

一個(gè)網(wǎng)站的風(fēng)格決定了這個(gè)網(wǎng)站是否能夠吸引用戶(hù)，這里的風(fēng)格展現(xiàn)出的是網(wǎng)站的特點(diǎn)及整體感覺(jué)。具有特色的網(wǎng)站可以提升瀏覽者的興趣，加深讀者印象，從而吸引讀者來(lái)閱讀網(wǎng)頁(yè)中的內(nèi)容。當(dāng)然，一個(gè)沒(méi)有充足內(nèi)容的網(wǎng)站，即使具有一定的風(fēng)格也沒(méi)有什么意義。

每個(gè)人喜愛(ài)的風(fēng)格不一樣，每個(gè)網(wǎng)站的內(nèi)容也不一樣。隨著人們不斷地瀏覽各式各樣的網(wǎng)站，人們的眼光、品味及知識(shí)量也在不斷提升，所以網(wǎng)站風(fēng)格定位時(shí)要考慮以下幾點(diǎn)。

① 要確保整體風(fēng)格統(tǒng)一。頁(yè)面中的文字、圖像、背景色、字體及標(biāo)題等都要與界面整體風(fēng)格統(tǒng)一。

② 界面要清晰、簡(jiǎn)潔、美觀(guān)、大方，還要有條理，便于用戶(hù)查閱資料。

③ 確保視覺(jué)元素的合理安排，使讀者在查閱信息的時(shí)候體驗(yàn)到視覺(jué)的秩序感與節(jié)奏感（如圖1-51和圖1-52所示）。

（2）功能定位觀(guān)

在網(wǎng)站設(shè)計(jì)中，它的功能也應(yīng)該符合不同層次人群的需求，僅僅在藝術(shù)性上贏得讀者是遠(yuǎn)遠(yuǎn)不夠的，要站在讀者所能理解的層面上對(duì)網(wǎng)站進(jìn)行設(shè)計(jì)。一味嘗試新奇的元素，很有可能不被大眾所認(rèn)可。

（3）人本定位觀(guān)

在網(wǎng)頁(yè)界面的設(shè)計(jì)中，如果忽略了讀者的需求，得不到讀者的喜愛(ài)與歡迎，是不成功的。我們要對(duì)客戶(hù)進(jìn)行調(diào)查和分析，重視讀者的偏好和需要，這樣才會(huì)提高網(wǎng)站的設(shè)計(jì)質(zhì)量和效率。在網(wǎng)頁(yè)設(shè)計(jì)時(shí)應(yīng)注意以下幾點(diǎn)。

① 在網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候應(yīng)該提供位置信息，讓訪(fǎng)問(wèn)者知道自己網(wǎng)點(diǎn)的位置。

② 有明確的導(dǎo)航與索引。能夠通過(guò)清楚的導(dǎo)航與索引來(lái)幫助用戶(hù)快速獲得自己所需要的內(nèi)容。

③ 優(yōu)化信息的加載與顯現(xiàn)。讀者在切換網(wǎng)頁(yè)或者打開(kāi)網(wǎng)頁(yè)鏈接時(shí)，要有等待或加載信息的顯示。