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