網(wǎng)站設(shè)計(jì)中要注意哪些問(wèn)題?我們以前說(shuō)過(guò)網(wǎng)站策劃你是網(wǎng)站成功的第一步,今天我要告訴大家的就是網(wǎng)站設(shè)計(jì)是你網(wǎng)站成功的第二步,但是網(wǎng)站設(shè)計(jì)是一個(gè)絕對(duì)需要細(xì)心,需要重視細(xì)節(jié)的活,因此絕對(duì)不能掉以輕心,那么網(wǎng)站設(shè)計(jì)中要注意哪些問(wèn)題?
1. 整體布局
網(wǎng)站主頁(yè)就好像是宣傳欄或者店面,對(duì)訪問(wèn)者產(chǎn)生第一印象,都希望盡量給人留下好的印象,不是嗎?一般來(lái)說(shuō),好的網(wǎng)站應(yīng)該給人有這樣的感覺(jué):
干凈整潔;
條理清楚;
專業(yè)水準(zhǔn);
引人入勝。
網(wǎng)頁(yè)應(yīng)該力求抓住而不是淹沒(méi)瀏覽者的注意力,過(guò)多的閃爍、色彩、下拉菜單框、圖片等會(huì)讓訪問(wèn)者無(wú)所適從——離開(kāi)是最好的選擇。就像一些商店,播放震耳欲聾的發(fā)燒音樂(lè),你要做的唯一決定就是離開(kāi)那里,越快越好。
2. 信息
無(wú)論商業(yè)站點(diǎn)還是個(gè)人主頁(yè),你必須給人們提供有一定價(jià)值的內(nèi)容才能留住訪問(wèn)者。因?yàn)槲覀內(nèi)祟惪偸俏├菆D,第一個(gè)問(wèn)題總是:“對(duì)我有什么用處?”
所以你必須提供某些有價(jià)值的東西,當(dāng)然并不是說(shuō)必須提供某些免費(fèi)的物品——免費(fèi)書(shū)籍、免費(fèi)入場(chǎng)券、免費(fèi)度假等,這些“有價(jià)值的東西”可以是:
信息;
娛樂(lè);
勸告;
對(duì)一些問(wèn)題的幫助;
提供志趣相投者聯(lián)絡(luò)的機(jī)會(huì);
鏈接到有用的網(wǎng)頁(yè),等等。
如果你經(jīng)營(yíng)的是企業(yè)網(wǎng)站,需要提供關(guān)于產(chǎn)品或服務(wù)的信息:
容易理解;
容易查詢;
容易訂貨。
3. 速度
我們都知道,頁(yè)面下載速度是網(wǎng)站留住訪問(wèn)者的關(guān)鍵因素。如果20—30秒還不能打開(kāi)一個(gè)網(wǎng)頁(yè),一般人就會(huì)沒(méi)有耐心。至少應(yīng)該確保主頁(yè)速度盡可能快,最好不要用大的圖片。
應(yīng)該時(shí)時(shí)提醒自己,網(wǎng)站首頁(yè)就像一個(gè)廣告牌。當(dāng)開(kāi)車經(jīng)過(guò)一個(gè)廣告牌時(shí),沒(méi)有時(shí)間閱讀上面的詳細(xì)說(shuō)明,也不可能贊賞其復(fù)雜的圖案,廣告標(biāo)志從眼前一閃而過(guò),必須在一瞬間給人留下印象。
網(wǎng)上訪問(wèn)者也是“一閃而過(guò)”,保證你的首頁(yè)簡(jiǎn)單而快速。網(wǎng)上有許多關(guān)于如何增加速度的文章——檢查下載速度,放棄一切顯著減慢主頁(yè)速度的資料。
4. 圖形和版面設(shè)計(jì)
圖形和版面設(shè)計(jì)關(guān)系到對(duì)主頁(yè)的第一印象,圖象應(yīng)集中反映主頁(yè)所期望傳達(dá)的主要信息。
如果有系列商業(yè)站點(diǎn),你不必讓過(guò)分顯眼的動(dòng)畫(huà)出現(xiàn)在首頁(yè)——但如果你的網(wǎng)站是游戲站點(diǎn),動(dòng)畫(huà)將是必不可少的一部分內(nèi)容。
圖片是影響網(wǎng)頁(yè)下載速度的重要原因,根據(jù)經(jīng)驗(yàn)。把每頁(yè)全部?jī)?nèi)容控制在30K左右可以保證比較理想的下載時(shí)間,圖象在6—8K之間為宜,每增加2K會(huì)延長(zhǎng)1秒鐘的下載時(shí)間。
顏色也是影響網(wǎng)頁(yè)的重要因素,不同的顏色對(duì)人的感覺(jué)有不同的影響,例如:
紅色和橙色使人興奮并使得心跳加速;
黃色使人聯(lián)想到陽(yáng)光,是一種快活的顏色;
考慮到你希望對(duì)瀏覽者產(chǎn)生什么影響,請(qǐng)為網(wǎng)頁(yè)選擇合適的顏色。
閱讀西方格式文本時(shí),眼睛從左上方開(kāi)始。逐行瀏覽到達(dá)右下方,插入圖象時(shí)不要忘記這種特性。任何具有方向性的圖片應(yīng)該放置在網(wǎng)頁(yè)中對(duì)眼睛最重要的地方,如果在左上角放置一幅小鳥(niǎo)的圖片,鳥(niǎo)嘴應(yīng)該放在把瀏覽者目光引向頁(yè)面中部的地方,而不是把視線引走。
這種思路可以用于所有圖片:
面部應(yīng)該“看”網(wǎng)頁(yè)的中部;
汽車的“??俊泵嫦蚓W(wǎng)頁(yè)中部;
道路、領(lǐng)帶等等圖片的放置都應(yīng)該在有助于吸引目光從左向右、從上向下移動(dòng)。
一般總是把網(wǎng)站導(dǎo)航條放置在頁(yè)面左邊,也是出于這種考慮——不斷地出現(xiàn)在瀏覽者的視野之中。
5. 文字的可讀性
我們?nèi)匀挥脧V告牌的比喻來(lái)說(shuō)明,文字要在廣告牌上突出,周圍應(yīng)該留有足夠的空間。也許你曾到過(guò)一些網(wǎng)站,要么擁擠不堪的文字覺(jué)得好像只有把腦袋鉆進(jìn)去才能閱讀,要么深色的背景給人的感覺(jué)好象處于非常狹窄的空間里,而且讓人的心情感覺(jué)很壓抑。某些背景色的令人閱讀困難;紫色、橙色和紅色讓人眼花繚亂。
文字的顏色也很重要,不同的瀏覽器有不同的顯示效果,有些在你的瀏覽器上很漂亮的顏色在其他瀏覽器上可能無(wú)法顯示。參考報(bào)紙的編排方式,為方便或快速閱讀將你的內(nèi)容分欄設(shè)計(jì),甚至兩欄也要比一滿頁(yè)的視覺(jué)效果要好。
另一種能夠提高文字可讀性的因素是你所選擇的字體,通用的字體(Arial, Times New Roman, Garamond and Courier)最易閱讀,特殊字體用于標(biāo)題效果較好,但是不適合正文(試想瀏覽整頁(yè)的 Gothic, Script, Westminster, or Cloister會(huì)是怎樣的感受)。因?yàn)殚喿x費(fèi)力,你的眼睛很快就會(huì)疲勞,不得不轉(zhuǎn)移到其他頁(yè)面。
6. 網(wǎng)頁(yè)標(biāo)題的可讀性
必須盡量使你的網(wǎng)頁(yè)易于閱讀,除了分欄之外(將頁(yè)面縱向分割),也需要利用標(biāo)題和副標(biāo)題將文檔分段。
為所有標(biāo)題和副標(biāo)題設(shè)置同一字體,并將標(biāo)題字體加大一號(hào),所有標(biāo)題和副標(biāo)題都采用粗體,這樣便于識(shí)別標(biāo)題(字體加大加粗)和副標(biāo)題(粗體,與正文字體大小相同),使瀏覽者一眼就可以看到要點(diǎn),以便找出并繼續(xù)閱讀有興趣的內(nèi)容。標(biāo)題的重要性可見(jiàn)一斑,要認(rèn)真寫(xiě)好每個(gè)標(biāo)題!
也可以將整句采用粗體或用不同的顏色突出某些內(nèi)容,不過(guò)不要用難以閱讀的顏色。
7. 導(dǎo)航
由于人們習(xí)慣于從左到右、從上到下閱讀,所以主要的導(dǎo)航條應(yīng)放置在頁(yè)面左邊,對(duì)于較長(zhǎng)頁(yè)面來(lái)說(shuō),在最底部設(shè)置一個(gè)簡(jiǎn)單導(dǎo)航也很有必要(只要兩項(xiàng)就夠了:主頁(yè)|頁(yè)面頂部)。
確定一種你滿意的模式之后,最好將這種模式應(yīng)用到同一網(wǎng)站的每個(gè)頁(yè)面,這樣,瀏覽者就知道如何尋找信息。
8. 保護(hù)個(gè)人信息聲明和客戶推薦信
對(duì)于商業(yè)網(wǎng)站來(lái)講,最重要的事情之一是確保潛在客戶的信心,你應(yīng)該明確地告訴人們,如何對(duì)其興趣、愛(ài)好,尤其個(gè)人隱私保密,很有必要專門(mén)用一個(gè)頁(yè)面詳細(xì)陳述你的保護(hù)個(gè)人信息聲明,包括對(duì)訪問(wèn)者的email地址保密、如何接受定單、如何匯總信息、匯總這些信息的目的、誰(shuí)可以看到這些信息等基本內(nèi)容。
訪問(wèn)者也想知道你的產(chǎn)品或服務(wù)現(xiàn)有客戶的反映,所以如果能引用與你關(guān)系融洽的客戶對(duì)你的積極評(píng)價(jià),對(duì)你的可信度將很有幫助。
不要害怕向顧客索取推薦信——人們都愿意自己的意見(jiàn)有價(jià)值。
你可以把客戶的推薦信另設(shè)計(jì)為一個(gè)網(wǎng)頁(yè),作為對(duì)客戶提供推薦信的回報(bào),在這里鏈接到客戶的網(wǎng)站——這也是一種“雙贏”。
9. 詞語(yǔ)
一個(gè)網(wǎng)站如果只有漂亮的外觀而詞語(yǔ)錯(cuò)誤連篇、語(yǔ)法混亂,同樣是失敗的,對(duì)于網(wǎng)站所有者和負(fù)責(zé)人將產(chǎn)生很壞的影響,人們會(huì)用許多貶義詞來(lái)評(píng)價(jià)你:粗心大意、懶惰、外行、沒(méi)水平等等。
你愿意把自己辛苦掙來(lái)的錢(qián)花在一個(gè)連自己的網(wǎng)站都馬馬虎虎的人嗎?
你可以按照上述步驟改進(jìn)你的網(wǎng)站制作技巧;
你可以請(qǐng)人對(duì)你的工作進(jìn)行校對(duì)、編輯;
你也可以請(qǐng)人為你制作網(wǎng)頁(yè);
總之,上述步驟在很多方面對(duì)你會(huì)有所幫助,不要因?yàn)閷?duì)某些步驟的疏忽而影響你的網(wǎng)站的整體效果。