一、網站設計是什么

網站設計是將策劃案中的內容、網站的主題模(mo)式，以及結合自己的認(ren)識通過藝(yi)術的手(shou)法表現出來的一種方式，在建設網站的過程中，網站設計是不可或缺的一步。

二、網站設計包括哪些內容

網站(zhan)設計的(de)內容眾(zhong)多，一般(ban)主(zhu)要包括五個方面(mian)：

1、文字設計

文(wen)字在表達(da)含義的(de)同時也能(neng)傳達(da)情感(gan)，是網(wang)站(zhan)必(bi)不可少的(de)元素(su)，文(wen)字設(she)計(ji)在網(wang)站(zhan)設(she)計(ji)中占據非常大的(de)比(bi)重，網(wang)站(zhan)文(wen)字的(de)設(she)計(ji)必(bi)須(xu)要(yao)簡(jian)潔清晰、具(ju)備視(shi)覺(jue)美感(gan)，并與網(wang)站(zhan)整(zheng)體風(feng)格相適(shi)應(ying)。

2、圖形圖像設計

圖(tu)片可(ke)以(yi)美化頁面(mian)，可(ke)以(yi)增強網(wang)站(zhan)的(de)宣傳(chuan)效果，也(ye)是網(wang)站(zhan)的(de)重(zhong)要(yao)組成部分，網(wang)站(zhan)的(de)圖(tu)形圖(tu)像設(she)計要(yao)求能直觀形象地表達網(wang)站(zhan)主題(ti)，并能與文字和(he)諧統一，此外，也(ye)要(yao)注意(yi)適當安排(pai)圖(tu)片的(de)位置、面(mian)積、數(shu)量等。

3、版式設計

網站(zhan)的版式設(she)計一(yi)般指(zhi)對(dui)網站(zhan)文字、圖(tu)像(xiang)等元素的組合編排，注重技術性(xing)和藝術性(xing)的統一(yi)，要求(qiu)導向清晰(xi)、便(bian)于(yu)瀏覽，效果美觀、便(bian)于(yu)吸(xi)引用戶(hu)。

4、色彩搭配

色彩也在一(yi)定程度上(shang)決定了網站(zhan)的用戶吸(xi)引力，網站(zhan)設計的色彩搭配一(yi)般要求合理自然，并與網站(zhan)整體風格和諧統一(yi)。

5、多媒體元素搭配

多媒體(ti)一般(ban)指視頻、音(yin)頻、動畫(hua)等，網站(zhan)設(she)計中運用多媒體(ti)元素(su)，可(ke)以豐富網站(zhan)觀賞效果，增(zeng)強用戶的(de)瀏(liu)覽興趣。

三、網站設計常犯的錯誤有哪些

網站設(she)計的(de)過程中，非專業的(de)網站設(she)計師可能會犯一些(xie)錯誤(wu)，影(ying)響設(she)計效果(guo)，比較常見的(de)錯誤(wu)主(zhu)要有(you)：

1、導航菜單使用圖片、flash

導航菜單使(shi)用圖(tu)(tu)片(pian)、flash當然比純(chun)文(wen)本來得好看一些，但是(shi)搜索引擎并(bing)不認識你(ni)的(de)圖(tu)(tu)片(pian)和flash。如果你(ni)非要使(shi)用漂亮的(de)圖(tu)(tu)片(pian)來做(zuo)導航的(de)話，可以使(shi)用背(bei)景替換(huan)的(de)方法。建議做(zuo)一個導航菜單鏈(lian)接(jie)的(de)xml文(wen)提交到搜索引擎。

2、不恰當地使用圖片

為(wei)了網頁美觀，經常會(hui)到處貼(tie)滿(man)圖片(pian)(pian)，這(zhe)樣做(zuo)是不正確(que)的(de)，與內容無關的(de)圖片(pian)(pian)能少就少吧(ba)。我們(men)可以把這(zhe)些圖片(pian)(pian)做(zuo)成容器的(de)背景。

3、內容里使用特殊字體

特殊(shu)字(zi)體很好看(kan)，但是(shi)不是(shi)所有人的(de)電(dian)腦都(dou)安裝有這(zhe)些(xie)字(zi)體。如(ru)果使用(yong)這(zhe)些(xie)特殊(shu)字(zi)體的(de)話，在別人的(de)電(dian)腦里看(kan)到(dao)的(de)網頁可能(neng)不顯示。

4、新窗口打開

設計者打開(kai)新(xin)窗(chuang)口的(de)(de)(de)本意是要讓用(yong)戶留在他的(de)(de)(de)站點(dian)上。但是卻忽略了(le)控制用(yong)戶的(de)(de)(de)機器所帶來的(de)(de)(de)負(fu)面效應，這種策略恰恰弄巧(qiao)成(cheng)拙，因為當(dang)用(yong)戶想通過“后(hou)退”按鈕返(fan)回(hui)先前的(de)(de)(de)站點(dian)時，已經做(zuo)不到了(le)。用(yong)戶通常注意不到新(xin)窗(chuang)口已經被打開(kai)，尤其當(dang)他們的(de)(de)(de)顯示器很小(xiao)，而窗(chuang)口又正好是最大化(hua)時。因此，當(dang)用(yong)戶想要返(fan)回(hui)原來的(de)(de)(de)站點(dian)時，面對的(de)(de)(de)卻只是一個不可(ke)用(yong)的(de)(de)(de)灰色“后(hou)退”按鈕。

5、無實際意義的特效

避免使用炫(xuan)耀的技(ji)巧(qiao)，這些特效對你的網站沒有任何(he)實際意義，反而顯得華(hua)而不(bu)實。

6、內容滾動

內(nei)容滾(gun)(gun)(gun)(gun)動可以在比較小的(de)空(kong)間里展示比較多的(de)內(nei)容，這(zhe)是它的(de)一個好處。但內(nei)容滾(gun)(gun)(gun)(gun)動卻是弊大于利的(de)，不是所(suo)有(you)平臺和瀏覽器都支持滾(gun)(gun)(gun)(gun)動的(de)，而且內(nei)容滾(gun)(gun)(gun)(gun)動會(hui)降低用戶體驗(yan)。

7、用戶難以獲取自己想要的內容

如(ru)果一個用(yong)戶訪問你(ni)的(de)(de)(de)網(wang)站跟走入迷宮一樣，那就是(shi)網(wang)站設計的(de)(de)(de)大忌，聽說過3次(ci)(ci)點擊規則嗎？對于小型(xing)網(wang)站，在你(ni)的(de)(de)(de)主頁上(shang)，沒有任何一條(tiao)信息(xi)，需(xu)要點擊次(ci)(ci)數超過3次(ci)(ci)的(de)(de)(de)。對于大型(xing)網(wang)站，使用(yong)導(dao)航和工(gong)具條(tiao)來改善操作。

8、文件名命名不規范

不(bu)(bu)要忽視這一點，例如新聞頁面可(ke)以用(yong)：news.html，而不(bu)(bu)是類似2323123.html這樣的無規(gui)范的命名方式(shi)。使用(yong)規(gui)范的命名方式(shi)不(bu)(bu)僅有利(li)于搜索(suo)引擎，而且有利(li)于網站日后的維護管理。

9、長篇文章未設置分頁

長(chang)篇(pian)文(wen)章(zhang)不分頁，會導致網頁加(jia)載(zai)速度慢，用戶(hu)閱讀疲(pi)勞，所以建議長(chang)篇(pian)文(wen)章(zhang)設置分頁。

10、顏色搭配錯誤，網頁難于閱讀

如(ru)無必要(yao)，你應當堅持(chi)使用白(bai)色(se)的背景和黑色(se)的文本，另外還(huan)應當堅持(chi)使用通用字體。

11、沒有返回指向

“返回指向”是(shi)網絡用(yong)(yong)戶的(de)生命線，同時也是(shi)繼超文(wen)本(ben)連接后(hou)最(zui)常使用(yong)(yong)的(de)導航特征(zheng)。用(yong)(yong)戶可以隨(sui)意嘗試(shi)網頁所指向的(de)任何地方，而只需(xu)點(dian)擊(ji)一兩次(ci)“返回”按鈕就可以回到先(xian)前的(de)頁面。

12、顯眼的點擊計數器

不(bu)要(yao)輕易(yi)考慮在你的網站(zhan)上放置一個(ge)醒目的點擊記數器。你設計網站(zhan)是(shi)為(wei)了(le)給(gei)訪(fang)問(wen)者(zhe)(zhe)提(ti)供服務，而不(bu)是(shi)推(tui)銷你自(zi)己認為(wei)重要(yao)的東西(xi)。大多數瀏覽(lan)者(zhe)(zhe)認為(wei)計數器毫無意義，它們很容易(yi)被做假，瀏覽(lan)者(zhe)(zhe)也不(bu)想看廣告。如果(guo)你顯示你的網站(zhan)是(shi)多么受(shou)歡迎，你最(zui)好(hao)提(ti)供一個(ge)鏈接，顯示訪(fang)問(wen)日志。

13、使用框架

與(yu)記數器一樣，框(kuang)(kuang)架(jia)(jia)在(zai)網頁(ye)上越(yue)(yue)來越(yue)(yue)流行。在(zai)大(da)多數網站(zhan)(zhan)上，在(zai)屏幕的(de)左邊(bian)有一個(ge)框(kuang)(kuang)架(jia)(jia)。但是(shi)設計(ji)者立刻(ke)就發現，在(zai)使(shi)(shi)用(yong)框(kuang)(kuang)架(jia)(jia)時產生了許多的(de)問(wen)題。使(shi)(shi)用(yong)框(kuang)(kuang)架(jia)(jia)時如果沒有17英(ying)寸(cun)的(de)顯示(shi)屏幾(ji)乎不(bu)(bu)可能(neng)顯示(shi)整(zheng)個(ge)網站(zhan)(zhan)。框(kuang)(kuang)架(jia)(jia)也使(shi)(shi)得網站(zhan)(zhan)內個(ge)人(ren)主頁(ye)不(bu)(bu)能(neng)夠成為書(shu)簽。也許更(geng)重(zhong)要(yao)的(de)是(shi)，搜索引擎常(chang)常(chang)被框(kuang)(kuang)架(jia)(jia)混淆，從而不(bu)(bu)能(neng)列(lie)出(chu)你的(de)網站(zhan)(zhan)。

14、不恰當地使用聲音

聲(sheng)音(yin)(yin)的運用(yong)也應(ying)該小(xiao)心，內聯聲(sheng)音(yin)(yin)是網站設計(ji)者的另一(yi)個禁(jin)地(di)，因(yin)為過多(duo)地(di)使(shi)用(yong)聲(sheng)音(yin)(yin)會使(shi)下載速度很慢(man)，同(tong)時并沒(mei)有帶(dai)給瀏覽(lan)者多(duo)少(shao)好處。首(shou)次聽(ting)到鼠標發(fa)出聲(sheng)音(yin)(yin)可能會很有趣，但是多(duo)次以后肯定會很煩人(ren)。使(shi)用(yong)聲(sheng)音(yin)(yin)前，應(ying)該仔細(xi)考(kao)慮聲(sheng)音(yin)(yin)將會給你帶(dai)來什么。

15、兼容性不佳

不是(shi)所有(you)人的(de)顯示器都(dou)用(yong)同一種(zhong)分(fen)(fen)辨率的(de)。無論是(shi)誰，都(dou)無法(fa)做出所有(you)分(fen)(fen)辨率下完美的(de)網頁(ye)，但我們要(yao)(yao)做出能確保(bao)所有(you)分(fen)(fen)辨率下不出錯(cuo)的(de)網頁(ye)。還有(you)兩點就是(shi)：不要(yao)(yao)以為(wei)只有(you)電(dian)腦才能看網頁(ye)。不要(yao)(yao)以為(wei)世(shi)界上只有(you)一種(zhong)瀏覽器，網站(zhan)兼容性一定要(yao)(yao)好。

17、急于發布網站

網(wang)站沒(mei)有內(nei)容、網(wang)站程(cheng)序(xu)bug，這些(xie)問(wen)題解決后(hou)再發(fa)布吧(ba)。內(nei)容較為充實、程(cheng)序(xu)bug基本(ben)沒(mei)有的網(wang)站才會讓用戶停留。

18、發布網站后未登錄搜索引擎

你發布網站后要到各大搜(sou)索引(yin)擎的(de)登錄口提交一(yi)下(xia)你的(de)網站信息，不(bu)然是搜(sou)不(bu)到的(de)。

19、不留空白

網站設計時(shi)，注意留空白。不(bu)要(yao)用圖像、文本和不(bu)必要(yao)的動(dong)畫來充斥網頁，即使有(you)足夠的空間，在設計(ji)時(shi)也應(ying)該避免使用。

20、缺乏互動性

讓用(yong)戶與網(wang)(wang)站能夠互動(dong)，讓用(yong)戶與用(yong)戶之間能夠互動(dong)。所以最少要有(you)一個(ge)留言本，這(zhe)能激勵訪問(wen)者再次回到你的網(wang)(wang)站，還(huan)有(you)助于擴(kuo)充網(wang)(wang)站內容。

21、存在死鏈

有死(si)鏈(lian)的(de)(de)(de)網站對搜(sou)索引擎的(de)(de)(de)蜘蛛爬取不利(li)，同時影響(xiang)網站的(de)(de)(de)正規性、影響(xiang)網站關(guan)鍵詞名(ming)次、降低網站權重值，而且(qie)會造(zao)成不良(liang)好(hao)的(de)(de)(de)用戶(hu)體驗。