網(wǎng)站設(shè)計(jì)基本要領(lǐng)
網(wǎng)站風(fēng)格的基本原則:
1.風(fēng)格根據(jù)網(wǎng)站的定位和受眾群體的喜好
2.避免不同尋常的令人眼花繚亂的設(shè)計(jì)、密密麻麻的內(nèi)容
3.不要使用過多的動(dòng)態(tài)效果,分散用戶的注意力。
4.內(nèi)容安排要有邏輯性,
5.前后版面要一致、導(dǎo)航和設(shè)計(jì)風(fēng)格要統(tǒng)一。
頁(yè)面布局原則:
1.正常平衡——亦稱“勻稱”。多指左右、上下對(duì)照形式,主要強(qiáng)調(diào)秩序,能達(dá)到安定誠(chéng)實(shí)、信賴的效果。
2.異常平衡——即非對(duì)照形式,但也要平衡和韻律,當(dāng)然都是不均整的,此種布局能達(dá)到強(qiáng)調(diào)性、不安性、高注目性的效果。
3.對(duì)比——所謂對(duì)比,不僅利用色彩、色調(diào)等技巧來(lái)作表現(xiàn),在內(nèi)容上也可涉及古與今、新與舊、貧與富等對(duì)比。
4.凝視——所謂凝視是利用頁(yè)面中人物視線,使瀏覽者仿照跟隨的心理,以達(dá)到注視頁(yè)面的效果,一般多用明星凝視狀。
5.空白——空白有兩種作用,一方面對(duì)其他網(wǎng)站表示突出卓越,另一方面也表示網(wǎng)頁(yè)品位的優(yōu)越感,這種表現(xiàn)方法對(duì)體顯網(wǎng)頁(yè)的格調(diào)十分有效。
網(wǎng)頁(yè)設(shè)計(jì)中需注意的事項(xiàng):
1. 網(wǎng)站制作導(dǎo)航要清晰
所有的超鏈接應(yīng)清晰無(wú)誤地向讀者標(biāo)識(shí)出來(lái),所有導(dǎo)航性質(zhì)的設(shè)置,像圖像按鈕,都要有清晰的標(biāo)識(shí),讓人看得明白,千萬(wàn)別光顧視覺效果的熱鬧的,而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的:未訪問的,藍(lán)色;點(diǎn)擊過的,紫色或栗色。總之,文本鏈接一定要和頁(yè)面的其他文字有所區(qū)分,給訪問者清楚的導(dǎo)向。
2. 網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格要統(tǒng)一
網(wǎng)頁(yè)上所有的圖像、文字,包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳、要統(tǒng)一風(fēng)格,貫穿全站。這樣子讀者看起來(lái)舒服、順暢,會(huì)對(duì)你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。
3. 頁(yè)面容量要較小
研究顯示,如果一個(gè)網(wǎng)站頁(yè)面的主體在15秒之內(nèi)顯現(xiàn)不出來(lái),訪客會(huì)很快失去對(duì)該站的興趣。如果用戶不能夠迅速地進(jìn)入你的網(wǎng)站,或操作不便捷,網(wǎng)站設(shè)計(jì)就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對(duì)手的網(wǎng)站。要限定頁(yè)面的大小,就得從各個(gè)角度考慮節(jié)省。最大的一頭是圖像,有的好東西,只得割愛了。
4. 頁(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ì)受到大家的歡迎。
5.首頁(yè)頁(yè)面的幾個(gè)要素
(1)網(wǎng)站LOGO、網(wǎng)站名稱
(2)網(wǎng)頁(yè)標(biāo)題
(3)導(dǎo)航菜單
(4)欄目中最希望吸引觀眾的內(nèi)容
(5)版權(quán)信息、聯(lián)系方式、制作者信息
(6)搜索
(7)網(wǎng)上調(diào)查
(8)“設(shè)為首頁(yè)”、“加入收藏”快捷方式
6.關(guān)于圖片
(1)單張圖片不要超過30k,每頁(yè)圖片總量不要超過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)頁(yè)背景時(shí),避免采用圖片格式,采用調(diào)色版中的顏色在表格中填充或作為網(wǎng)頁(yè)背景顏色填充。
(5)圖片超鏈接或圖片按鈕需明確。
7.關(guān)于文字
(1)文字盡量使用常用字體
(2)文字的顏色要便于閱讀
(3)文字的超鏈接要明確(下劃線、變色)
(4)文字大小要適中
(5)文字的長(zhǎng)短要適合
(6)背景顏色切勿與文字反差太小且雜亂
8.關(guān)于鏈接與層次結(jié)構(gòu)
(1)文字、圖片、圖標(biāo)、按鈕鏈接要清楚、明確
(2)替換本頁(yè)和彈出窗口應(yīng)合理設(shè)計(jì)
(3)層次結(jié)構(gòu)不要太多,三層之內(nèi)
聯(lián)系客服