網(wǎng)頁(yè)的可視化設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)應(yīng)遵循的原則
（1）網(wǎng)頁(yè)命名要簡(jiǎn)潔。由于一個(gè)網(wǎng)站不可能由一個(gè)網(wǎng)頁(yè)組成，它有許多子頁(yè)面，為了能使這些頁(yè)面有效地被鏈接起來(lái)，深圳網(wǎng)站設(shè)計(jì)公司認(rèn)為網(wǎng)頁(yè)開(kāi)發(fā)者最好給這些頁(yè)面起一些有代表性的而且簡(jiǎn)潔易記的網(wǎng)頁(yè)名稱(chēng)。這樣既有助于以后方便地管理網(wǎng)頁(yè)，又能在向搜索引擎提交網(wǎng)頁(yè)時(shí)更容易地被別人檢索到。
（2）確保頁(yè)面的導(dǎo)航性好。用戶(hù)不可能像網(wǎng)站開(kāi)發(fā)人員一樣了解該企業(yè)網(wǎng)站，所有的用戶(hù)在尋找信息方面總會(huì)存在困難，因此需要所瀏覽的企業(yè)網(wǎng)站的支持，以使用戶(hù)有很強(qiáng)的結(jié)構(gòu)感和方位感。一般來(lái)說(shuō)，網(wǎng)站應(yīng)提供一個(gè)關(guān)于本網(wǎng)站的地圖，讓用戶(hù)知道自己在哪兒以及能去哪兒；應(yīng)讓用戶(hù)能在主頁(yè)上以關(guān)鍵字或詞語(yǔ)查找所需的信息；所有頁(yè)面從頭至尾都要使用導(dǎo)航標(biāo)志，尤其要有“返回到首頁(yè)”鏈接；如果是圖像導(dǎo)航按鈕，那么要有清晰的標(biāo)識(shí)，讓人看得明白，千萬(wàn)別只顧視覺(jué)效果，而讓用戶(hù)不知東西南北；如果是文本導(dǎo)航，則其鏈接顏色最好用約定俗成的：未訪(fǎng)問(wèn)的用藍(lán)色，點(diǎn)擊過(guò)的用紫色或栗色，應(yīng)使文本鏈接與頁(yè)面上其他文字有所區(qū)分，給用戶(hù)一個(gè)清楚明白的導(dǎo)向。
（3）網(wǎng)頁(yè)要易讀。這就意味著需要規(guī)劃文字與背景顏色的搭配方案。注意不要使背景顏色沖淡了文字的視覺(jué)效果，也不應(yīng)該用太復(fù)雜的色彩組合，讓用戶(hù)很費(fèi)勁地瀏覽網(wǎng)頁(yè)。此外，網(wǎng)頁(yè)的字體、大小也是需要考慮的因素。
（4）合理設(shè)計(jì)視覺(jué)效果。視覺(jué)效果對(duì)于網(wǎng)頁(yè)來(lái)說(shuō)是相當(dāng)重要的成分，它主要體現(xiàn)在網(wǎng)頁(yè)結(jié)構(gòu)和排版上。要善于用表格來(lái)布局網(wǎng)頁(yè)，不要把一個(gè)網(wǎng)站的內(nèi)容像做報(bào)告似的一二三四羅列出來(lái)，要注意多用表格把網(wǎng)站內(nèi)容的層次性和空間性突出顯示出來(lái)，使人一眼就能看出網(wǎng)站的重點(diǎn)所在。不要在頁(yè)面上填滿(mǎn)圖像來(lái)增加視覺(jué)趣味，應(yīng)盡可能多地使用彩色圓點(diǎn)，它們較小并能為列表項(xiàng)增加色彩活力，此外，彩色分隔條也能在不擾亂帶寬的情況下增強(qiáng)圖像感。
（5）為圖片添加文字說(shuō)明。給每幅圖像加上文字的說(shuō)明，在圖像出現(xiàn)之前就可以看到相關(guān)內(nèi)容，尤其是導(dǎo)航按鈕和大圖片更應(yīng)如此。這樣一來(lái)，當(dāng)網(wǎng)絡(luò)速度很慢不能把圖像下載下來(lái)或者用戶(hù)在使用文本類(lèi)型的瀏覽器時(shí)，照樣能閱讀網(wǎng)頁(yè)的內(nèi)容。
（6）不宜使用太多的動(dòng)畫(huà)和靜態(tài)圖片。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)要確定是否必須要用GIF動(dòng)畫(huà)或Flash插件，如果可以不用，就選擇靜止的圖片，因?yàn)樗娜萘恳〉枚唷Ｈ绻坏貌辉诰W(wǎng)站上放置大的圖像，則最好使用圖像縮微圖，把圖像縮小版本的預(yù)覽效果顯示出來(lái)，這樣用戶(hù)就不必浪費(fèi)金錢(qián)和時(shí)間去下載他們根本不想看的大圖像。不要使用橫跨整個(gè)屏幕的圖像，要避免用戶(hù)滾動(dòng)屏幕。此外，還要確保動(dòng)畫(huà)、靜態(tài)圖片和網(wǎng)頁(yè)內(nèi)容有關(guān)聯(lián)，它們應(yīng)和網(wǎng)頁(yè)渾然一體，要表現(xiàn)一定的網(wǎng)頁(yè)內(nèi)容，而不是空洞的。
（7）頁(yè)面長(zhǎng)度要適中。一個(gè)長(zhǎng)的頁(yè)面的傳輸時(shí)間要比較短的頁(yè)面的傳輸時(shí)間長(zhǎng)，太長(zhǎng)的頁(yè)面?zhèn)鬏敃?huì)使用戶(hù)在等待中失去耐心，而且為了閱讀這些長(zhǎng)文本，瀏覽者不得不使用滾動(dòng)條，很多用戶(hù)不喜歡使用滾動(dòng)條，調(diào)查表明只有10%的用戶(hù)會(huì)上下移動(dòng)文本觀(guān)看屏幕顯示范圍之外的信息。如果有大量的基于文本的文檔，如企業(yè)的合同、財(cái)務(wù)報(bào)表、產(chǎn)品的使用說(shuō)明書(shū)等，就應(yīng)當(dāng)以AdobeAcrobat支持的PDF格式的文件形式來(lái)放置，以便企業(yè)用戶(hù)能離線(xiàn)閱讀，從而節(jié)省寶貴的時(shí)間，或?qū)⑺嘘P(guān)鍵的內(nèi)容和導(dǎo)航選項(xiàng)置于網(wǎng)頁(yè)的頂部。
（8）Java程序少用為宜。不要使用大幅面的Java程序，能夠用JavaScript替代效果的則盡量不要使用Java。
（9）整個(gè)頁(yè)面風(fēng)格要一致。網(wǎng)站上所有網(wǎng)頁(yè)中的圖像、文字，包括背景顏色、區(qū)分線(xiàn)、字體、標(biāo)題、注腳等，要統(tǒng)一表現(xiàn)風(fēng)格，這樣用戶(hù)在瀏覽網(wǎng)頁(yè)時(shí)才會(huì)覺(jué)得舒服、順暢。
（10）盡量使用相對(duì)超鏈接。在制作圖像或文本超鏈接時(shí)，盡可能地使用相對(duì)超鏈接，這是因?yàn)檫@樣制作的網(wǎng)頁(yè)可移植性比較強(qiáng)。例如，把一組源文件移到另一個(gè)地方時(shí)，相對(duì)路徑名仍然有效，而不需要重新修改鏈接的目標(biāo)地址。另外，使用相對(duì)超鏈接時(shí)輸入量也較少，在同一頁(yè)的鏈接項(xiàng)當(dāng)然應(yīng)該使用相對(duì)地址，因?yàn)槭褂媒^對(duì)地址后可能會(huì)每選擇一個(gè)鏈接，都要把該頁(yè)重新裝載一次。當(dāng)鏈接到不直接相關(guān)的文件時(shí)，使用絕對(duì)路徑比較好，這樣以后要是把源文件移到另外的目錄下就不需要更改鏈接了。最后，要保證超鏈接直觀(guān)有效，以便使用戶(hù)能夠很快地找到其想要的東西，最好每一頁(yè)同樣的位置上都有相同的導(dǎo)航條，使瀏覽者能夠很直觀(guān)地從每一頁(yè)訪(fǎng)問(wèn)網(wǎng)站的任何部分。
（11）不要濫用尖端技術(shù)。在網(wǎng)頁(yè)開(kāi)發(fā)中，要適當(dāng)?shù)厥褂眯录夹g(shù)，但不要過(guò)多地使用最新的網(wǎng)站開(kāi)發(fā)技術(shù)，因?yàn)槠髽I(yè)電子商務(wù)網(wǎng)站的主流用戶(hù)關(guān)注更多的是網(wǎng)站有無(wú)有用的內(nèi)容和企業(yè)提供優(yōu)質(zhì)服務(wù)的能力。使用最新的技術(shù)有可能會(huì)打擊企業(yè)部分用戶(hù)訪(fǎng)問(wèn)網(wǎng)站的興趣和積極性，因?yàn)槿绻脩?hù)缺乏合理使用新技術(shù)的經(jīng)驗(yàn)，或者用戶(hù)系統(tǒng)太慢而導(dǎo)致在訪(fǎng)問(wèn)網(wǎng)站期間崩潰，那么他們將不會(huì)再來(lái)。另一方面，最新的網(wǎng)站開(kāi)發(fā)技術(shù)還存在用戶(hù)瀏覽器的版本支持問(wèn)題，有些較低版本的瀏覽器還不能支持當(dāng)前最新的網(wǎng)站開(kāi)發(fā)技術(shù)。好了，網(wǎng)站設(shè)計(jì)公司本文關(guān)于“11個(gè)網(wǎng)頁(yè)的可視化設(shè)計(jì)的方法”就分享到這里，希望能給您的工作帶來(lái)幫助，謝謝關(guān)注，博納網(wǎng)絡(luò)編輯整理。
