一、網站設計是什么

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

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

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

1、文字設計

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

2、圖形圖像設計

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

3、版式設計

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

4、色彩搭配

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

5、多媒體元素搭配

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

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

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

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

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

2、不恰當地使用圖片

為(wei)了網頁(ye)美觀，經常會(hui)到處貼滿圖(tu)片，這樣做是(shi)不正確的，與內容(rong)無(wu)關(guan)的圖(tu)片能少(shao)就(jiu)少(shao)吧。我們可以把(ba)這些圖(tu)片做成(cheng)容(rong)器的背景(jing)。

3、內容里使用特殊字體

特殊(shu)字體(ti)很好(hao)看，但(dan)是(shi)不(bu)是(shi)所(suo)有人的(de)(de)電腦都安裝有這些字體(ti)。如果(guo)使用這些特殊(shu)字體(ti)的(de)(de)話，在別人的(de)(de)電腦里看到的(de)(de)網頁可能不(bu)顯(xian)示(shi)。

4、新窗口打開

設(she)計者打(da)開新(xin)窗(chuang)口的(de)本意(yi)是(shi)要(yao)讓(rang)用(yong)戶(hu)留在他(ta)的(de)站(zhan)點上。但(dan)是(shi)卻忽略(lve)了控制(zhi)用(yong)戶(hu)的(de)機器(qi)所帶來(lai)的(de)負面效應(ying)，這種策略(lve)恰(qia)恰(qia)弄巧成拙(zhuo)，因為當用(yong)戶(hu)想通過“后退(tui)”按鈕返(fan)回先前的(de)站(zhan)點時(shi)，已經做不到了。用(yong)戶(hu)通常注意(yi)不到新(xin)窗(chuang)口已經被打(da)開，尤其當他(ta)們的(de)顯示器(qi)很小，而窗(chuang)口又正好(hao)是(shi)最(zui)大化時(shi)。因此(ci)，當用(yong)戶(hu)想要(yao)返(fan)回原來(lai)的(de)站(zhan)點時(shi)，面對的(de)卻只是(shi)一個不可用(yong)的(de)灰色“后退(tui)”按鈕。

5、無實際意義的特效

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

6、內容滾動

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

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

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

8、文件名命名不規范

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

9、長篇文章未設置分頁

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

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

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

11、沒有返回指向

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

12、顯眼的點擊計數器

不(bu)要(yao)輕易(yi)考慮在(zai)你(ni)的(de)網站(zhan)上(shang)放(fang)置一(yi)個醒目的(de)點(dian)擊記數器(qi)。你(ni)設計(ji)(ji)網站(zhan)是為了給訪問(wen)者(zhe)(zhe)提(ti)供(gong)服(fu)務(wu)，而不(bu)是推銷你(ni)自己認(ren)為重(zhong)要(yao)的(de)東西。大(da)多(duo)數瀏覽(lan)(lan)者(zhe)(zhe)認(ren)為計(ji)(ji)數器(qi)毫無意義(yi)，它們很容(rong)易(yi)被做(zuo)假，瀏覽(lan)(lan)者(zhe)(zhe)也不(bu)想看廣告。如(ru)果你(ni)顯(xian)示你(ni)的(de)網站(zhan)是多(duo)么(me)受歡(huan)迎，你(ni)最好提(ti)供(gong)一(yi)個鏈接，顯(xian)示訪問(wen)日志(zhi)。

13、使用框架

與記數器一樣，框(kuang)架(jia)在網(wang)頁上(shang)越(yue)來越(yue)流行(xing)。在大(da)多數網(wang)站上(shang)，在屏幕的(de)(de)左(zuo)邊有一個框(kuang)架(jia)。但(dan)是設(she)計者立刻(ke)就(jiu)發現，在使用(yong)框(kuang)架(jia)時產生了(le)許多的(de)(de)問題。使用(yong)框(kuang)架(jia)時如果(guo)沒有17英寸的(de)(de)顯示屏幾(ji)乎不(bu)可能顯示整個網(wang)站。框(kuang)架(jia)也(ye)使得網(wang)站內個人主(zhu)頁不(bu)能夠成為書簽(qian)。也(ye)許更重要(yao)的(de)(de)是，搜索引(yin)擎常(chang)(chang)常(chang)(chang)被框(kuang)架(jia)混淆，從而不(bu)能列出你(ni)的(de)(de)網(wang)站。

14、不恰當地使用聲音

聲(sheng)(sheng)音(yin)的運用(yong)也(ye)應(ying)該小心，內(nei)聯聲(sheng)(sheng)音(yin)是(shi)網站設計(ji)者的另一(yi)個禁地，因為過多(duo)(duo)地使(shi)用(yong)聲(sheng)(sheng)音(yin)會使(shi)下載(zai)速度很(hen)慢，同(tong)時并沒有(you)帶給(gei)(gei)瀏覽者多(duo)(duo)少好處。首次(ci)聽到鼠標發出(chu)聲(sheng)(sheng)音(yin)可能會很(hen)有(you)趣(qu)，但(dan)是(shi)多(duo)(duo)次(ci)以后肯定會很(hen)煩(fan)人(ren)。使(shi)用(yong)聲(sheng)(sheng)音(yin)前，應(ying)該仔細考慮聲(sheng)(sheng)音(yin)將會給(gei)(gei)你帶來什么。

15、兼容性不佳

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

17、急于發布網站

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

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

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

19、不留空白

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

20、缺乏互動性

讓(rang)(rang)用戶與(yu)網(wang)(wang)站能夠互(hu)動(dong)，讓(rang)(rang)用戶與(yu)用戶之間能夠互(hu)動(dong)。所以最少(shao)要有一個留(liu)言本(ben)，這能激勵訪問者再(zai)次(ci)回到你的網(wang)(wang)站，還有助(zhu)于擴充(chong)網(wang)(wang)站內容。

21、存在死鏈

有死(si)鏈(lian)的網(wang)(wang)站(zhan)對搜索(suo)引(yin)擎的蜘蛛(zhu)爬(pa)取不利(li)，同時影(ying)(ying)響(xiang)網(wang)(wang)站(zhan)的正規性(xing)、影(ying)(ying)響(xiang)網(wang)(wang)站(zhan)關鍵詞名次、降低(di)網(wang)(wang)站(zhan)權重值，而且會造成不良好(hao)的用戶體驗。