一、什么是網(wǎng)站設(shè)計(jì)

網(wǎng)站設(shè)計(jì)是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識(shí)通過藝術(shù)的手法表現(xiàn)出來；而網(wǎng)頁制作通常就是將網(wǎng)頁設(shè)計(jì)師所設(shè)計(jì)出來的設(shè)計(jì)稿，按照W3C規(guī)范用html（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）將其制作成網(wǎng)頁格式。

二、網(wǎng)站設(shè)計(jì)的內(nèi)容流程及注意事項(xiàng)

1、主頁：網(wǎng)站主頁是設(shè)計(jì)網(wǎng)站最先要考慮的到地方，主頁風(fēng)格決定網(wǎng)站整體風(fēng)格。主頁設(shè)計(jì)一般有兩種設(shè)計(jì)風(fēng)格，橫向排版與縱向排版。

2、Banner：也叫網(wǎng)站輪播圖，一般尺寸建議在1920X500，輪播圖數(shù)量在4張左右，互相之間可以進(jìn)行切換。

3、欄目頁：欄目頁的設(shè)計(jì)，根據(jù)網(wǎng)站主頁風(fēng)格而定，整體上具有統(tǒng)一性。

4、詳情頁：詳情頁根據(jù)欄目頁的樣式進(jìn)行設(shè)計(jì)，與之匹配。

三、網(wǎng)站設(shè)計(jì)流程

1、明確目的：明確企業(yè)網(wǎng)站建設(shè)目的，結(jié)合企業(yè)的定位，診斷網(wǎng)站現(xiàn)狀和行業(yè)市場競品表現(xiàn)，對(duì)企業(yè)受眾進(jìn)行用戶研究和分析，確定網(wǎng)站的定位策略；

2、網(wǎng)站布局：根據(jù)網(wǎng)站目的進(jìn)行網(wǎng)站整體架構(gòu)設(shè)計(jì)，為不同需求設(shè)置有效、清晰的功能結(jié)構(gòu)，并以用戶的良好體驗(yàn)進(jìn)行易用性布局和交互流程設(shè)計(jì)；

3、UI設(shè)計(jì)：以企業(yè)整體品牌形象建設(shè)需求為基礎(chǔ)，對(duì)網(wǎng)站整體頁面品牌識(shí)別風(fēng)格創(chuàng)意，結(jié)合各功能板塊特點(diǎn)進(jìn)行相關(guān)頁面設(shè)計(jì)并精細(xì)處理頁面中運(yùn)用的各種圖標(biāo)和圖片；

4、程序開發(fā)：為了保證網(wǎng)站運(yùn)行的兼容性和安全性，以國際W3C標(biāo)準(zhǔn)HTML進(jìn)行頁面的制作，并以具有安全保障、兼容性強(qiáng)、功能表現(xiàn)完善的技術(shù)進(jìn)行后臺(tái)技術(shù)開發(fā)；

5、網(wǎng)站后臺(tái)開發(fā)：以客戶的品牌架構(gòu)為基準(zhǔn)，開發(fā)高效的網(wǎng)站后臺(tái)管理平臺(tái)，易于網(wǎng)站各版塊的日常更新維護(hù)，有效控制網(wǎng)站管理權(quán)限。

四、網(wǎng)站設(shè)計(jì)注意事項(xiàng)

網(wǎng)站設(shè)計(jì)，是一項(xiàng)系統(tǒng)化工程，下面廣州網(wǎng)站建設(shè)小編就給大家講一下網(wǎng)站設(shè)計(jì)是常犯的一些錯(cuò)誤。

1、導(dǎo)航菜單使用圖片、flash

導(dǎo)航菜單使用圖片、flash當(dāng)然比純文本來得好看一些，但是搜索引擎并不認(rèn)識(shí)你的圖片和flash。如果你非要使用漂亮的圖片來做導(dǎo)航的話，可以使用背景替換的方法。建議做一個(gè)導(dǎo)航菜單鏈接的xml文提交到搜索引擎。

2、不恰當(dāng)?shù)厥褂脠D片

為了網(wǎng)頁美觀，經(jīng)常會(huì)到處貼滿圖片，這樣做是不正確的，與內(nèi)容無關(guān)的圖片能少就少吧。我們可以把這些圖片做成容器的背景。

3、內(nèi)容里特殊字體的運(yùn)用

楷體很漂亮，草書也不遜色于宋體。但是不是所有人的電腦都安裝有這些字體。如果使用這些特殊字體的話，在別人的電腦里看到的網(wǎng)頁將會(huì)是不堪入目。

4、新窗口打開

設(shè)計(jì)者打開新窗口的本意是要讓用戶留在他的站點(diǎn)上。但是卻忽略了控制用戶的機(jī)器所帶來的負(fù)面效應(yīng)，這種策略恰恰弄巧成拙，因?yàn)楫?dāng)用戶想通過“后退”按鈕返回先前的站點(diǎn)時(shí)，已經(jīng)做不到了。用戶通常注意不到新窗口已經(jīng)被打開，尤其當(dāng)他們的顯示器很小，而窗口又正好是最大化時(shí)。因此，當(dāng)用戶想要返回原來的站點(diǎn)時(shí)，面對(duì)的卻只是一個(gè)不可用的灰色 “后退”按鈕。

5、無實(shí)際意義的特效

避免使用炫耀的技巧。這些特效對(duì)你的網(wǎng)頁沒有任何實(shí)際意義。

6、內(nèi)容滾動(dòng)

內(nèi)容滾動(dòng)可以在比較小的空間里展示比較多的內(nèi)容。這是它的一個(gè)好處。但內(nèi)容滾動(dòng)卻是弊大于利的。不是所有平臺(tái)和瀏覽器都支持滾動(dòng)的;在w3c看來，內(nèi)容滾動(dòng)會(huì)降低用戶體驗(yàn)。

7、用戶難以獲取自己想要的內(nèi)容

如果一個(gè)用戶訪問你的網(wǎng)站跟走入迷宮一樣，會(huì)有什么后果?聽說過3次點(diǎn)擊規(guī)則嗎?對(duì)于小型網(wǎng)站，在你的主頁上，沒有任何一條信息，需要點(diǎn)擊次數(shù)超過3次的。對(duì)于大型網(wǎng)站，使用導(dǎo)航和工具條來改善操作。

8、文件名命名不規(guī)范

不要忽視這一點(diǎn)，例如新聞頁面可以用：news.html，而不是類似2323123.html這樣的無規(guī)范的命名方式。使用規(guī)范的命名方式不僅有利于搜索引擎，而且有利于網(wǎng)站日后的維護(hù)管理。

9、長篇文章未設(shè)置分頁

長篇文章不分頁，會(huì)導(dǎo)致網(wǎng)頁加載速度慢，用戶閱讀疲勞。所以建議長篇文章設(shè)置分頁。

10、顏色搭配錯(cuò)誤，網(wǎng)頁難于閱讀

如無必要，你應(yīng)當(dāng)堅(jiān)持使用白色的背景和黑色的文本，另外還應(yīng)當(dāng)堅(jiān)持使用通用字體。

11、沒有返回指向

“返回指向”是網(wǎng)絡(luò)用戶的生命線，同時(shí)也是繼超文本連接后最常使用的導(dǎo)航特征。用戶可以隨意嘗試網(wǎng)頁所指向的任何地方，而只需點(diǎn)擊一兩次“返回”按鈕就可以回到先前的頁面。

12、顯眼的點(diǎn)擊計(jì)數(shù)器

不要輕易考慮在你的網(wǎng)站上放置一個(gè)醒目的點(diǎn)擊記數(shù)器。你設(shè)計(jì)網(wǎng)站是為了給訪問者提供服務(wù)，而不是推銷你自己認(rèn)為重要的東西。大多數(shù)瀏覽者認(rèn)為計(jì)數(shù)器毫無意義，它們很容易被做假，瀏覽者也不

想看廣告。如果你顯示你的網(wǎng)站是多么受歡迎，你最好提供一個(gè)鏈接，顯示訪問日志。

13、使用框架

與記數(shù)器一樣，框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上，在屏幕的左邊有一個(gè)框架。但是設(shè)計(jì)者立刻就發(fā)現(xiàn)，在使用框架時(shí)產(chǎn)生了許多的問題。使用框架時(shí)如果沒有17英寸的顯示屏幾乎不可能顯示整個(gè)網(wǎng)站?？蚣芤彩沟镁W(wǎng)站內(nèi)個(gè)人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網(wǎng)站。

14、不恰當(dāng)?shù)厥褂寐曇?/p>

聲音的運(yùn)用也應(yīng)得到警惕。內(nèi)聯(lián)聲音是網(wǎng)頁設(shè)計(jì)者的另一個(gè)禁地。因?yàn)檫^多地使用聲音會(huì)使下載速度很慢，同時(shí)并沒有帶給瀏覽者多少好處。首次聽到鼠標(biāo)發(fā)出聲音可能會(huì)很有趣，但是多次以后肯定會(huì)很煩人。使用聲音前，應(yīng)該仔細(xì)考慮聲音將會(huì)給你帶來什么。

15、兼容性不佳

你的網(wǎng)頁在1024下看得順眼么?那么換成1280看呢?不是所有人的顯示器都用同一種分辨率的。無論是誰，都無法做出所有分辨率下完美的網(wǎng)頁，但我們要做出能確保所有分辨率下不出錯(cuò)的網(wǎng)頁。還有兩點(diǎn)就是：不要以為只有電腦才能看網(wǎng)頁!不要以為世界上只有一種瀏覽器!

16、急于發(fā)布網(wǎng)站

網(wǎng)站沒有內(nèi)容、網(wǎng)站程序bug，這些問題解決后再發(fā)布吧。內(nèi)容較為充實(shí)、程序bug基本沒有的網(wǎng)站才會(huì)讓用戶流連。

17、發(fā)布網(wǎng)站后未登錄搜索引擎

有客戶問，是不是我的網(wǎng)站已發(fā)布就可以在百度搜到了?但是百度不是我家開的，也不是你家開的，你發(fā)布網(wǎng)站時(shí)百度他是不知道的。所以，你發(fā)布網(wǎng)站后要到各大搜索引擎的登錄口提交一下你的網(wǎng)站信息。

18、不留空白

注意留空白。不要用圖像、文本和不必要的動(dòng)畫gifs來充斥網(wǎng)頁，即使有足夠的空間，在設(shè)計(jì)時(shí)也應(yīng)該避免使用。

19、缺乏互動(dòng)性

讓用戶與網(wǎng)站能夠互動(dòng)，讓用戶與用戶之間能夠互動(dòng)。所以最少要有一個(gè)留言本，這能激勵(lì)訪問者再次回到你的網(wǎng)站，還有助于擴(kuò)充網(wǎng)站內(nèi)容。這個(gè)是極其重要的，web 2.0的核心思想。

20、存在死鏈

有死鏈的網(wǎng)站對(duì)對(duì)蛛蛛爬動(dòng)不順利，同時(shí)影響網(wǎng)站的正規(guī)性、虧損網(wǎng)站關(guān)鍵詞名次、虧損網(wǎng)站權(quán)重值，而且會(huì)造成不良好的用戶體驗(yàn)。