一、網站設計是什么

網(wang)站(zhan)設計是(shi)將策劃案(an)中的內(nei)容(rong)、網(wang)站(zhan)的主題模式，以及結(jie)合(he)自己的認識(shi)通過(guo)(guo)藝術(shu)的手(shou)法表現出(chu)來的一種(zhong)方式，在建設網(wang)站(zhan)的過(guo)(guo)程中，網(wang)站(zhan)設計是(shi)不可或缺的一步。

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

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

1、文字設計

文字(zi)在表(biao)達含(han)義的同時也能(neng)傳達情感，是網站必(bi)(bi)不可少的元素(su)，文字(zi)設(she)(she)計(ji)在網站設(she)(she)計(ji)中(zhong)占據非常大的比重，網站文字(zi)的設(she)(she)計(ji)必(bi)(bi)須要簡(jian)潔清(qing)晰(xi)、具備視覺美感，并(bing)與網站整體風格相適應。

2、圖形圖像設計

圖(tu)片可(ke)以美(mei)化頁(ye)面(mian)，可(ke)以增強網站(zhan)的宣(xuan)傳效(xiao)果，也是網站(zhan)的重(zhong)要組(zu)成部(bu)分，網站(zhan)的圖(tu)形(xing)圖(tu)像(xiang)設計要求(qiu)能直觀形(xing)象地表達網站(zhan)主題(ti)，并(bing)能與文(wen)字和諧(xie)統一，此外(wai)，也要注意適當安排(pai)圖(tu)片的位置(zhi)、面(mian)積、數量等。

3、版式設計

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

4、色彩搭配

色彩也在一定(ding)程度上決定(ding)了網站的用戶吸引(yin)力，網站設(she)計的色彩搭配一般(ban)要求合理自然，并(bing)與(yu)網站整體風(feng)格和諧(xie)統(tong)一。

5、多媒體元素搭配

多媒體(ti)一(yi)般(ban)指視(shi)頻(pin)(pin)、音頻(pin)(pin)、動(dong)畫等，網站設計中運用多媒體(ti)元素，可以豐富(fu)網站觀賞效(xiao)果，增強用戶的瀏覽興(xing)趣。

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

網站設計的過程中，非(fei)專(zhuan)業的網站設計師可能(neng)會(hui)犯一些錯(cuo)誤，影響設計效果，比較常見的錯(cuo)誤主要有：

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

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

2、不恰當地使用圖片

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

3、內容里使用特殊字體

特殊字體(ti)(ti)很好看，但是不是所有人(ren)的電腦都安(an)裝有這些字體(ti)(ti)。如果使(shi)用(yong)這些特殊字體(ti)(ti)的話，在(zai)別(bie)人(ren)的電腦里看到的網頁可(ke)能(neng)不顯示。

4、新窗口打開

設(she)計者打開(kai)(kai)新窗口的本意(yi)是(shi)要(yao)讓用(yong)(yong)戶留在他(ta)的站(zhan)點(dian)(dian)上。但是(shi)卻忽略了(le)控制用(yong)(yong)戶的機器所帶來(lai)的負面效應，這(zhe)種策略恰(qia)恰(qia)弄巧成拙，因為(wei)當(dang)用(yong)(yong)戶想通(tong)過“后退”按(an)鈕返(fan)回先(xian)前的站(zhan)點(dian)(dian)時(shi)(shi)，已經(jing)做(zuo)不(bu)到了(le)。用(yong)(yong)戶通(tong)常注意(yi)不(bu)到新窗口已經(jing)被打開(kai)(kai)，尤其(qi)當(dang)他(ta)們的顯示器很小，而窗口又(you)正(zheng)好是(shi)最大化時(shi)(shi)。因此，當(dang)用(yong)(yong)戶想要(yao)返(fan)回原來(lai)的站(zhan)點(dian)(dian)時(shi)(shi)，面對的卻只是(shi)一個(ge)不(bu)可(ke)用(yong)(yong)的灰色“后退”按(an)鈕。

5、無實際意義的特效

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

6、內容滾動

內(nei)容滾(gun)動(dong)可以在(zai)比(bi)較(jiao)小的(de)(de)空間里展示比(bi)較(jiao)多的(de)(de)內(nei)容，這是(shi)(shi)它(ta)的(de)(de)一個好處。但內(nei)容滾(gun)動(dong)卻是(shi)(shi)弊大于利(li)的(de)(de)，不是(shi)(shi)所有平(ping)臺(tai)和(he)瀏覽器都支(zhi)持滾(gun)動(dong)的(de)(de)，而且內(nei)容滾(gun)動(dong)會降低用戶體驗。

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

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

8、文件名命名不規范

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

9、長篇文章未設置分頁

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

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

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

11、沒有返回指向

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

12、顯眼的點擊計數器

不要輕易考慮(lv)在你(ni)(ni)的(de)(de)網(wang)站(zhan)上放置一(yi)個醒(xing)目的(de)(de)點擊記數(shu)器。你(ni)(ni)設計網(wang)站(zhan)是(shi)為了(le)給訪問(wen)者提供服務，而(er)不是(shi)推銷你(ni)(ni)自(zi)己認為重要的(de)(de)東西。大多(duo)數(shu)瀏(liu)覽(lan)者認為計數(shu)器毫無(wu)意義，它(ta)們很容易被(bei)做假，瀏(liu)覽(lan)者也(ye)不想看廣告。如果你(ni)(ni)顯示你(ni)(ni)的(de)(de)網(wang)站(zhan)是(shi)多(duo)么受(shou)歡迎(ying)，你(ni)(ni)最(zui)好提供一(yi)個鏈接，顯示訪問(wen)日志。

13、使用框架

與記數器一樣，框(kuang)架(jia)在(zai)網(wang)頁上越來越流行(xing)。在(zai)大(da)多數網(wang)站(zhan)(zhan)(zhan)上，在(zai)屏幕的左邊有一個框(kuang)架(jia)。但是設計者立刻就發現(xian)，在(zai)使(shi)用框(kuang)架(jia)時產(chan)生了許(xu)多的問題。使(shi)用框(kuang)架(jia)時如果(guo)沒(mei)有17英寸的顯示(shi)屏幾乎不(bu)(bu)可能(neng)顯示(shi)整(zheng)個網(wang)站(zhan)(zhan)(zhan)。框(kuang)架(jia)也使(shi)得網(wang)站(zhan)(zhan)(zhan)內個人主(zhu)頁不(bu)(bu)能(neng)夠成為書(shu)簽(qian)。也許(xu)更重要的是，搜索(suo)引擎常常被框(kuang)架(jia)混(hun)淆，從而不(bu)(bu)能(neng)列出你的網(wang)站(zhan)(zhan)(zhan)。

14、不恰當地使用聲音

聲(sheng)音(yin)(yin)的運用(yong)(yong)(yong)也應(ying)該(gai)小心(xin)，內(nei)聯(lian)聲(sheng)音(yin)(yin)是網(wang)站(zhan)設計者的另一個禁(jin)地，因(yin)為過多地使用(yong)(yong)(yong)聲(sheng)音(yin)(yin)會(hui)(hui)使下載速(su)度很(hen)慢，同(tong)時并沒有帶(dai)給(gei)瀏(liu)覽(lan)者多少好處。首(shou)次聽到鼠標發(fa)出聲(sheng)音(yin)(yin)可能會(hui)(hui)很(hen)有趣，但(dan)是多次以后(hou)肯定會(hui)(hui)很(hen)煩人。使用(yong)(yong)(yong)聲(sheng)音(yin)(yin)前，應(ying)該(gai)仔(zi)細考慮(lv)聲(sheng)音(yin)(yin)將會(hui)(hui)給(gei)你帶(dai)來什么。

15、兼容性不佳

不是所(suo)有(you)人的顯示器都用同一(yi)種(zhong)分辨率(lv)的。無論是誰，都無法(fa)做(zuo)出所(suo)有(you)分辨率(lv)下完美(mei)的網(wang)頁(ye)(ye)，但我們要做(zuo)出能確保(bao)所(suo)有(you)分辨率(lv)下不出錯的網(wang)頁(ye)(ye)。還有(you)兩點(dian)就是：不要以(yi)為(wei)只有(you)電腦(nao)才能看(kan)網(wang)頁(ye)(ye)。不要以(yi)為(wei)世界上只有(you)一(yi)種(zhong)瀏覽(lan)器，網(wang)站兼容性(xing)一(yi)定(ding)要好。

17、急于發布網站

網站(zhan)沒(mei)有內容(rong)、網站(zhan)程序(xu)bug，這些(xie)問題解決后再發(fa)布吧。內容(rong)較為充(chong)實、程序(xu)bug基本沒(mei)有的(de)網站(zhan)才(cai)會讓用戶停留。

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

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

19、不留空白

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

20、缺乏互動性

讓(rang)用戶(hu)(hu)與(yu)網站(zhan)(zhan)能(neng)夠互動(dong)，讓(rang)用戶(hu)(hu)與(yu)用戶(hu)(hu)之間能(neng)夠互動(dong)。所以最(zui)少要有一個(ge)留言(yan)本，這能(neng)激勵(li)訪問(wen)者再次回到你的(de)網站(zhan)(zhan)，還有助于擴充網站(zhan)(zhan)內容。

21、存在死鏈

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