更新時(shí)間：2013-04-15
當(dāng)人們?cè)L問你的站點(diǎn)時(shí),他們都會(huì)立即下意識(shí)地判斷:這個(gè)站點(diǎn)怎么樣？值不值的當(dāng)回事兒？是否值的把他加入到我的bookmark中去，要知道，在網(wǎng)絡(luò)信息的虛擬世界里，互聯(lián)網(wǎng)提供了天下大同的機(jī)會(huì)，同時(shí)也讓這個(gè)虛擬世界充斥著數(shù)不清的商業(yè)站點(diǎn)、垃圾站點(diǎn)，大多數(shù)站點(diǎn)缺乏靈魂、主旨，東一榔頭西一棒子，松散、混亂，原因就在于缺乏策劃設(shè)計(jì)。因此要想使你的網(wǎng)站從那些數(shù)不清的站點(diǎn)中脫穎而出，就必須對(duì)整個(gè)站點(diǎn)作好統(tǒng)籌安排，規(guī)劃，對(duì)所有的內(nèi)容進(jìn)行細(xì)意斟酌，把所有的意念合情合理的組織起來設(shè)計(jì)一個(gè)合理的頁面樣式。下面我們就具體的來探討一下網(wǎng)站策劃設(shè)計(jì).
一、 首先確定web站點(diǎn)的營(yíng)銷目標(biāo):
1）、市場(chǎng)調(diào)查階段
了解一下目前internet的發(fā)展?fàn)顩r以及同類站點(diǎn)的發(fā)展、經(jīng)營(yíng)狀況，吸取他們的長(zhǎng)處，找出自己的優(yōu)勢(shì)，對(duì)市場(chǎng)作個(gè)調(diào)查，明確自己網(wǎng)站的主題，尋找一個(gè)好的出發(fā)點(diǎn)。
2）、你設(shè)想中的網(wǎng)站規(guī)模有多大？
作網(wǎng)站并不是盲目的想做多大就作多大，而要根據(jù)自身的現(xiàn)階段能力，以及企業(yè)的規(guī)模大小，確定你的網(wǎng)站是小型、中型、大規(guī)模的網(wǎng)站，還是從小規(guī)模的開始，然后逐步發(fā)展。這主要的是關(guān)系到網(wǎng)站的后期維護(hù)以及網(wǎng)站的發(fā)展方向來考慮的。
3）、確定網(wǎng)站的類別，你希望網(wǎng)站有怎樣的設(shè)計(jì)特色
根據(jù)主題、形式以及本身企業(yè)的特點(diǎn)，網(wǎng)站設(shè)計(jì)也有不同的類別，大概可分為：以內(nèi)容為主，設(shè)計(jì)為輔，注重速度這種大型的專業(yè)網(wǎng)站，它一般體現(xiàn)在專業(yè)的icp，isp供應(yīng)商制作的網(wǎng)站，在設(shè)計(jì)這類網(wǎng)站時(shí)不要太花哨，應(yīng)注重信息量；第二種大多數(shù)企業(yè)為了更好的宣傳自己的產(chǎn)品，擴(kuò)大銷路，使自己的產(chǎn)品走向世界，提高自己企業(yè)的形象而制作的網(wǎng)站，這種網(wǎng)站制作應(yīng)結(jié)合本身產(chǎn)品特點(diǎn)而制作的特色網(wǎng)站，相對(duì)來說比較注重產(chǎn)品的營(yíng)銷；第三種是形象類的網(wǎng)站，一般這種網(wǎng)站相對(duì)體現(xiàn)在政府部門，作為對(duì)外一個(gè)窗口，相對(duì)來說這種網(wǎng)站設(shè)計(jì)比較嚴(yán)肅；第四種是個(gè)人主頁網(wǎng)站，這種網(wǎng)站相對(duì)比較自由，不受什么約束，可以根據(jù)每個(gè)人自己的特長(zhǎng)自由發(fā)揮。因此我們?cè)谥谱髦黜摃r(shí)先明確自己的定位方向，設(shè)計(jì)出適合自己的站點(diǎn)。
4）、你的主要目標(biāo)受眾是誰？
根據(jù)網(wǎng)站的類別不同，目標(biāo)受眾也不一樣，有工商業(yè)者、專業(yè)人士、學(xué)生；女性，男性；兒童，青少年，中年人，老人；還是所有的人，比如教育類的網(wǎng)站相對(duì)來說是目標(biāo)受眾是院校的老師和學(xué)生�；b類、護(hù)膚產(chǎn)品類的網(wǎng)站相對(duì)來說是女性等。
5）、確定整個(gè)網(wǎng)站的整體風(fēng)格
其實(shí)，這個(gè)原則和傳統(tǒng)的印刷出版物沒什么區(qū)別。你網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，都要統(tǒng)一風(fēng)格，貫穿全站。這樣子讀者看起來舒服、順暢，會(huì)對(duì)你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。
舉個(gè)簡(jiǎn)單例子。如果你在列示一二三四若干條的情況下，在每條前面用黑圓點(diǎn)加強(qiáng)視覺效果，那么其他類似地方，也應(yīng)該用保持同樣的風(fēng)格。色彩斑斕的站點(diǎn)，尤其要注意風(fēng)格的統(tǒng)一。顏色可以變，不過字體、主體文本對(duì)齊風(fēng)格、標(biāo)題、背景效果以及特殊圖像效果等等都應(yīng)保持統(tǒng)一。
很多缺乏編輯、出版背景的網(wǎng)友，很容易忽視這點(diǎn)，特別是網(wǎng)頁一多，更容易忘。
6）、你準(zhǔn)備投入多少資金、如何經(jīng)營(yíng)這個(gè)網(wǎng)站？
對(duì)所作的網(wǎng)站大概的作個(gè)估價(jià)，需要多少資金，你準(zhǔn)備投入多少資金來運(yùn)營(yíng)這個(gè)網(wǎng)站，假設(shè)網(wǎng)站制作好以后如何經(jīng)營(yíng)這個(gè)網(wǎng)站，是全部由自己來做，還是委托專業(yè)服務(wù)來做，自己定期指導(dǎo)，還是設(shè)定要求、目標(biāo)完全由別人代勞。這是不可忽略的問題，如果一個(gè)網(wǎng)站前期作的再好，后期沒人維護(hù)也是空的，就好比一條剛建好的街道，干干凈凈的，人們也比較喜歡來這里逛街，日久了，人走的人多了，垃圾多了這時(shí)沒人來管里，這樣垃圾越堆越多，走的人肯定也越來越少了。日久了也逐漸被人遺忘了。網(wǎng)站經(jīng)營(yíng)也是這個(gè)原理。
7）、根據(jù)目標(biāo)框架整理出站點(diǎn)的內(nèi)容框架以及邏輯結(jié)構(gòu)圖
①把目標(biāo)細(xì)化以整理出站點(diǎn)內(nèi)容框架
基本確定的目標(biāo)，您就應(yīng)該把目標(biāo)細(xì)化，并初步整理出為達(dá)到這些目的，站點(diǎn)所需要包含的所有內(nèi)容了。例如，站點(diǎn)應(yīng)該發(fā)布什么信息，站點(diǎn)需要提供什么應(yīng)用程序，等等。然后，你應(yīng)該把初步定下的內(nèi)容綱要寫下來，交給上級(jí)或業(yè)務(wù)人員審核批準(zhǔn)。這實(shí)際上就形成了站點(diǎn)設(shè)計(jì)的需求報(bào)告。在你的內(nèi)容綱要里，還應(yīng)該注明這些內(nèi)容的信息來源，哪個(gè)部門應(yīng)該提供哪方面的信息。把這些羅列下來，會(huì)使得上級(jí)以及各個(gè)相關(guān)部門清楚"誰應(yīng)該為這些內(nèi)容負(fù)責(zé)"。
②進(jìn)一步整理出站點(diǎn)邏輯結(jié)構(gòu)圖
定下內(nèi)容綱要后，你應(yīng)該能夠大致畫出站點(diǎn)的結(jié)構(gòu)圖了。結(jié)構(gòu)圖也有很多種，順序結(jié)構(gòu)，網(wǎng)狀結(jié)構(gòu)，繼承結(jié)構(gòu)，WEB結(jié)構(gòu)等，應(yīng)依據(jù)你的內(nèi)容而定。例如，如果你是在編一個(gè)教程，那么可能用表示順序的流程圖就比較合適。多數(shù)復(fù)雜的網(wǎng)站會(huì)綜合應(yīng)用到幾種不同的結(jié)構(gòu)圖。畫出結(jié)構(gòu)圖的目的，主要是便于有邏輯地組織站點(diǎn)和鏈接，同時(shí)，將來你會(huì)用這個(gè)圖去分配工作和任務(wù)。例如:
你可以告訴某個(gè)開發(fā)人員，讓他完成結(jié)構(gòu)圖中某個(gè)分支的內(nèi)容；
你可以把這個(gè)圖遞交給業(yè)務(wù)人員，告訴他們哪些頁面，需要他們進(jìn)一步提供內(nèi)容或資料；
你可以把結(jié)構(gòu)圖給專業(yè)美工看，讓美工人員考慮以什么樣的形式來表現(xiàn)你要表達(dá)的內(nèi)容等等。
簡(jiǎn)而言之，這個(gè)框架圖，將為你下一步進(jìn)行工作分配，人員安排提供依據(jù)。
二、 網(wǎng)站制作過程中把握的幾點(diǎn)
1）、重點(diǎn)信息放在突出醒目的位置，整個(gè)網(wǎng)站空間排序適當(dāng)
一個(gè)網(wǎng)站很重要的就是標(biāo)題，標(biāo)題就像路牌一樣，人家在你的網(wǎng)站上逛來逛去，全靠它指路了。給人的第一印象是否能夠馬上注意到標(biāo)題，標(biāo)題要意義清晰、描述性強(qiáng)，把最吸引人的地方放在突出顯眼的位置，然后再慢慢展開。或者說，把你的獨(dú)特內(nèi)容包裹成一個(gè)懸念，吸引人家注意。讀者看一篇文章，前三段注意力最集中，如果這“寸土寸金”的前三段用不好，人家就要和你拜拜嘍！
留出可調(diào)整的位置，用于滿足臨時(shí)性或短期營(yíng)銷活動(dòng)的宣傳需要。如，福州電信局12月11日舉辦的“福建省首屆信息網(wǎng)絡(luò)展示會(huì)”展覽，需要在網(wǎng)頁中放在最突出的位置。這就需要調(diào)整原有的結(jié)構(gòu)，既讓新的內(nèi)容有突出的體現(xiàn)，還要不至于淹沒其他重點(diǎn)。
在每屏中的文字與圖形的布局既要考慮到重點(diǎn)的突出，還要給人以和諧的感覺。不能讓圖形淹沒文字，也不能圖形太少而讓人覺得單調(diào)。視覺的吸引和誘惑力是不能低估的。
2）、網(wǎng)頁應(yīng)該易懂，控制沒個(gè)模塊的信息量。
網(wǎng)站設(shè)計(jì)最重要的訣竅，恐怕就是你的網(wǎng)頁要易讀。
這就意味著，你必須花點(diǎn)心思來規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合，讓人看起你的網(wǎng)頁來很費(fèi)勁。一般來說，淺色背景下的深色文字為佳。 中國(guó)站長(zhǎng)資訊網(wǎng)(www.chinahtml.com)
這個(gè)原則也意味著，你最好別把文字的規(guī)格設(shè)得太小、也不能太大。文字太小，人家讀起來難受；文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。
另外，最好讓文本左對(duì)齊，而不是居中。按當(dāng)代中文的閱讀習(xí)慣，文本大都居左的。當(dāng)然，標(biāo)題一般應(yīng)該居中，因?yàn)檫@符合讀者的閱讀習(xí)慣。
在內(nèi)容上著筆盡量要細(xì)致，讓人家能在最短的時(shí)間內(nèi)，了解你想呈現(xiàn)給人家什么。給人家一幅清晰的畫卷，別云山霧罩的。開門見山，直接了當(dāng)。大家都知道，網(wǎng)友的耐心尤其少。你能提供的信息或許對(duì)他們有裨益，但如果要人家沒完沒了地翻下去才能找到，恐怕極少有人有這份耐心。
立體規(guī)劃內(nèi)容，將所有部分按一定的構(gòu)架各就其位、分別納入不同層次的頁面。注意先要把最重要的內(nèi)容放到首頁上，其他的依次就緒。
然后，你就可以勾劃頁面藍(lán)圖、編HTML了。就文本內(nèi)容的表現(xiàn)而言，記住盡量別讓其一行文字的寬度，橫跨整個(gè)屏幕。段落一多，這樣子看起來很費(fèi)勁，而且別人的瀏覽器還可能和你的差別很大。最好別超過屏幕寬度的一半。
3）、網(wǎng)頁頁面越小越好，最好別超過50k，盡量精簡(jiǎn)
有研究顯示，如果一個(gè)網(wǎng)站頁面的主體在15秒之內(nèi)顯現(xiàn)不出來，訪客會(huì)很快失去對(duì)該站的興趣。當(dāng)然，也有例外，比如內(nèi)容實(shí)在太精彩，人家不去不行。再像視覺藝術(shù)類站點(diǎn)，也不能以“快”為唯一設(shè)計(jì)標(biāo)準(zhǔn)。不過，即使這類站點(diǎn)，也該在加個(gè)導(dǎo)引頁，給讀者一個(gè)提示，別不理睬人家的心情。但是大多數(shù)網(wǎng)站還是以內(nèi)容為主，大部分人感興趣的還是信息量，追求的是速度。
要限定頁面的大小，就得從各個(gè)角度考慮節(jié)省。最大的一頭是圖像，有的好東西，只得割愛了。想想看，在創(chuàng)意表達(dá)、品牌形象、掙錢幾個(gè)目標(biāo)之中，哪個(gè)最重要？
4）、網(wǎng)站導(dǎo)航要清晰，容易查找，
所有的超鏈接應(yīng)清晰無誤地向讀者標(biāo)識(shí)出來，所有導(dǎo)航性質(zhì)的設(shè)置，像圖像按鈕，都要有清晰的標(biāo)識(shí)，讓人看得明白，千萬別光顧視覺效果的熱鬧的，而讓人家不知東西南北。
鏈接文本的顏色最好用約定俗成的：未訪問的，藍(lán)色；點(diǎn)擊過的，紫色或栗色。如果你一定要?jiǎng)e出心裁，鏈接的文本就要想著以什么方式加以突出，比如說加粗體？加字號(hào)？?jī)蓚?cè)加豎標(biāo)？或者幾者兼用�？傊�，文本鏈接一定要和頁面的其他文字有所區(qū)分，給讀者清楚的導(dǎo)向。
清晰導(dǎo)航還要求：讀者進(jìn)入目的頁的點(diǎn)擊次數(shù)，不能超過三次。如果三次以上還找不到，人家可就沒有耐心陪你玩了！
三、 網(wǎng)站推廣
網(wǎng)上世界黑漆無邊，你怎么讓人家找到你？很
