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