PC網頁設計尺寸規范

PC網頁設計尺寸規范

　　引導語：網頁的設計尺寸需要考慮瀏覽器的版本兼容性問題，以下是小編整理的網頁設計基本尺寸規范，歡迎參考閱讀!

　　固定的內容：

　　1.PS中設計分辨率為：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.系統分辨率統計

　　三、設計文檔大小

　　1.PS中新建文檔寬要大于主體設計內容的寬度（目的為了表現設計意圖，展示背景效果，左右寬度最少200px）

　　2.設計到通欄大圖片新建文檔的寬度：1920px，所有的設計文檔寬1920px主體內容根據具體情況而定（主體內容要是想要適應所有用戶必須低于1000px）

　　網頁設計的設計階段

　　網站伴隨著網絡的快速發展而快速興起，作為上網的主要依托，由于人們使用網絡的頻繁而變得非常的重要。由于企業需要通過網站呈現產品、服務、理念、文化，或向大眾提供某種功能服務。因此網頁設計必須首先明確設計站點的目的和用戶的需求，從而做出切實可行的設計方案。

　　專業的網頁設計，需要經歷以下幾個階段：

　　需要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析，從而建立起營銷模型。

　　以業務目標為中心進行功能策劃，制作出欄目結構關系圖。

　　以滿足用戶體驗設計為目標，使用axure rp或同類軟件進行頁面策劃，制作出交互用例。

　　以頁面精美化設計為目標，使用PS、AI等軟件，調整，使用更合理的顏色、字體、圖片、樣式進行頁面設計美化。

　　根據用戶反饋，進行頁面設計調整，以達到最優效果。

【PC網頁設計尺寸規范】相關文章：