一、什么是網站設計

網站設計是將策劃案中的內容、網站的主題模式，以及結合自己的認識通過藝術的手法表現出來；而網頁制作通常就是將網頁設計師所設計出來的設計稿，按照W3C規范用html（標準通用標記語言下的一個應用）將其制作成網頁格式。

二、網站設計的內容流程及注意事項

1、主頁：網站主頁是設計網站最先要考慮的到地方，主頁風格決定網站整體風格。主頁設計一般有兩種設計風格，橫向排版與縱向排版。

2、Banner：也叫網站輪播圖，一般尺寸建議在1920X500，輪播圖數量在4張左右，互相之間可以進行切換。

3、欄目頁：欄目頁的設計，根據網站主頁風格而定，整體上具有統一性。

4、詳情頁：詳情頁根據欄目頁的樣式進行設計，與之匹配。

三、網站設計流程

1、明確目的：明確企業網站建設目的，結合企業的定位，診斷網站現狀和行業市場競品表現，對企業受眾進行用戶研究和分析，確定網站的定位策略；

2、網站布局：根據網站目的進行網站整體架構設計，為不同需求設置有效、清晰的功能結構，并以用戶的良好體驗進行易用性布局和交互流程設計；

3、UI設計：以企業整體品牌形象建設需求為基礎，對網站整體頁面品牌識別風格創意，結合各功能板塊特點進行相關頁面設計并精細處理頁面中運用的各種圖標和圖片；

4、程序開發：為了保證網站運行的兼容性和安全性，以國際W3C標準HTML進行頁面的制作，并以具有安全保障、兼容性強、功能表現完善的技術進行后臺技術開發；

5、網站后臺開發：以客戶的品牌架構為基準，開發高效的網站后臺管理平臺，易于網站各版塊的日常更新維護，有效控制網站管理權限。

四、網站設計注意事項

網站設計，是一項系統化工程，下面廣州網站建設小編就給大家講一下網站設計是常犯的一些錯誤。

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

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

2、不恰當地使用圖片

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

3、內容里特殊字體的運用

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

4、新窗口打開

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

5、無實際意義的特效

避免使用炫耀的技巧。這些特效對你的網頁沒有任何實際意義。

6、內容滾動

內容滾動可以在比較小的空間里展示比較多的內容。這是它的一個好處。但內容滾動卻是弊大于利的。不是所有平臺和瀏覽器都支持滾動的;在w3c看來，內容滾動會降低用戶體驗。

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

如果一個用戶訪問你的網站跟走入迷宮一樣，會有什么后果?聽說過3次點擊規則嗎?對于小型網站，在你的主頁上，沒有任何一條信息，需要點擊次數超過3次的。對于大型網站，使用導航和工具條來改善操作。

8、文件名命名不規范

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

9、長篇文章未設置分頁

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

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

如無必要，你應當堅持使用白色的背景和黑色的文本，另外還應當堅持使用通用字體。

11、沒有返回指向

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

12、顯眼的點擊計數器

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

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

13、使用框架

與記數器一樣，框架在網頁上越來越流行。在大多數網站上，在屏幕的左邊有一個框架。但是設計者立刻就發現，在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網站。

14、不恰當地使用聲音

聲音的運用也應得到警惕。內聯聲音是網頁設計者的另一個禁地。因為過多地使用聲音會使下載速度很慢，同時并沒有帶給瀏覽者多少好處。首次聽到鼠標發出聲音可能會很有趣，但是多次以后肯定會很煩人。使用聲音前，應該仔細考慮聲音將會給你帶來什么。

15、兼容性不佳

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

16、急于發布網站

網站沒有內容、網站程序bug，這些問題解決后再發布吧。內容較為充實、程序bug基本沒有的網站才會讓用戶流連。

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

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

18、不留空白

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

19、缺乏互動性

讓用戶與網站能夠互動，讓用戶與用戶之間能夠互動。所以最少要有一個留言本，這能激勵訪問者再次回到你的網站，還有助于擴充網站內容。這個是極其重要的，web 2.0的核心思想。

20、存在死鏈

有死鏈的網站對對蛛蛛爬動不順利，同時影響網站的正規性、虧損網站關鍵詞名次、虧損網站權重值，而且會造成不良好的用戶體驗。