網(wǎng)站設(shè)計基本要領(lǐng)

網(wǎng)站風(fēng)格的基本原則：

1.風(fēng)格根據(jù)網(wǎng)站的定位和受眾群體的喜好

2.避免不同尋常的令人眼花繚亂的設(shè)計、密密麻麻的內(nèi)容

3.不要使用過多的動態(tài)效果，分散用戶的注意力。

4.內(nèi)容安排要有邏輯性，

5.前后版面要一致、導(dǎo)航和設(shè)計風(fēng)格要統(tǒng)一。

頁面布局原則：

1.正常平衡——亦稱“勻稱”。多指左右、上下對照形式，主要強(qiáng)調(diào)秩序，能達(dá)到安定誠實(shí)、信賴的效果。

2.異常平衡——即非對照形式，但也要平衡和韻律，當(dāng)然都是不均整的，此種布局能達(dá)到強(qiáng)調(diào)性、不安性、高注目性的效果。

3.對比——所謂對比，不僅利用色彩、色調(diào)等技巧來作表現(xiàn)，在內(nèi)容上也可涉及古與今、新與舊、貧與富等對比。

4.凝視——所謂凝視是利用頁面中人物視線，使瀏覽者仿照跟隨的心理，以達(dá)到注視頁面的效果，一般多用明星凝視狀。

5.空白——空白有兩種作用，一方面對其他網(wǎng)站表示突出卓越，另一方面也表示網(wǎng)頁品位的優(yōu)越感，這種表現(xiàn)方法對體顯網(wǎng)頁的格調(diào)十分有效。

網(wǎng)頁設(shè)計中需注意的事項(xiàng)：

1. 網(wǎng)站制作導(dǎo)航要清晰

所有的超鏈接應(yīng)清晰無誤地向讀者標(biāo)識出來，所有導(dǎo)航性質(zhì)的設(shè)置，像圖像按鈕，都要有清晰的標(biāo)識，讓人看得明白，千萬別光顧視覺效果的熱鬧的，而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的：未訪問的，藍(lán)色；點(diǎn)擊過的，紫色或栗色?？傊谋炬溄右欢ㄒ晚撁娴钠渌淖钟兴鶇^(qū)分，給訪問者清楚的導(dǎo)向。

2. 網(wǎng)頁設(shè)計風(fēng)格要統(tǒng)一

網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳、要統(tǒng)一風(fēng)格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網(wǎng)站留下一個“很專業(yè)”的印象。

3. 頁面容量要較小

研究顯示，如果一個網(wǎng)站頁面的主體在15秒之內(nèi)顯現(xiàn)不出來，訪客會很快失去對該站的興趣。如果用戶不能夠迅速地進(jìn)入你的網(wǎng)站，或操作不便捷，網(wǎng)站設(shè)計就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對手的網(wǎng)站。要限定頁面的大小，就得從各個角度考慮節(jié)省。最大的一頭是圖像，有的好東西，只得割愛了。

4. 頁面內(nèi)容要新穎

網(wǎng)頁制作內(nèi)容的選擇要不落俗套，要重點(diǎn)突出一個“新”字，這個原則要求我們在設(shè)計網(wǎng)站內(nèi)容時不能照抄別人的內(nèi)容，要結(jié)合自身的實(shí)際情況創(chuàng)作出一個獨(dú)一無二的網(wǎng)站。所以，我們在設(shè)計網(wǎng)頁時，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，如能堅持天天更新的話,我相信這樣的網(wǎng)頁一定會受到大家的歡迎。

5．首頁頁面的幾個要素

（1）網(wǎng)站LOGO、網(wǎng)站名稱

（2）網(wǎng)頁標(biāo)題

（3）導(dǎo)航菜單

（4）欄目中最希望吸引觀眾的內(nèi)容

（5）版權(quán)信息、聯(lián)系方式、制作者信息

（6）搜索

（7）網(wǎng)上調(diào)查

（8）“設(shè)為首頁”、“加入收藏”快捷方式

6．關(guān)于圖片

（1）單張圖片不要超過30k，每頁圖片總量不要超過80k(一般情況)

（2）圖片色彩比較復(fù)雜（如照片等）用jpg；圖片色彩單調(diào)（單色或幾色）用gif。gif格式小圖片(100x40)一般應(yīng)控制在6k以內(nèi)，jpg照片應(yīng)控制在25k以內(nèi)

（3）給每幅圖形加上文字的說明，在出現(xiàn)之前就可以看到相關(guān)內(nèi)容，尤其是導(dǎo)航按鈕和大圖片

（4）單像素、單色線條盡量不使用圖片。使用純色彩的圖片或網(wǎng)頁背景時，避免采用圖片格式，采用調(diào)色版中的顏色在表格中填充或作為網(wǎng)頁背景顏色填充。

（5）圖片超鏈接或圖片按鈕需明確。

7．關(guān)于文字

（1）文字盡量使用常用字體

（2）文字的顏色要便于閱讀

（3）文字的超鏈接要明確(下劃線、變色）

（4）文字大小要適中

（5）文字的長短要適合

（6）背景顏色切勿與文字反差太小且雜亂

8．關(guān)于鏈接與層次結(jié)構(gòu)

（1）文字、圖片、圖標(biāo)、按鈕鏈接要清楚、明確

（2）替換本頁和彈出窗口應(yīng)合理設(shè)計

（3）層次結(jié)構(gòu)不要太多，三層之內(nèi)