一、網站設計是什么

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

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

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

1、文字設計

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

2、圖形圖像設計

圖片可以美(mei)化(hua)頁面，可以增強網(wang)站的(de)宣傳效果(guo)，也是網(wang)站的(de)重要組成部分，網(wang)站的(de)圖形(xing)圖像設計要求能直觀(guan)形(xing)象(xiang)地(di)表達(da)網(wang)站主題，并能與(yu)文字和諧統(tong)一，此外，也要注意適當安排圖片的(de)位置、面積、數量等。

3、版式設計

網站的(de)版式設計一般指對網站文(wen)字、圖像(xiang)等元(yuan)素的(de)組合編排，注重技(ji)術(shu)(shu)性(xing)和(he)藝術(shu)(shu)性(xing)的(de)統一，要(yao)求導向清晰、便于瀏覽，效果美觀(guan)、便于吸引用戶。

4、色彩搭配

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

5、多媒體元素搭配

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

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

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

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

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

2、不恰當地使用圖片

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

3、內容里使用特殊字體

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

4、新窗口打開

設計者打開(kai)新(xin)窗口(kou)(kou)的(de)(de)本意是(shi)要讓用戶留在(zai)他的(de)(de)站(zhan)(zhan)點(dian)上。但是(shi)卻(que)忽略(lve)了控制用戶的(de)(de)機器(qi)所帶來(lai)的(de)(de)負面效應，這種(zhong)策(ce)略(lve)恰(qia)恰(qia)弄巧(qiao)成(cheng)拙，因(yin)為當(dang)用戶想通過(guo)“后退”按鈕返回(hui)(hui)先前(qian)的(de)(de)站(zhan)(zhan)點(dian)時(shi)，已經做不到了。用戶通常注(zhu)意不到新(xin)窗口(kou)(kou)已經被打開(kai)，尤其(qi)當(dang)他們的(de)(de)顯示器(qi)很小(xiao)，而窗口(kou)(kou)又正好(hao)是(shi)最大化時(shi)。因(yin)此，當(dang)用戶想要返回(hui)(hui)原來(lai)的(de)(de)站(zhan)(zhan)點(dian)時(shi)，面對(dui)的(de)(de)卻(que)只是(shi)一(yi)個不可用的(de)(de)灰色“后退”按鈕。

5、無實際意義的特效

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

6、內容滾動

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

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

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

8、文件名命名不規范

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

9、長篇文章未設置分頁

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

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

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

11、沒有返回指向

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

12、顯眼的點擊計數器

不要(yao)(yao)輕易(yi)考慮在你(ni)(ni)的(de)(de)網(wang)站上放置一(yi)個醒目的(de)(de)點(dian)擊記數器。你(ni)(ni)設(she)計(ji)網(wang)站是為(wei)了給訪問者提供(gong)(gong)服務，而(er)不是推銷你(ni)(ni)自己認為(wei)重(zhong)要(yao)(yao)的(de)(de)東西。大(da)多(duo)數瀏覽者認為(wei)計(ji)數器毫無意義，它們很(hen)容易(yi)被(bei)做假，瀏覽者也不想(xiang)看(kan)廣告。如果(guo)你(ni)(ni)顯示你(ni)(ni)的(de)(de)網(wang)站是多(duo)么(me)受歡(huan)迎，你(ni)(ni)最(zui)好提供(gong)(gong)一(yi)個鏈接，顯示訪問日志。

13、使用框架

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

14、不恰當地使用聲音

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

15、兼容性不佳

不(bu)是所有人的(de)(de)顯(xian)示(shi)器都用同一種分(fen)(fen)辨(bian)率(lv)的(de)(de)。無論(lun)是誰，都無法做(zuo)出(chu)所有分(fen)(fen)辨(bian)率(lv)下(xia)完美的(de)(de)網(wang)(wang)頁(ye)，但(dan)我(wo)們(men)要做(zuo)出(chu)能確保所有分(fen)(fen)辨(bian)率(lv)下(xia)不(bu)出(chu)錯的(de)(de)網(wang)(wang)頁(ye)。還有兩點(dian)就是：不(bu)要以(yi)為(wei)只(zhi)有電(dian)腦才能看網(wang)(wang)頁(ye)。不(bu)要以(yi)為(wei)世界上只(zhi)有一種瀏覽器，網(wang)(wang)站兼(jian)容性(xing)一定要好(hao)。

17、急于發布網站

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

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

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

19、不留空白

網站設計時，注意留空白。不要用圖像、文本和不必要的動畫來充斥(chi)網頁(ye)，即使有足夠(gou)的空間(jian)，在設計時也應該避(bi)免(mian)使用。

20、缺乏互動性

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

21、存在死鏈

有死(si)鏈(lian)的(de)網站(zhan)(zhan)對搜索引擎的(de)蜘蛛爬(pa)取不利，同時影響網站(zhan)(zhan)的(de)正(zheng)規性、影響網站(zhan)(zhan)關(guan)鍵詞(ci)名次(ci)、降低網站(zhan)(zhan)權重值(zhi)，而且會造成(cheng)不良(liang)好的(de)用(yong)戶體驗。