網頁設計(jì)
一、什麽是網頁設計(jì)
網頁設計(jì)（web design，又稱為(wèi)Web UI design，WUI design，WUI），是根據企業希望向浏覽者傳遞的信息（包括産品、服務、理(lǐ)念、文化），進行(xíng)網站(zhàn)功能策劃，然後進行(xíng)的頁面設計(jì)美化工作(zuò)。作(zuò)為(wèi)企業對外宣傳物料的其中一種，精美的網頁設計(jì)，對于提升企業的互聯網品牌形象至關重要。
網頁設計(jì)一般分為(wèi)三種大(dà)類：功能型網頁設計(jì)（服務網站(zhàn)&B/S軟件用戶端）、形象型網頁設計(jì)（品牌形象站(zhàn)）、信息型網頁設計(jì)（門(mén)戶站(zhàn)）。設計(jì)網頁的目的不同，應選擇不同的網頁策劃與設計(jì)方案。
網頁設計(jì)的工作(zuò)目标，是通(tōng)過使用更合理(lǐ)的顔色、字體(tǐ)、圖片、樣式進行(xíng)頁面設計(jì)美化，在功能限定的情況下，盡可(kě)能給予用戶完美的視(shì)覺體(tǐ)驗。高(gāo)級的網頁設計(jì)甚至會(huì)考慮到通(tōng)過聲光、交互等來(lái)實現更好的視(shì)聽(tīng)感受。
二、網頁設計(jì)的目标
1、業務邏輯清晰，能清楚的向浏覽者傳遞信息，浏覽者能方便的尋找到自己想要查看的東西。
2、用戶體(tǐ)驗良好，用戶在視(shì)覺上(shàng)，操作(zuò)上(shàng)都能感到很(hěn)舒适。
3、頁面設計(jì)精美，用戶能得(de)到美好的視(shì)覺體(tǐ)驗，不會(huì)為(wèi)一些(xiē)糟糕的細節而感到不适。
4、建站(zhàn)目标明(míng)晰，網頁很(hěn)好的實現了企業建站(zhàn)的目标，向用戶傳遞了某種信息，或展示了産品、服務、理(lǐ)念、文化。
三、網站(zhàn)設計(jì)的流程
1、主題明(míng)确
在目标明(míng)确的基礎上(shàng)，完成網站(zhàn)的構思創意即總體(tǐ)設計(jì)方案。對網站(zhàn)的整體(tǐ)風格和(hé)特色作(zuò)出定位，規劃網站(zhàn)的組織結構。
為(wèi)了做(zuò)到主題鮮明(míng)突出，要點明(míng)确，應該使配色和(hé)圖片圍繞預定的主題；調動一切手段充分表現網站(zhàn)點的個(gè)性和(hé)情趣，辦出網站(zhàn)的特點。充分利用已有(yǒu)信息，如客戶手冊．公共關系文檔．技(jì)術(shù)手冊和(hé)數(shù)據庫等。
2、設計(jì)要求
（1）簡潔實用：網絡特殊環境下，盡量以最高(gāo)效率的方式将用戶所要想得(de)到的信息傳送給他就是最好的，所以要去掉所有(yǒu)的冗餘的東西。
（2）使用方便：同第一個(gè)是相一緻的，滿足使用者的要求，網頁做(zuò)得(de)越适合使用，就越顯示出其功能美。
（3）整體(tǐ)性好：一個(gè)網站(zhàn)強調的就是一個(gè)整體(tǐ)，隻有(yǒu)圍繞一個(gè)統一的目标所做(zuò)的設計(jì)才是成功的。
（4）網站(zhàn)形象突出：一個(gè)符合美的标準的網頁是能夠使網站(zhàn)的形象得(de)到最大(dà)限度的提升的。
（5）頁面用色協調，布局符合形式美的要求：布局有(yǒu)條理(lǐ)，充分利用美的形式，使網頁富有(yǒu)可(kě)欣賞性，提高(gāo)檔次。當然雅俗共賞是人(rén)人(rén)都追求的。
（6）交互式強：發揮網絡的優勢，是每個(gè)使用者都參與到其中來(lái)，這樣的設計(jì)才能算(suàn)成功的設計(jì)。這樣的網頁才算(suàn)真正的美的設計(jì)。
3、版式設計(jì)
網頁設計(jì)作(zuò)為(wèi)一種視(shì)覺語言，特别講究編排和(hé)布局，雖然主頁的設計(jì)不等同于平面設計(jì)，但(dàn)它們有(yǒu)許多(duō)相近之處。
版式設計(jì)通(tōng)過文字圖形的空(kōng)間(jiān)組合，表達出和(hé)諧與美。
多(duō)頁面站(zhàn)點頁面的編排設計(jì)要求把頁面之間(jiān)的有(yǒu)機聯系反映出來(lái)，特别要求處理(lǐ)好頁面之間(jiān)和(hé)頁面內(nèi)的秩序與內(nèi)容的關系。為(wèi)了達到最佳的視(shì)覺表現效果，反複推敲整體(tǐ)布局的合理(lǐ)性，使浏覽者有(yǒu)一個(gè)流暢的視(shì)覺體(tǐ)驗。
4、色彩作(zuò)用
色彩是藝術(shù)表現的要素之一。在網頁設計(jì)中，設計(jì)師(shī)根據和(hé)諧、均衡和(hé)重點突出的原則，将不同的色彩進行(xíng)組合．搭配來(lái)構成美麗(lì)的頁面。 根據色彩對人(rén)們心理(lǐ)的影(yǐng)響，合理(lǐ)地加以運用。如果企業有(yǒu)CIS（企業形象識别系統），應按照其中的VI進行(xíng)色彩運用。
5、形式內(nèi)容
為(wèi)了将豐富的意義和(hé)多(duō)樣的形式組織成統一的頁面結構，形式語言必須符合頁面的內(nèi)容，體(tǐ)現內(nèi)容的豐富含義。
靈活運用對比與調和(hé)、對稱與平衡、節奏與韻律以及留白等手段，通(tōng)過空(kōng)間(jiān)、文字、圖形之間(jiān)的相互關系建立整體(tǐ)的均衡狀态，産生(shēng)和(hé)諧的美感。
6、便于使用
如果人(rén)們看不懂或很(hěn)難看懂您的網站(zhàn)，那(nà)麽，他如何了解你(nǐ)的企業信息和(hé)服務項目呢？使用一些(xiē)醒目的标題或文字來(lái)突出您的産品與服務。并且即使您擁有(yǒu)最棒的産品，如果客戶從您的網站(zhàn)上(shàng)看不清楚您在介紹什麽或不清楚如何受益的話(huà)，他們是不會(huì)喜歡您的網站(zhàn)的，這對于網頁設計(jì)而言是失敗的。
7、導向清晰
網頁設計(jì)中導航使用超文本鏈接或圖片鏈接，使人(rén)們能夠在您的網站(zhàn)上(shàng)自由前進或後退，而不必讓他們使用浏覽器(qì)上(shàng)的前進或後退。我們在所有(yǒu)的圖片上(shàng)使用“ALT”标識符注明(míng)圖片名稱或解釋，以便那(nà)些(xiē)不願意自動加載圖片的觀衆能夠了解圖片的含義。
四、網頁設計(jì)中的配色規則
1、行(xíng)業避忌的顔色
某些(xiē)行(xíng)業的企業客戶，對于網站(zhàn)整體(tǐ)顔色的要求涉及到具體(tǐ)的顔色避忌，例如金融、投資類的企業網站(zhàn)，應盡量避免綠色，或相近顔色的使用。這是因為(wèi)，綠色在金融投資行(xíng)業當中代表的是低(dī)迷，不景氣，下滑等負面的元素，因此即便企業宣揚的是環保、低(dī)碳等企業文化，也是不能輕易予以使用。
2、特征選色
企業客戶在不同的發展階段，對于網站(zhàn)設計(jì)的配色需求并不一樣。在企業初創階段，企業建站(zhàn)的目的是打造品牌網絡形象，開(kāi)拓客戶資源，這時(shí)候的企業客戶更多(duō)的是關注自身的個(gè)性化，如何才能凸顯企業的特質，如何才能在行(xíng)業當中顯示其獨有(yǒu)的特性，這是初建網站(zhàn)的企業客戶所重點關注的內(nèi)容；在企業形成規模，進行(xíng)品牌提升階段，企業建設網站(zhàn)或進行(xíng)改版的目的是重塑品牌網絡形象，打造更為(wèi)專業、沉穩和(hé)可(kě)持續發展的品牌理(lǐ)念和(hé)文化，這時(shí)候的企業客戶更多(duō)的是考慮如何将企業的品牌內(nèi)涵與行(xíng)業相融合，在配色的選擇上(shàng)更傾向于穩重、包容，能夠适應各種場(chǎng)合需要的配色。
五、網頁設計(jì)理(lǐ)念
1、內(nèi)容決定形式
先把內(nèi)容充實上(shàng)，再分區(qū)塊，再定色調，再處理(lǐ)細節。
2、先整體(tǐ)，後局部，最後回歸到整體(tǐ)
全局考慮，把能填上(shàng)的都填上(shàng)，占位置。然後定基調，分模塊設計(jì)。最後調整不滿意的幾個(gè)局部細節。
3、功能決定設計(jì)方向
看網站(zhàn)的用途，決定設計(jì)思路.商業性的就要突出赢利目的；政府型的就要突出形象和(hé)權威性的文章；教育性的，就要突出師(shī)資和(hé)課程。
總結：網站(zhàn)設計(jì)應簡潔，明(míng)了。從用戶體(tǐ)驗度出發設計(jì)
六、網頁标題設計(jì)
在設計(jì)網頁标題時(shí)，應注意同時(shí)兼顧對用戶的注意力，以及對搜索引擎檢索的需要。這一原則在實際操作(zuò)中可(kě)通(tōng)過三個(gè)方面來(lái)體(tǐ)現，這三個(gè)方面也可(kě)以被認為(wèi)是網頁标題設計(jì)的一般規律：
1、網頁标題不宜過短(duǎn)或者過長
一般來(lái)說6-10個(gè)漢字比較理(lǐ)想，最好不要超過30個(gè)漢字。網頁标題字數(shù)過少(shǎo)可(kě)能包含不了有(yǒu)效關鍵詞，字數(shù)過多(duō)不僅搜索引擎無法正确識别标題中的核心關鍵詞，而且也讓用戶難以對網頁标題（尤其是首頁标題，代表了網站(zhàn)名稱）形成深刻印象，也不便于其他網站(zhàn)鏈接。
2、網頁标題應概括網頁的核心內(nèi)容
當用戶通(tōng)過搜索引擎檢索時(shí)，在檢索結果頁面中的內(nèi)容一般是網頁标題（加鏈接）和(hé)網頁摘要信息，要引起用戶的關注，網頁标題發揮了很(hěn)大(dà)的作(zuò)用，如果網頁标題和(hé)頁面摘要信息有(yǒu)較大(dà)的相關性，摘要信息對網頁标題将發揮進一步的補充作(zuò)用，從而引起用戶對該網頁信息點擊行(xíng)為(wèi)的發生(shēng)（也就意味着搜索引擎推廣發揮了作(zuò)用）。另外，當網頁标題被其他網站(zhàn)或者本網站(zhàn)其他欄目/網頁鏈接時(shí)，一個(gè)概括了網頁核心內(nèi)容的标題有(yǒu)助于用戶判斷是否點擊該網頁标題鏈接。
3、網頁标題中應含有(yǒu)豐富的關鍵詞
考慮到搜索引擎營銷的特點，搜索引擎對網頁标題中所包含的關鍵詞具有(yǒu)較高(gāo)的權重，盡量讓網頁标題中含有(yǒu)用戶檢索所使用的關鍵詞。以網站(zhàn)首頁設計(jì)為(wèi)例，一般來(lái)說首頁标題就是網站(zhàn)的名稱或者公司名稱，但(dàn)是考慮到有(yǒu)些(xiē)名稱中可(kě)能無法包含公司/網站(zhàn)的核心業務，也就是說沒有(yǒu)核心關鍵詞，這時(shí)通(tōng)常采用“核心關鍵詞+公司名/品排名”的方式來(lái)作(zuò)為(wèi)網站(zhàn)首頁标題。開(kāi)頭所列舉的某網絡營銷服務商網站(zhàn)首頁标題實例，其實也是采用這種方式來(lái)設計(jì)網頁标題，隻不過由于羅列了太多(duō)的“核心關鍵詞”，反而沒有(yǒu)了核心。
做(zuò)美工看起來(lái)并不是一件容易的事情。首先，要對整個(gè)站(zhàn)點和(hé)企業有(yǒu)個(gè)大(dà)緻的了解。例如：某些(xiē)企業喜歡藍(lán)色的主調，你(nǐ)不可(kě)能去做(zuò)個(gè)紅色的主調，這樣完全違背客戶的主要意願，如果百度的标志(zhì)改成五顔六色的，相信大(dà)家(jiā)也不會(huì)認可(kě)的。站(zhàn)長的職責是規劃網站(zhàn)結構。同樣也需要有(yǒu)一定的審美觀。
七、網站(zhàn)設計(jì)的兩大(dà)要點
網頁設計(jì)的兩大(dà)要點是：整體(tǐ)風格和(hé)色彩搭配。
（一）确定網站(zhàn)整體(tǐ)風格
在這裏，我提供給大(dà)家(jiā)一些(xiē)參考經驗：
1、将你(nǐ)的标志(zhì)logo，盡可(kě)能的放在每個(gè)頁面上(shàng)最突出的位置。
2、突出你(nǐ)的标準色彩。
3、總結一句能反映貴站(zhàn)精髓的宣傳标語！
4、相同類型的圖像采用相同效果，比如說标題字都采用陰影(yǐng)效果，那(nà)麽在網站(zhàn)中出現的所有(yǒu)标題字的陰影(yǐng)效果的設置應該是完全一緻的！
網站(zhàn)的整體(tǐ)風格及其創意設計(jì)是最難以學習的，難就難在沒有(yǒu)一個(gè)固定的模式可(kě)以參照和(hé)模仿。給你(nǐ)一個(gè)主題，任何兩人(rén)都不可(kě)能設計(jì)出完全一樣的網站(zhàn)。
VI是Visual Identity的縮寫，中文譯為(wèi)“企業視(shì)覺識别”。VI是CI計(jì)劃的靜态識别符号，是企業理(lǐ)念視(shì)覺化傳達的載體(tǐ)，因此它項目最多(duō)，效果最為(wèi)直接。VI作(zuò)為(wèi)視(shì)覺識别，它是外在表現，固然需要具有(yǒu)美感，但(dàn)VI必須是MI的體(tǐ)現，直接反映企業的理(lǐ)念。因此VI設計(jì)包含這樣一些(xiē)原則：即充分傳達企業理(lǐ)念、人(rén)性原則、民族性原則、簡潔抽象及動态原則、員工參與原則、法律原則、藝術(shù)性原則和(hé)個(gè)性原則。
CI是Corporate Identity的縮寫，中文譯為(wèi)“企業形象”。CI計(jì)劃，是指企業有(yǒu)目的、有(yǒu)計(jì)劃、戰略性地創造出所希望的自身形象，由此提高(gāo)企業的社會(huì)知名度，最終得(de)到自己最适合的經營環境。
（二）、網頁色彩搭配
1、的頁面看起來(lái)色彩統一，有(yǒu)層次感。
2、用兩種色彩。先選定一種色彩，然後選擇它的對比色。
3、用一個(gè)色系。簡單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。
在網頁配色中，還(hái)要切記一些(xiē)誤區(qū)：
1、不要将所有(yǒu)顔色都用到，盡量控制(zhì)在三至五種色彩以內(nèi)。
2、背景和(hé)前文的對比盡量要大(dà)(絕對不要用花(huā)紋繁複的圖案作(zuò)背景)，以便突出主要文字內(nèi)容。
八、網頁設計(jì)中應注意問題
1、頁面內(nèi)容要新穎
網頁內(nèi)容的選擇要不落俗套，要重點突出一個(gè)“新”字，這個(gè)原則要求我們在設計(jì)網站(zhàn)內(nèi)容時(shí)不能照抄别人(rén)的內(nèi)容，要結合自身的實際情況創作(zuò)出一個(gè)獨一無二的網站(zhàn)。我們在設計(jì)網頁時(shí)，要把功夫下在選材上(shàng)。選材要盡量做(zuò)到“少(shǎo)”而“精”,又必須突出“新”，如能堅持天天更新的話(huà),我相信這樣的網頁一定會(huì)受到大(dà)家(jiā)的歡迎。
2、網頁命名要簡潔
由于一個(gè)網站(zhàn)不可(kě)能就是由一個(gè)網頁組成，它有(yǒu)許多(duō)子頁面，為(wèi)了能使這些(xiē)頁面有(yǒu)效地被連接起來(lái)，用戶最好能給這些(xiē)頁面起一些(xiē)有(yǒu)代表性的而且簡潔易記的網頁名稱。這樣既會(huì)有(yǒu)助于你(nǐ)以後方便管理(lǐ)網頁，在向搜索引擎提交你(nǐ)的網頁時(shí)更容易被别人(rén)索引到。在給網頁命名時(shí)，最好使用自己常用的或符合頁面內(nèi)容的小(xiǎo)寫英文字母，這直接關系到頁面上(shàng)的連接。
3、要及時(shí)更新網頁
網頁制(zhì)作(zuò)好後，不能說萬事大(dà)吉了，其實事後的工作(zuò)量更大(dà)。因為(wèi)網頁制(zhì)作(zuò)是一時(shí)的，而維護更新的工作(zuò)是每天都要做(zuò)的。要及時(shí)把網頁上(shàng)已經作(zuò)廢的連接應該立即删除掉，比如用戶無意中點擊了頁面中的一個(gè)連接，在苦苦的等待之後，換來(lái)的是無法訪問的結果，那(nà)麽他們會(huì)對你(nǐ)的網頁大(dà)失所望，可(kě)能以後再也不會(huì)光顧你(nǐ)的網頁了。若不能及時(shí)更新，也最好在主頁上(shàng)發布信息，告訴前來(lái)訪問的朋友(yǒu)，因有(yǒu)特殊情況需要離開(kāi)一段時(shí)間(jiān)，未能及時(shí)更新主頁，希望各位見諒，這樣就能給人(rén)一種對别人(rén)負責的感覺，同時(shí)能得(de)到網友(yǒu)的信任。
4、注意視(shì)覺效果
設計(jì)Web頁面時(shí)，一定要用1024*768的分辨率來(lái)分别觀察。許多(duō)浏覽器(qì)使用1024*768的分辨率，盡管在1280*1024高(gāo)分辨率下一 些(xiē)Web頁面看上(shàng)去很(hěn)具吸引力，但(dàn)在1024*768的模式下可(kě)能會(huì)黯然失色。作(zuò)一點小(xiǎo)小(xiǎo)的努力，設計(jì)一個(gè)在不同分辨率下都能正常顯示的網頁。
5、随時(shí)注意網站(zhàn)升級
時(shí)刻注意網站(zhàn)的運行(xíng)狀況。性能很(hěn)好的主機随着訪問人(rén)數(shù)的增加，可(kě)能會(huì)運行(xíng)緩慢。但(dàn)是，如果你(nǐ)不想失去訪問者的話(huà)，一定要仔細計(jì)劃好你(nǐ)的升級計(jì)劃。
6、網頁內(nèi)容要易讀
注意不要使背景的顔色沖淡了文字的視(shì)覺效果，别用花(huā)裏胡哨的色彩組合，讓人(rén)看起你(nǐ)的網頁來(lái)很(hěn)費勁。一般來(lái)說，淺色背景下的深色文字為(wèi)佳 。這個(gè)要點要求你(nǐ)最好别把文字的規格設得(de)太小(xiǎo)、也不能太大(dà)。文字太小(xiǎo)，人(rén)家(jiā)讀起來(lái)難受；文字太大(dà)，或者文字視(shì)覺效果變化頻繁，像是沖着人(rén)大(dà)喊大(dà)叫，看起來(lái)不舒服。另外，最好讓文本左對齊，而不是居中。按當代中文的閱讀習慣，文本大(dà)都居左的。當然，标題一般應該居中，因為(wèi)這符合讀者的閱讀習慣。
7、善用表格來(lái)布局
不要把一個(gè)網站(zhàn)的內(nèi)容象作(zuò)報告似的一二三四地羅列出來(lái)，要注意多(duō)用表格把網站(zhàn)內(nèi)容的層次性和(hé)空(kōng)間(jiān)性突出顯示出來(lái)，使人(rén)一眼就能看出你(nǐ)的網站(zhàn)重點突出，結構分明(míng)。
8、少(shǎo)用特殊字體(tǐ)
雖然你(nǐ)可(kě)以在你(nǐ)的HTML中使用特殊的字體(tǐ)，但(dàn)是，你(nǐ)不可(kě)能預測你(nǐ)的訪問者在他們的計(jì)算(suàn)機上(shàng)将看到什麽。在你(nǐ)的計(jì)算(suàn)機裏看起來(lái)相當好的頁面，在另一個(gè)不同的平台上(shàng)看起來(lái)可(kě)能非常糟糕。一些(xiē)網站(zhàn)設計(jì)員喜歡使用來(lái)定義特性，這雖然允許你(nǐ)使用特殊的字體(tǐ)，但(dàn)是仍需要一些(xiē)變通(tōng)的方法，以免你(nǐ)所選擇的字體(tǐ)在訪問者的計(jì)算(suàn)機上(shàng)不能顯示。級聯風格表CSS有(yǒu)助于解決這些(xiē)問題，但(dàn)是隻有(yǒu)最新版的浏覽器(qì)才支持CSS。
9、要為(wèi)圖片附加注釋文字
給每個(gè)圖形加上(shàng)文字的說明(míng)，在出現之前就可(kě)以看到相關內(nèi)容，尤其是導航按鈕和(hé)大(dà)圖片更應如此。這樣一來(lái)，用戶在訪問你(nǐ)的站(zhàn)點時(shí)就有(yǒu)一種親切感覺，認為(wèi)你(nǐ)心細，比較善解人(rén)意，時(shí)時(shí)刻刻為(wèi)他人(rén)着想，相信你(nǐ)的好心會(huì)有(yǒu)好報的。
10、做(zuò)個(gè)網站(zhàn)介紹
一個(gè)簡單明(míng)了的網站(zhàn)介紹，不僅能讓别人(rén)對你(nǐ)的網站(zhàn)能夠提供些(xiē)什麽有(yǒu)個(gè)了解，引發共鳴或是表達你(nǐ)的誠意，常常最能打動讀者，而且還(hái)能使訪問者能快速找到想要的東西。但(dàn)是，許多(duō)設計(jì)者都沒有(yǒu)這樣做(zuò)。有(yǒu)效的導航條和(hé)搜索工具使人(rén)們很(hěn)容易找到有(yǒu)用的信息，這對訪問者很(hěn)重要。告訴訪問者你(nǐ)所提供的正是他們想要的信息。
11、不宜多(duō)用閃爍文字
有(yǒu)的設計(jì)者想通(tōng)過閃爍的文字來(lái)引起訪問者的注意是可(kě)以被人(rén)理(lǐ)解的，但(dàn)一個(gè)頁面中最多(duō)不能有(yǒu)三處閃爍文字，太多(duō)了給用戶一種眼花(huā)缭亂的感覺，反而會(huì)影(yǐng)響用戶去訪問該網站(zhàn)的其他內(nèi)容，正所謂“物極必反”也。
12、每個(gè)頁面都要有(yǒu)導航按鈕
應當避免強迫用戶使用工具欄中的向前和(hé)向後按鈕。你(nǐ)的設計(jì)應當使用戶能夠很(hěn)快地找到他們所要的東西。絕大(dà)多(duō)數(shù)好的站(zhàn)點在每一頁同樣的位置上(shàng)都有(yǒu)相同的導航條，使浏覽者能夠從每一頁上(shàng)訪問網站(zhàn)的任何部分。
13、避免長文本頁面
在一個(gè)站(zhàn)點上(shàng)有(yǒu)許多(duō)隻有(yǒu)文本的冗長頁面，是令人(rén)乏味的，人(rén)們為(wèi)了閱讀這些(xiē)長文本，不得(de)不使用卷滾條，從而也浪費了用戶在網上(shàng)沖浪的時(shí)間(jiān)。如果你(nǐ)有(yǒu)大(dà)量的基于文本的文檔，應當以Adobe Acrobat格式的文件形式來(lái)放置，以便你(nǐ)的訪問者能離線閱讀，從而節省寶貴的時(shí)間(jiān)。
14、 網頁風格要統一
你(nǐ)網頁上(shàng)所有(yǒu)的圖像、文字，包括像背景顔色、區(qū)分線、字體(tǐ)、标題、注腳什麽的，要統一風格，貫穿全站(zhàn)。這樣子讀者看起來(lái)舒服、順暢，會(huì)對你(nǐ)的網站(zhàn)留下一個(gè)“很(hěn)專業”的印象。
15、動畫(huà)最多(duō)隻用一個(gè)
大(dà)家(jiā)都喜歡用GIF動畫(huà)來(lái)裝飾網頁，它的确很(hěn)吸引人(rén)，但(dàn)我們在選擇時(shí)，是否能确定必須用GIF動畫(huà)，如果答(dá)否，那(nà)麽就選擇靜止的圖片，因為(wèi)它的容量要小(xiǎo)得(de)多(duō)。
16、善用圖像
用戶在網上(shàng)四處漫遊，你(nǐ)必須設法吸引和(hé)維護他們對你(nǐ)的主頁的注意力。萬維網的其中一個(gè)最重大(dà)資源是其多(duō)媒體(tǐ)能力，所以我們無論如何要善加利用。主頁上(shàng)最好有(yǒu)醒目的圖像、新穎的畫(huà)面、美觀的字款，使其别具特色，令人(rén)過目不忘。圖像的內(nèi)容應有(yǒu)一定的實際作(zuò)用，切忌虛飾浮誇。注意圖畫(huà)可(kě)以彌補文字之不足，但(dàn)并不能夠完全取代文字。
17、網站(zhàn)導航要清晰
所有(yǒu)的超鏈接應清晰無誤地向讀者标識出來(lái)，所有(yǒu)導航性質的設置，像圖像按鈕，都要有(yǒu)清晰的标識，讓人(rén)看得(de)明(míng)白，千萬别光顧視(shì)覺效果是熱鬧的，而讓人(rén)家(jiā)不知東西南北。鏈接文本的顔色最好用約定俗成的：未訪問的，藍(lán)色；點擊過的，紫色或栗色。總之，文本鏈接一定要和(hé)頁面的其他文字有(yǒu)所區(qū)分，給讀者清楚的導向 。
18、不能忽視(shì)錯别字
一個(gè)好的網站(zhàn)對設計(jì)的每一個(gè)細節都不會(huì)放過，哪怕是一個(gè)微小(xiǎo)的拼寫錯誤都是絕對不能出現的。确保你(nǐ)拼寫正确，并且格外注意平常容易誤寫的錯别字，要時(shí)時(shí)刻刻保持一種嚴謹的科學态度。
九、網站(zhàn)分類
企業網站(zhàn)主要為(wèi)了外界了解企業自身、樹(shù)立良好企業形象、并适當提供一定服務的網站(zhàn)。根據行(xíng)業特性的差别，以及企業的建站(zhàn)目的和(hé)主要目标群體(tǐ)的不同，大(dà)緻可(kě)以把企業網站(zhàn)分為(wèi)：
1、基本信息型
主要面向客戶、業界人(rén)士或者普通(tōng)浏覽者，以介紹企業的基本資料、幫助樹(shù)立企業形象為(wèi)主；也可(kě)以适當提供行(xíng)業內(nèi)的新聞或者知識信息。這種類型網站(zhàn)通(tōng)常也被形象的比喻為(wèi)企業的"web catalog"。
2、電(diàn)子商務型
主要面向供應商、客戶或者企業産品（服務）的消費群體(tǐ)，以提供某種直屬于企業業務範圍的服務或交易、或者為(wèi)業務服務的服務或者交易為(wèi)主；這樣的電(diàn)子商務網站(zhàn)建設可(kě)以說是正處于電(diàn)子商務化的一個(gè)中間(jiān)階段，由于行(xíng)業特色和(hé)企業投入的深度廣度的不同，其電(diàn)子商務化程度可(kě)能處于從比較初級的服務支持、産品列表到比較高(gāo)級的網上(shàng)支付的其中某一階段。通(tōng)常這種類型可(kě)以形象的稱為(wèi)"網上(shàng)xx企業"。例如，網上(shàng)銀行(xíng)、網上(shàng)酒店(diàn)等。
3、多(duō)媒體(tǐ)廣告型
主要面向客戶或者企業産品（服務）的消費群體(tǐ)，以宣傳企業的核心品牌形象或者主要産品（服務）為(wèi)主。這種類型無論從目的上(shàng)還(hái)是實際表現手法上(shàng)相對于普通(tōng)網站(zhàn)而言更像一個(gè)平面廣告或者電(diàn)視(shì)廣告，因此用"多(duō)媒體(tǐ)廣告"來(lái)稱呼這種類型的網站(zhàn)更貼切一點。
十、網站(zhàn)格式
1、靜态網頁
靜态網頁多(duō)數(shù)為(wèi)單一的超文本标記語言檔案。現今不少(shǎo)網站(zhàn)建設皆傾向把動态網頁靜态化,從而令搜尋引擎最佳化。
2、動态網頁
動态網頁的內(nèi)容随着用戶的輸入和(hé)互動而有(yǒu)所不同,或者随着用戶、時(shí)間(jiān)、數(shù)據修正等而改變。網頁上(shàng)的內(nèi)容也可(kě)以由用戶通(tōng)過使用客戶端描述語言(JavaScript、JScript、Actionscript)來(lái)改變。
十一、網頁布局
1、“國”字型
也可(kě)以稱為(wèi)“同”字型，是一些(xiē)大(dà)型網站(zhàn)所喜歡的類型，即最上(shàng)面是網站(zhàn)的标題以及橫幅廣告條，接下來(lái)就是網站(zhàn)的主要內(nèi)容，左右分列一些(xiē)兩小(xiǎo)條內(nèi)容，中間(jiān)是主要部分，與左右一起羅列到底，最下面是網站(zhàn)的一些(xiē)基本信息、聯系方式、版權聲明(míng)等。這種結構是我們在網上(shàng)見到的差不多(duō)最多(duō)的一種結構類型。
2、拐角型
這種結構與上(shàng)一種其實隻是形式上(shàng)的區(qū)别，其實是很(hěn)相近的，上(shàng)面是标題及廣告橫幅，接下來(lái)的左側是一窄列鏈接等，右列是很(hěn)寬的正文，下面也是一些(xiē)網站(zhàn)的輔助信息。在這種類型中，一種很(hěn)常見的類型是最上(shàng)面是标題及廣告，左側是導航鏈接。
3、标題正文型
這種類型即最上(shàng)面是标題或類似的一些(xiē)東西，下面是正文，比如一些(xiē)文章頁面或注冊頁面等就是這種類。
4、封面型
這種類型基本上(shàng)是出一些(xiē)網站(zhàn)的首頁，大(dà)部分為(wèi)一些(xiē)精美的平面設計(jì)結合一些(xiē)小(xiǎo)的動畫(huà)，放上(shàng)幾個(gè)簡單的鏈接或者僅是一個(gè)“進入”的鏈接甚至直接在首頁的圖片上(shàng)做(zuò)鏈接而沒有(yǒu)任何提示。這種類型大(dà)部分是企業網站(zhàn)和(hé)個(gè)人(rén)主頁，如果說處理(lǐ)的好，會(huì)給人(rén)帶來(lái)賞心悅目的感覺。
5、“T”結構布局
所謂“T”結構布局，就是指網頁上(shàng)邊和(hé)左邊相結合，頁面頂部為(wèi)橫條網站(zhàn)标志(zhì)和(hé)廣告條，左下方為(wèi)主菜單，右面顯示內(nèi)容，這是網頁設計(jì)中用得(de)最廣泛的一種布局方式。在實際設計(jì)中還(hái)可(kě)以改變“T”結構布局的形式，如左右兩欄式布局，一半是正文，另一半是形象的圖片、導航。或正文不等兩欄式布置，通(tōng)過背景色區(qū)分，分别放置圖片和(hé)文字等。
這樣的布局有(yǒu)其固有(yǒu)的優點，因為(wèi)人(rén)的注意力主要在右下角，所以企業想要發布給用戶的信，大(dà)都能被用戶以最大(dà)可(kě)能性獲取，而且很(hěn)方便，其次是頁面結構清晰，主次分明(míng)、易于使用。缺點是規矩呆闆，如果細節色彩上(shàng)不注意，很(hěn)容易讓人(rén)“看之無味”。
6、“口”型布局
這是一個(gè)形象的說法，指頁面上(shàng)下各有(yǒu)一個(gè)廣告條，左邊是主菜單，右邊是友(yǒu)情鏈接等，中間(jiān)是主要內(nèi)容。
這種布局的優點是頁面充實、內(nèi)容豐富、信息量大(dà)，是綜合性網站(zhàn)常用的版式，特别之處是頂部中央的一排小(xiǎo)圖标起到了活躍氣氛的作(zuò)用。缺點是頁面擁擠，不夠靈活。也有(yǒu)将四邊空(kōng)出，隻用中間(jiān)的窗口型設計(jì)，例如網易壁紙站(zhàn)使用多(duō)幀形式，隻有(yǒu)頁面中央部分可(kě)以滾動，界面類似遊戲界面。使用此類版式的有(yǒu)多(duō)維遊戲娛樂性網站(zhàn)。
7、“三”型布局
這種布局多(duō)用于國外網站(zhàn)，國內(nèi)用得(de)不多(duō)。其特點是頁面上(shàng)橫向兩條色塊，将頁面整體(tǐ)分割為(wèi)4個(gè)部分，色塊中大(dà)多(duō)放廣告條。
8、 對稱對比布局
顧名思義，它指采取左右或者上(shàng)下對稱的布局，一半深色，一半淺色，一般用于設計(jì)型網站(zhàn)。其優點是視(shì)覺沖擊力強，缺點是将兩部分有(yǒu)機地結合比較困難。
9、POP布局
POP源自廣告術(shù)語，指頁面布局像一張宣傳海報，以一張精美圖片作(zuò)為(wèi)頁面的設計(jì)中心。常用于時(shí)尚類網站(zhàn)，優點顯而易見：漂亮吸引人(rén)，缺點是速度慢。