一、網站設計是什么

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

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

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

1、文字設計

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

2、圖形圖像設計

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

3、版式設計

網站(zhan)的(de)版(ban)式設計一(yi)般指對(dui)網站(zhan)文(wen)字(zi)、圖像等元素的(de)組合編排，注重技術(shu)性(xing)和藝術(shu)性(xing)的(de)統一(yi)，要求導向清(qing)晰、便于(yu)瀏(liu)覽，效(xiao)果美觀、便于(yu)吸引用(yong)戶。

4、色彩搭配

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

5、多媒體元素搭配

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

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

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

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

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

2、不恰當地使用圖片

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

3、內容里使用特殊字體

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

4、新窗口打開

設計(ji)者(zhe)打(da)開(kai)新窗口的(de)(de)(de)(de)(de)本意(yi)是要(yao)讓用(yong)戶(hu)留在(zai)他的(de)(de)(de)(de)(de)站(zhan)點上。但(dan)是卻(que)忽略了控制(zhi)用(yong)戶(hu)的(de)(de)(de)(de)(de)機器所帶來的(de)(de)(de)(de)(de)負(fu)面效應，這種策(ce)略恰恰弄(nong)巧成拙(zhuo)，因為當用(yong)戶(hu)想通過(guo)“后退”按(an)鈕返回先(xian)前的(de)(de)(de)(de)(de)站(zhan)點時，已(yi)經(jing)做(zuo)不到了。用(yong)戶(hu)通常注意(yi)不到新窗口已(yi)經(jing)被打(da)開(kai)，尤其(qi)當他們(men)的(de)(de)(de)(de)(de)顯示器很小，而窗口又正好是最大化時。因此，當用(yong)戶(hu)想要(yao)返回原來的(de)(de)(de)(de)(de)站(zhan)點時，面對的(de)(de)(de)(de)(de)卻(que)只是一個(ge)不可用(yong)的(de)(de)(de)(de)(de)灰色“后退”按(an)鈕。

5、無實際意義的特效

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

6、內容滾動

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

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

如果一(yi)(yi)個用戶(hu)訪問你的網(wang)站跟走入迷宮一(yi)(yi)樣，那就(jiu)是網(wang)站設(she)計(ji)的大(da)忌，聽說過(guo)3次(ci)點(dian)擊(ji)(ji)規則嗎？對于(yu)(yu)小型網(wang)站，在你的主頁上，沒(mei)有(you)任何一(yi)(yi)條(tiao)信息(xi)，需(xu)要(yao)點(dian)擊(ji)(ji)次(ci)數(shu)超過(guo)3次(ci)的。對于(yu)(yu)大(da)型網(wang)站，使用導航和工具(ju)條(tiao)來改(gai)善(shan)操作(zuo)。

8、文件名命名不規范

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

9、長篇文章未設置分頁

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

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

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

11、沒有返回指向

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

12、顯眼的點擊計數器

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

13、使用框架

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

14、不恰當地使用聲音

聲音(yin)的運用(yong)也應(ying)該小心(xin)，內(nei)聯聲音(yin)是網站設計者的另(ling)一個禁地，因(yin)為過多(duo)地使用(yong)聲音(yin)會(hui)使下載速(su)度很(hen)慢(man)，同時并沒有帶給瀏(liu)覽者多(duo)少好處。首次(ci)聽到鼠標(biao)發出聲音(yin)可(ke)能會(hui)很(hen)有趣，但是多(duo)次(ci)以后肯定會(hui)很(hen)煩人。使用(yong)聲音(yin)前，應(ying)該仔細考慮聲音(yin)將會(hui)給你帶來什么(me)。

15、兼容性不佳

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

17、急于發布網站

網站(zhan)沒有(you)(you)內容、網站(zhan)程(cheng)序bug，這些(xie)問題解決(jue)后再發布吧。內容較為充實(shi)、程(cheng)序bug基(ji)本沒有(you)(you)的網站(zhan)才會讓(rang)用戶停留。

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

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

19、不留空白

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

20、缺乏互動性

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

21、存在死鏈

有死鏈的網站(zhan)(zhan)對搜(sou)索引擎的蜘蛛爬(pa)取不利，同(tong)時影響(xiang)(xiang)網站(zhan)(zhan)的正規性、影響(xiang)(xiang)網站(zhan)(zhan)關鍵詞名次、降(jiang)低網站(zhan)(zhan)權重值，而且會造成不良好的用戶體驗。