網頁設計簡單步驟講解-tft每日頭條

1.跟客戶粑粑多聊多問，知道客戶粑粑的需求，當然，他有理想的參考網站那是最好的，可以省去很多力氣。

網頁設計簡單步驟講解（看完這7條就能學會）1

2.你要知道固定尺寸，比如說：pc端網頁需求常用尺寸：一般常用1920px，1440px，1366px，1280px，1200px，1136px，1080px等尺寸吧，為什麼會有這樣的尺寸呢，因為要适應不同的廠家生産的顯示器的正常尺寸，台式機常規尺寸一般在1920px，筆記本可能就1440px-1080px之間了，所以設計網頁首先考慮的就是适應不同顯示器尺寸，尺寸适應越好，說明兼容越好，設計可以說是越成功。

網頁設計簡單步驟講解（看完這7條就能學會）2

3.除了pc端以外，考慮第第二個适應就是移動端的尺寸，常用尺寸是：340px，640px，720px，1080px，這個根據甲方對圖片與浏覽速度需求做出适當選擇，舉例：640px常規網站占用開啟速度可能是0.5秒全開，因為640px的網站本身比較小，所以打開速度快，客戶使用友好，但是分辨率低了，客戶視覺感就差，設計1080px打開速度就慢，可能1.5秒，客戶體驗感就相對差，但分辨率高，客戶視覺效果就會好。

網頁設計簡單步驟講解（看完這7條就能學會）3

4.上面兩個考慮好了以後，考慮字體大小以及顔色，如何能讓字體舒适的展示給客戶，這裡提出一個參考，pc端建議字體大小12-18px之間，移動端參考640px尺寸的字體大小建議18px-26px之間，顔色反差盡量不要太大，因為顔色反差大了不适合人的正常閱讀。

5.上面三個考慮好了以後，需要知道客戶粑粑是做哪種網站，常規就三種，企業展示站（企業裡用的對外展示的），信息站（58，趕集那種的），商城站（一般小程序做得較多，網站也有搞得，你可以理解為做一個新的淘寶站）。

網頁設計簡單步驟講解（看完這7條就能學會）4

6.首先是考慮導航欄，做什麼樣的站去參考類似站的導航欄是什麼樣子的，如果這裡參考别人都不會，建議停下來看會教程吧。

7.其次是做banner/輪播圖，每個網站都需要做輪播圖，甭管是打廣告還是什麼，banner都是必不可少的，這個地方搞不了，去學ui設計吧。

注意：這裡說的是設計網頁，不是制作網頁。