tft每日頭條

 > 生活

 > 網頁設計簡單步驟講解

網頁設計簡單步驟講解

生活 更新时间:2025-01-30 04:44:30

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設計吧。

注意:這裡說的是設計網頁,不是制作網頁。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved