首先，大家要先知道，什么是網頁設計，很多人會說，網頁設計不就是文字和圖片的組合嗎？沒錯，網頁中包括文字、圖片、視頻等元素，但是僅僅把這些元素排在一起就是網頁了嘛，顯然不是。

網頁設計其實是一個感性思考與理性分析相結合的過程，對設計師自身的美感以及對版面的把握都有較高的要求。經過這幾年網頁設計的經驗，總結了以下幾點，供大家參考。

網頁設計的尺寸

網頁設計的版面尺寸沒有固定的標準，和顯示器的大小以及分辨率有關，設計的時候要考慮多種分辨率的情況，一般將寬度設置在768像素以內，就不會出現水平滾動條，高度則視版面和內容而定。例如，在分辨率為1440*768像素情況下，將網頁內容保持在1002像素以內的話，高度在612-615像素之間，就不會出現滾動條和垂直滾動條了。

2. 網頁設計的程序

很多小伙伴們一拿到產品經理的原型之后，就開始百度各種設計素材，開始拼素材之旅，照著原型開始設計界面，也許你能夠拼湊出領導滿意的界面，但是你永遠都不會進步，永遠都只是個美工，而成為不了真正的UI設計師。拼素材，首先不說版權問題，就看各類網站千篇一律的素材，你即使再怎么努力排版設計，都設計不出真正“高大上”的界面。素材問題后面的設計文章會另外跟大家分享自己素材創作的經驗。

今天要跟大家說的是網頁設計的程序，沒有程序，你的設計將會雜亂無章，無從下手

第一：分析定位

這一階段根據網站的性質來確定設計風格，確定設計思路，比如你要設計的是汽車網站，汽車給人的感覺是動感，時尚，而你設計成可愛風格，對不起 ，那你就準備定加班餐吧- -

第二：設計構思

這一階段根據客戶所提供的圖片，文字、視頻等內容進行大致位置規劃，也就是設計布局。基本類型有滿版型、分割性、曲線形、對稱性等，可以根據不同網站的行業屬性、進行選擇（PS：網站的版式布局后續會跟大家一起分享）

第三：方案設計階段

這一階段，往往會暴露出很多問題，要逐一分析解決，結合版面色彩，構圖等元素綜合考慮，制作出稿件，供客戶審核。

為了保證整個網站風格的統一，需要盡可能將logo放在每個頁面上最突出的位置，要突出你的標注顏色，要有一句反映主題的宣傳口號，相同類型的圖片要做統一的效果處理，例如在網站出現的標題都有描邊投影效果，其他頁面都應該是一致的。

色彩搭配方面，為了使版面統一在一種色彩上，通過調整明度，純度，以形成豐富的層次感；或者選擇兩個具有對比效果的顏色，形成視覺沖擊。總之，要使整個網站保持統一的色彩感覺。