一、網站設計是什么

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

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

網站設計的內容眾多(duo)，一般主要包括五個方面：

1、文字設計

文(wen)字(zi)在(zai)表達(da)(da)含義的同時也(ye)能傳達(da)(da)情感(gan)，是網站必不可(ke)少的元素，文(wen)字(zi)設(she)計在(zai)網站設(she)計中占據(ju)非常(chang)大的比重(zhong)，網站文(wen)字(zi)的設(she)計必須要簡潔清晰、具備視覺美(mei)感(gan)，并與網站整(zheng)體風格相適(shi)應(ying)。

2、圖形圖像設計

圖(tu)片可(ke)以美化頁面，可(ke)以增強網站(zhan)(zhan)的(de)宣傳效(xiao)果，也是網站(zhan)(zhan)的(de)重要組成部分，網站(zhan)(zhan)的(de)圖(tu)形(xing)(xing)圖(tu)像設計要求能(neng)直觀形(xing)(xing)象地表達網站(zhan)(zhan)主題，并能(neng)與(yu)文字和諧統一，此外(wai)，也要注意(yi)適(shi)當安排圖(tu)片的(de)位置、面積、數量(liang)等。

3、版式設計

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

4、色彩搭配

色(se)彩也在(zai)一定(ding)程度(du)上決(jue)定(ding)了網站的用戶吸引(yin)力，網站設計(ji)的色(se)彩搭配一般要(yao)求合理自然，并(bing)與網站整體風格和諧統一。

5、多媒體元素搭配

多(duo)媒體一般指視頻、音(yin)頻、動畫(hua)等，網站設計中運用(yong)多(duo)媒體元素，可以豐富網站觀賞效果，增強用(yong)戶(hu)的(de)瀏覽(lan)興趣(qu)。

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

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

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

導航菜(cai)單(dan)使(shi)(shi)用(yong)圖片(pian)、flash當然比純文本來(lai)(lai)得好看一些，但(dan)是(shi)搜索引(yin)擎并不認識你的圖片(pian)和flash。如(ru)果你非要使(shi)(shi)用(yong)漂亮的圖片(pian)來(lai)(lai)做導航的話，可以使(shi)(shi)用(yong)背景(jing)替換的方法。建議做一個(ge)導航菜(cai)單(dan)鏈接的xml文提交到搜索引(yin)擎。

2、不恰當地使用圖片

為了(le)網(wang)頁美觀，經常會到(dao)處(chu)貼滿圖片，這樣做是不正確的(de)，與內容(rong)(rong)無關的(de)圖片能少就少吧(ba)。我們(men)可(ke)以把這些(xie)圖片做成容(rong)(rong)器的(de)背景。

3、內容里使用特殊字體

特殊(shu)字(zi)體(ti)(ti)很(hen)好(hao)看(kan)，但是不(bu)是所有人的電(dian)(dian)腦(nao)都安裝有這(zhe)些字(zi)體(ti)(ti)。如果(guo)使用這(zhe)些特殊(shu)字(zi)體(ti)(ti)的話，在(zai)別人的電(dian)(dian)腦(nao)里(li)看(kan)到的網頁可能不(bu)顯示。

4、新窗口打開

設計者打開新窗(chuang)口的(de)(de)(de)本意是要讓用(yong)戶(hu)留在(zai)他的(de)(de)(de)站(zhan)點(dian)上。但是卻忽略了控制用(yong)戶(hu)的(de)(de)(de)機(ji)器(qi)所帶(dai)來(lai)的(de)(de)(de)負面效應，這種策略恰恰弄巧成拙，因為當用(yong)戶(hu)想(xiang)(xiang)通過“后(hou)退”按(an)鈕(niu)返回(hui)先前(qian)的(de)(de)(de)站(zhan)點(dian)時，已經(jing)做不(bu)到了。用(yong)戶(hu)通常注意不(bu)到新窗(chuang)口已經(jing)被打開，尤其當他們的(de)(de)(de)顯示器(qi)很(hen)小，而窗(chuang)口又正好是最(zui)大化時。因此，當用(yong)戶(hu)想(xiang)(xiang)要返回(hui)原來(lai)的(de)(de)(de)站(zhan)點(dian)時，面對的(de)(de)(de)卻只是一個不(bu)可用(yong)的(de)(de)(de)灰色(se)“后(hou)退”按(an)鈕(niu)。

5、無實際意義的特效

避免使用炫(xuan)耀的(de)技巧，這(zhe)些特效(xiao)對你的(de)網站沒有(you)任(ren)何實(shi)際意義，反而(er)顯得華而(er)不實(shi)。

6、內容滾動

內(nei)容滾動可以在(zai)比較小的(de)空間(jian)里展(zhan)示比較多(duo)的(de)內(nei)容，這是(shi)(shi)它的(de)一個好(hao)處。但內(nei)容滾動卻是(shi)(shi)弊大于利(li)的(de)，不是(shi)(shi)所有(you)平臺和瀏覽(lan)器都(dou)支持滾動的(de)，而且內(nei)容滾動會降低用(yong)戶體驗。

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

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

8、文件名命名不規范

不(bu)(bu)要忽視這一點，例如新聞(wen)頁(ye)面可(ke)以用：news.html，而(er)不(bu)(bu)是類似2323123.html這樣的(de)無規(gui)范(fan)的(de)命名(ming)方式。使用規(gui)范(fan)的(de)命名(ming)方式不(bu)(bu)僅有(you)利于(yu)搜(sou)索引擎，而(er)且(qie)有(you)利于(yu)網站日后的(de)維護管(guan)理。

9、長篇文章未設置分頁

長篇文(wen)章不(bu)分(fen)頁(ye)(ye)，會導致(zhi)網頁(ye)(ye)加載速度慢，用戶閱讀疲勞，所以建議長篇文(wen)章設置分(fen)頁(ye)(ye)。

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

如無必要，你(ni)應當堅持使(shi)用白色的背景和黑(hei)色的文本，另外還應當堅持使(shi)用通用字體。

11、沒有返回指向

“返(fan)(fan)回指(zhi)向”是(shi)網絡用戶(hu)的(de)生(sheng)命(ming)線，同時也(ye)是(shi)繼超(chao)文本連(lian)接(jie)后最常使用的(de)導航特征。用戶(hu)可以隨意嘗試網頁所指(zhi)向的(de)任何地(di)方(fang)，而(er)只需點擊一兩次“返(fan)(fan)回”按鈕就可以回到先前的(de)頁面。

12、顯眼的點擊計數器

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

13、使用框架

與(yu)記數(shu)(shu)器一樣，框架(jia)在網頁上(shang)越來越流(liu)行。在大多(duo)數(shu)(shu)網站(zhan)上(shang)，在屏幕的(de)(de)左(zuo)邊有(you)一個框架(jia)。但是設計者立刻就發(fa)現，在使用框架(jia)時產(chan)生(sheng)了許(xu)多(duo)的(de)(de)問題。使用框架(jia)時如果沒有(you)17英寸的(de)(de)顯示(shi)屏幾(ji)乎不可能(neng)顯示(shi)整個網站(zhan)。框架(jia)也(ye)(ye)使得網站(zhan)內個人主頁不能(neng)夠(gou)成為書(shu)簽。也(ye)(ye)許(xu)更(geng)重要(yao)的(de)(de)是，搜索引擎常常被(bei)框架(jia)混淆，從而不能(neng)列出你的(de)(de)網站(zhan)。

14、不恰當地使用聲音

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

15、兼容性不佳

不是(shi)(shi)所有人的顯(xian)示器都用同(tong)一種分辨(bian)(bian)率(lv)(lv)的。無(wu)論是(shi)(shi)誰，都無(wu)法做出(chu)所有分辨(bian)(bian)率(lv)(lv)下完美的網(wang)(wang)頁(ye)，但我們(men)要做出(chu)能確保所有分辨(bian)(bian)率(lv)(lv)下不出(chu)錯(cuo)的網(wang)(wang)頁(ye)。還(huan)有兩點就(jiu)是(shi)(shi)：不要以為(wei)只有電腦才能看網(wang)(wang)頁(ye)。不要以為(wei)世界(jie)上(shang)只有一種瀏覽器，網(wang)(wang)站兼容性(xing)一定要好。

17、急于發布網站

網站沒有內(nei)容、網站程序bug，這些問題解(jie)決后再發布吧。內(nei)容較(jiao)為(wei)充實、程序bug基本沒有的(de)網站才會讓用戶停(ting)留。

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

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

19、不留空白

網站設計時(shi)(shi)，注(zhu)意留空白。不(bu)要用圖(tu)像、文(wen)本和(he)不(bu)必要的(de)動畫來充斥網頁(ye)，即使(shi)有足夠(gou)的(de)空間，在(zai)設計時(shi)(shi)也應(ying)該避免使(shi)用。

20、缺乏互動性

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

21、存在死鏈

有死鏈的(de)(de)網站對搜索(suo)引(yin)擎的(de)(de)蜘蛛爬取(qu)不利，同(tong)時(shi)影(ying)響網站的(de)(de)正規性、影(ying)響網站關鍵詞名(ming)次(ci)、降低網站權(quan)重值(zhi)，而且會造成不良好的(de)(de)用戶體驗。