PC網頁設計尺寸規範
來源:文萃谷 1.6W
引導語:網頁的設計尺寸需要考慮瀏覽器的版本兼容性問題,以下是小編整理的網頁設計基本尺寸規範,歡迎參考閲讀!
固定的內容:中設計分辨率為:72像素/英尺(圖片質量的像素點)
2.顏色模式RGB 8位(顯示器的三原色紅,綠,藍為RGB)
不固定的內容:一.網頁背景
a.純色背景平鋪(自適應瀏覽器)
b.漸變色或底紋平鋪背景(自適應瀏覽器)
目前網頁設計中都會做通欄大圖,以方便吸引客户,增加網站整體美觀
c.通欄大圖
二.屏幕分辨率
1.標準分辨率:1024px*768px(目前10%-20%的`用户在用)
主體設計內容寬度:1000px(常用寬度:960px,1170px,980px,1100px,1200px)
首屏高度大約在700px
2.常用分辨率:1280px*768px
主體設計內容寬度:1200px(常用寬度:1190px,1170px,1100px,1200px)
首屏高約:750px
3.系統分辨率統計
三.設計文檔大小
中新建文檔寬要大於主體設計內容的寬度(目的為了表現設計意圖,展示背景效果,左右寬度最少200px)
2.設計到通欄大圖片新建文檔的寬度:1920px,所有的設計文檔寬1920px主體內容根據具體情況而定(主體內容要是想要適應所有用户必須低於1000px)
四.主流瀏覽器的界面參數與份額