通過前面的《網(wǎng)站內(nèi)容策劃是網(wǎng)站建設(shè)中重中之重》介紹我們掌握了網(wǎng)站建設(shè)前期的網(wǎng)站定位以及網(wǎng)站內(nèi)容策劃，那是不是就可開始做網(wǎng)站呢，對(duì)于很多用戶來講，做個(gè)網(wǎng)站是一件很小事的，但事實(shí)上，網(wǎng)站做的好宣傳會(huì)起到好效果，否則越宣傳越糟糕，所以在此南昌網(wǎng)站設(shè)計(jì)公司百恒網(wǎng)絡(luò)策劃師繼續(xù)介紹網(wǎng)站設(shè)計(jì)的策劃，以前網(wǎng)站只要夠炫，有個(gè)性，這個(gè)網(wǎng)站便是好網(wǎng)站。往往這樣的網(wǎng)站圖片、Flash都非常多，造成網(wǎng)站訪問速度非常慢，需要很長(zhǎng)時(shí)間才能打開。如今，這樣的網(wǎng)站已經(jīng)不受歡迎。有很多公司在做網(wǎng)站的時(shí)候都會(huì)問，是否對(duì)網(wǎng)站進(jìn)行全站優(yōu)化，如果具備這樣的能力，網(wǎng)站才會(huì)委托你們來做。網(wǎng)站設(shè)計(jì)融入SEO思想是當(dāng)前最流行、最受歡迎的思想，也就是說網(wǎng)站設(shè)計(jì)要面向搜索引擎，網(wǎng)站只有得到搜索引擎的青睞，才能獲得好的排名，得到很高的流量。所以說搜索引擎對(duì)一個(gè)網(wǎng)站的生死是至關(guān)重要的，沒有搜索引擎，就沒有高額的流量，也就沒有更多的成交客戶。

為了使網(wǎng)站的前臺(tái)符合搜索引擎的抓取標(biāo)準(zhǔn)，在開始建設(shè)網(wǎng)站的時(shí)候，需將SEO的思想全部融入到網(wǎng)站中，網(wǎng)站最好不要使用大的圖片或者Flash，這在前面的章節(jié)中已經(jīng)講過。有很多公司，為了公司發(fā)展需要，要在網(wǎng)絡(luò)上開拓市場(chǎng)，需要建設(shè)一個(gè)網(wǎng)站，領(lǐng)導(dǎo)吩咐手下的人，聯(lián)系網(wǎng)絡(luò)公司建設(shè)網(wǎng)站。公司的人對(duì)SEO不了解，在與網(wǎng)絡(luò)公司溝通的時(shí)候，只要網(wǎng)站看著順眼即可，其他的都不考慮。網(wǎng)站建設(shè)完畢上線正式運(yùn)營(yíng)幾個(gè)月后，發(fā)現(xiàn)沒有訂單或者訂單非常少，最后查找原因，原來網(wǎng)站不符合SEO，需要重新建設(shè)網(wǎng)站才行。企業(yè)如果真的想要在互聯(lián)網(wǎng)上創(chuàng)造利潤(rùn)，肯定要重新建設(shè)網(wǎng)站，前后耗費(fèi)了很多時(shí)間。如果在網(wǎng)站建設(shè)初期將SEO的思想融入進(jìn)來，就不會(huì)出現(xiàn)這樣的問題，同時(shí)企業(yè)也會(huì)很快地進(jìn)入盈利的軌道。

1.讓自己的網(wǎng)站脫穎而出

當(dāng)用戶在訪問你的網(wǎng)站的時(shí)候，很多人都喜歡與同類型的網(wǎng)站做對(duì)比，如果覺得網(wǎng)站非常好，看著非常順眼，而且網(wǎng)站內(nèi)容也非常適合自己，都是有用的內(nèi)容，那么用戶會(huì)將網(wǎng)站加入收藏夾，下次再打開網(wǎng)站的時(shí)候直接從收藏夾打開，不用在搜索引擎中搜索一遍。在網(wǎng)絡(luò)這個(gè)虛擬環(huán)境中，有無數(shù)個(gè)網(wǎng)站，而且每天都會(huì)有一批新站誕生，同時(shí)互聯(lián)網(wǎng)中也存在著許多垃圾站點(diǎn)，如果想讓自己的網(wǎng)站在眾多網(wǎng)站中脫穎而出，就必須在開始建站前對(duì)網(wǎng)站做整體策劃，將SEO融入網(wǎng)站，同時(shí)將網(wǎng)站的賣點(diǎn)突出，吸引用戶。

2.設(shè)想中的網(wǎng)站規(guī)模有多大

網(wǎng)站規(guī)模的大小決定著網(wǎng)站要設(shè)計(jì)的頁(yè)面多少，而且不同的頁(yè)面，放置的內(nèi)容不一樣，設(shè)計(jì)的風(fēng)格也不一樣。確定網(wǎng)站規(guī)模后，可以對(duì)網(wǎng)站進(jìn)行整體分析，看看哪個(gè)板塊用什么設(shè)計(jì)手法能讓用戶更加歡迎。做網(wǎng)站并不是盲目地想做多大就做多大，要根據(jù)現(xiàn)階段自身的能力而定。如果只有一個(gè)人，要做一個(gè)大型門戶網(wǎng)站，肯定是不現(xiàn)實(shí)的。網(wǎng)站最好是從小規(guī)模的開始，然后逐步發(fā)展。新浪、雅虎、騰訊這樣的大型門戶網(wǎng)站，也不是一開始所有的欄目都有，也是一點(diǎn)兒一點(diǎn)兒隨著自身能力的不斷增加而逐步開設(shè)的。所以，我們要量力而行，這也關(guān)系到網(wǎng)站的后期維護(hù)，以及網(wǎng)站未來的發(fā)展方向。

3.確定網(wǎng)站的設(shè)計(jì)特色

根據(jù)網(wǎng)站的主題、形式及本身企業(yè)的特點(diǎn)，網(wǎng)站的設(shè)計(jì)風(fēng)格也有所不同。如果網(wǎng)站為門戶類型的網(wǎng)站，這種類型的網(wǎng)站是以內(nèi)容為主來吸引用戶閱讀，所以網(wǎng)站的首頁(yè)最好不要太花哨，在有限的空間內(nèi)，應(yīng)該盡可能地顯示信息。信息內(nèi)容排版要合理，文字行距要適當(dāng)，不能太過于密集，這樣用戶進(jìn)來后感覺會(huì)非常不舒服。首頁(yè)可以有圖片，但是不能太多，一些熱門的信息可以使用圖片與文字相結(jié)合的方式吸引用戶。如果網(wǎng)站是企業(yè)類型的網(wǎng)站，那么應(yīng)該以產(chǎn)品為中心，首頁(yè)設(shè)計(jì)要大氣一些，顯示企業(yè)的威信，給用戶感覺這個(gè)網(wǎng)站很正規(guī)，不是騙人的網(wǎng)站，將產(chǎn)品放在首頁(yè)的核心位置。iPod中國(guó)的網(wǎng)站頁(yè)面設(shè)計(jì)得就非常成功，頁(yè)面表達(dá)的重點(diǎn)意思就是對(duì)iPod產(chǎn)品的傳達(dá)，顯得整個(gè)網(wǎng)站很大氣、很有特點(diǎn)，用戶很容易記住產(chǎn)品，頁(yè)面風(fēng)格也符合年輕人時(shí)尚的感覺。如果網(wǎng)站為政府機(jī)關(guān)類型，這樣的網(wǎng)站設(shè)計(jì)不能靚，也不能太動(dòng)感，因?yàn)檫@是一個(gè)比較嚴(yán)肅的部門。如果網(wǎng)站為個(gè)人站，這樣的網(wǎng)站可以隨便設(shè)計(jì)，想設(shè)計(jì)成什么樣便可以設(shè)計(jì)成什么樣，任意發(fā)揮想象力，彰顯個(gè)性。如果網(wǎng)站為電子商務(wù)網(wǎng)站，這類網(wǎng)站主要是以銷售產(chǎn)品為主，如果只是文字，顯著頁(yè)面太單板，用戶看完后不會(huì)留下什么太深刻的印象，一般都是圖文結(jié)合，而且圖片做得很誘人，一看圖片就有購(gòu)買的沖動(dòng)。

4.主要目標(biāo)受眾是誰

根據(jù)網(wǎng)站的類型不同，目標(biāo)受眾也不一樣，網(wǎng)站設(shè)計(jì)的風(fēng)格相對(duì)來說也不一樣。

如果網(wǎng)站主要以兒童為主，整個(gè)網(wǎng)站應(yīng)該簡(jiǎn)單，容易操作，頁(yè)面越卡通、越有趣越好，在不影響搜索引擎優(yōu)化的前提下也可以加一些特效，在導(dǎo)航菜單和鼠標(biāo)點(diǎn)到圖片時(shí)發(fā)生變化來渲染一下效果。

網(wǎng)站以年輕人為主，年輕人比較喜歡時(shí)尚、炫酷的設(shè)計(jì)，同時(shí)，這一年齡段的人接受能力特別強(qiáng)，都比較有個(gè)性，如果網(wǎng)站設(shè)計(jì)得太單調(diào)，文字太多，不會(huì)吸引這些人注意?，F(xiàn)在一些大型的博客網(wǎng)站，模板設(shè)計(jì)得都很時(shí)尚，用戶可以自己選擇喜歡的樣式，深受用戶的歡迎。

5.確定整個(gè)網(wǎng)站的整體風(fēng)格

網(wǎng)站的整體和穿衣服一樣，不能上身穿正裝，下身穿泳裝，這樣看起來會(huì)非常不順眼，網(wǎng)頁(yè)上所有的文字，包括背景顏色、區(qū)分線、字體、標(biāo)題等都要統(tǒng)一風(fēng)格。不能這個(gè)欄目頁(yè)的正文是宋體、12號(hào)字，在訪問另一個(gè)欄目時(shí)，突然變成黑體、16號(hào)字體，反差太大，用戶讀起來會(huì)非常不舒服，感覺也很別扭。下面詳細(xì)講解一下。

1)網(wǎng)站的顏色

網(wǎng)站顏色的選擇很重要，一旦確認(rèn)使用某種顏色或者某個(gè)色系的顏色后，網(wǎng)站所有頁(yè)面都要以確定的顏色或者色系為主。最好不要首頁(yè)使用一種顏色，欄目頁(yè)使用一種顏色，內(nèi)頁(yè)又使用另外一種顏色，那樣會(huì)給用戶一種錯(cuò)覺。

2)網(wǎng)站配色注意事項(xiàng)

如果網(wǎng)站不是素材類或者藝術(shù)類的網(wǎng)站，網(wǎng)站的顏色盡量不要太多，太多會(huì)容易讓用戶感覺花哨。一般網(wǎng)站的顏色，3～4種是最佳選擇。整個(gè)網(wǎng)站要有一個(gè)主色調(diào)，這個(gè)主色調(diào)會(huì)貫穿整個(gè)網(wǎng)站，使網(wǎng)站形成自己的風(fēng)格。選擇網(wǎng)站的主色調(diào)時(shí)，我們要考慮到網(wǎng)站的定位和用戶群體，不同的顏色代表的含義不一樣，不能亂用。例如，機(jī)械類的網(wǎng)站選擇藍(lán)色系比較適合，如果選擇粉紅色會(huì)讓人笑話。同時(shí)色彩也可以影響人的心情，在每年新年的時(shí)候，全國(guó)各大超市都喜歡掛紅燈籠或者其他掛飾來營(yíng)造過年的氣氛，用戶在購(gòu)買商品的時(shí)候會(huì)感受到一種過年熱鬧的氣氛，心情非常舒暢。

3)網(wǎng)頁(yè)色彩搭配的技巧

用一種色彩。先選擇一種顏色，然后在這個(gè)顏色的基礎(chǔ)上調(diào)整它的透明度，或者使用漸變來產(chǎn)生新的色彩，這樣設(shè)計(jì)出來的網(wǎng)站有層次感，不會(huì)看著那樣古板。

用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。這樣設(shè)計(jì)出來的網(wǎng)站色彩比用一種顏色相對(duì)要豐富一些，因?yàn)槭褂玫氖菍?duì)比色，用戶看完后也不會(huì)感覺非常刺眼。

用一個(gè)色系。同一種色系設(shè)計(jì)出來的網(wǎng)站也非常漂亮。

用黑色和一種彩色。黑色搭配紅色設(shè)計(jì)出來的網(wǎng)站給人感覺非常酷，一些廣告公司的網(wǎng)站一般都是用黑色與其他一種色彩搭配設(shè)計(jì)出來的。

4)網(wǎng)頁(yè)配色中的忌諱

為了讓網(wǎng)站有個(gè)性，頁(yè)面非常酷，將所有的顏色全部使用在這個(gè)網(wǎng)站上。這樣設(shè)計(jì)出來的網(wǎng)站一定不會(huì)被大家認(rèn)同，所以在設(shè)計(jì)網(wǎng)站的時(shí)候千萬不要這樣做，尤其是企業(yè)網(wǎng)站。

網(wǎng)站盡量不要用圖案來作為背景，這樣會(huì)顯得網(wǎng)站特別亂，主要內(nèi)容都被背景沖淡了。背景顏色也要與正文的顏色對(duì)比度大些，否則看不清正文的主要內(nèi)容。

5)選擇字體

中文網(wǎng)站一般都采用宋體，字體的大小在12～18號(hào)之間，用得最多就是12和14號(hào)。做網(wǎng)站的時(shí)候，網(wǎng)站的導(dǎo)航、新聞?lì)^條的標(biāo)題和內(nèi)頁(yè)文章的標(biāo)題通常使用14號(hào)字體，必要的時(shí)候可以加粗，剩下的字體全部使用12號(hào)字體，這樣，網(wǎng)站看起來很協(xié)調(diào)，也很規(guī)范，標(biāo)題就是標(biāo)題，正文就是正文，用戶分得很清楚，瀏覽文章的時(shí)候也不覺得眼睛勞累。

舉個(gè)簡(jiǎn)單的例子，如果在列表前面加黑圓點(diǎn)起到加強(qiáng)視覺的效果，那么在其他類似地方也應(yīng)該保持同樣的風(fēng)格。不要這個(gè)列表前面使用黑圓點(diǎn)加強(qiáng)視覺效果，在其他地方使用三角加強(qiáng)視覺效果，一個(gè)列表一個(gè)方式，這樣會(huì)讓人感覺頁(yè)面特別亂，特別是顏色稍微多點(diǎn)的網(wǎng)站，用戶瀏覽網(wǎng)站時(shí)會(huì)感覺非常不自然。

6.網(wǎng)站設(shè)計(jì)策劃中的一些細(xì)節(jié)問題

1)網(wǎng)頁(yè)應(yīng)該易讀，不要讓用戶閱讀文章感到吃力

有的網(wǎng)站內(nèi)頁(yè)為了給用戶一個(gè)不一樣的視覺效果，將背景色做成了深藍(lán)色，而字體是黑色，兩種顏色非常接近，行與行間距非常小，給人感覺非常模糊，不仔細(xì)看，無法閱讀文章。所以在網(wǎng)站設(shè)計(jì)開始時(shí)，也應(yīng)該將文字的大小(最好不要將文字的規(guī)格設(shè)得太小，也不能太大。如果文字太小，客戶閱讀起來非常難受，可能閱讀一會(huì)就無法再閱讀下去;如果文字太大，對(duì)網(wǎng)站的整體布局也會(huì)造成影響，占用的網(wǎng)頁(yè)板塊非常大，整個(gè)網(wǎng)站看起來也非常不舒服?，F(xiàn)在一般網(wǎng)站的正文文字都使用12號(hào)大小，建議也使用12號(hào)大小)、字體、顏色、背景顏色、文字對(duì)齊方式這些小細(xì)節(jié)都策劃好，否則會(huì)給用戶帶來很大的麻煩。

因此必須花點(diǎn)心思來規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果，也別用花里胡哨的色彩組合，讓用戶瀏覽網(wǎng)頁(yè)的時(shí)候很費(fèi)勁。一般來說，淺色背景下的深色文字為佳。

2)將重點(diǎn)信息放在突出醒目的位置，吸引用戶點(diǎn)擊

進(jìn)入網(wǎng)站后，大多數(shù)用戶會(huì)從上到下粗略地瀏覽一下網(wǎng)站的內(nèi)容。網(wǎng)頁(yè)中，除了圖片可以吸引用戶眼球外，剩下的便是文章標(biāo)題，這在前面已經(jīng)多次強(qiáng)調(diào)過。在充分地將SEO融入進(jìn)去后，也要在吸引用戶閱讀上下功夫，用戶只有點(diǎn)擊進(jìn)入文章詳細(xì)頁(yè)，才能真正地了解這篇文章的詳細(xì)內(nèi)容，才能產(chǎn)生轉(zhuǎn)化。如果標(biāo)題不夠吸引人，用戶不點(diǎn)擊或者將網(wǎng)站關(guān)掉，將不會(huì)產(chǎn)生利潤(rùn)。

網(wǎng)頁(yè)中應(yīng)該留出一部分位置給廣告，用于宣傳網(wǎng)站產(chǎn)品。一般網(wǎng)站都會(huì)在首頁(yè)第一屏中留出一定的位置放廣告，這個(gè)位置是用戶必看的位置，如果用戶對(duì)廣告內(nèi)容感興趣，他們會(huì)點(diǎn)擊進(jìn)行詳細(xì)了解，產(chǎn)生購(gòu)買的可能性非常大。所以，首頁(yè)廣告位置也非常重要，利用得當(dāng)會(huì)讓利潤(rùn)更上一層樓。

在每屏中的文字與圖形的布局既要考慮到重點(diǎn)的突出，還要給人以和諧的感覺。不能讓圖形淹沒文字，也不能圖形太少而讓人覺得單調(diào)。要知道，視覺的吸引和誘惑力是不能低估的。

3)網(wǎng)站導(dǎo)航要清晰，容易查找

清晰網(wǎng)站導(dǎo)航的標(biāo)準(zhǔn)是讀者進(jìn)入目的頁(yè)的點(diǎn)擊次數(shù)不能超過3次。如果3次以上還找不到想要的內(nèi)容，用戶會(huì)直接離開。網(wǎng)站導(dǎo)航要清晰可見，用戶看了之后便知道是網(wǎng)站的導(dǎo)航，盡量不要使用背景圖片，容易讓人產(chǎn)生錯(cuò)覺。導(dǎo)航的鏈接一定要正確，保證將用戶帶到正確的頁(yè)面中，不要出現(xiàn)用戶點(diǎn)擊鏈接后網(wǎng)頁(yè)打不開的情況。如果網(wǎng)站欄目非常多，可以使用下拉菜單，這樣可以節(jié)省一部分空間來放置重要內(nèi)容。

鏈接文本的顏色最好不同，很多網(wǎng)站都將點(diǎn)擊過的鏈接設(shè)置成紫色來加以區(qū)分。這樣做的好處是，用戶知道哪一篇文章已經(jīng)閱讀過，不會(huì)重復(fù)點(diǎn)擊。如果不喜歡這樣的方式，也可以在這個(gè)方法的基礎(chǔ)上創(chuàng)新，讓點(diǎn)擊過的鏈接字體發(fā)生變化，如變成斜體、加粗等，不過不建議使用這種方式，這樣會(huì)造成整個(gè)頁(yè)面非常亂。

4)網(wǎng)頁(yè)頁(yè)面越小越好，最好不要超過50KB，盡量精簡(jiǎn)

上網(wǎng)瀏覽網(wǎng)頁(yè)的時(shí)候最讓人反感的便是打開一個(gè)網(wǎng)站等了很長(zhǎng)時(shí)間還在加載中，特別是在查找資料的時(shí)候，所有的用戶遇到這種情況的時(shí)候，都會(huì)直接關(guān)閉網(wǎng)頁(yè)，瀏覽下一個(gè)網(wǎng)站，尋找自己想要的信息。據(jù)大多數(shù)人研究表明，一個(gè)網(wǎng)站如果超過了15秒還打不開，用戶便會(huì)對(duì)這個(gè)網(wǎng)站失去耐心。所以在設(shè)計(jì)網(wǎng)站的時(shí)候一定要考慮頁(yè)面的大小，若用戶因?yàn)檫@個(gè)原因而放棄瀏覽網(wǎng)站，即使網(wǎng)站有再精彩的內(nèi)容也是于事無補(bǔ)。

本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對(duì)廣技人員有所幫助。原創(chuàng)文章出自:南昌網(wǎng)站建設(shè)公司-百恒網(wǎng)絡(luò)http://syshcw.cn/app/index.html如轉(zhuǎn)載請(qǐng)注明出處!