- 相關推薦
PC網(wǎng)頁設計尺寸規(guī)范
引導語:網(wǎng)頁的設計尺寸需要考慮瀏覽器的版本兼容性問題,以下是小編整理的網(wǎng)頁設計基本尺寸規(guī)范,歡迎參考閱讀!
固定的內容:
1.PS中設計分辨率為:72像素/英尺(圖片質量的像素點)
2.顏色模式RGB 8位(顯示器的三原色紅,綠,藍為RGB)
不固定的內容:
一、網(wǎng)頁背景
a.純色背景平鋪(自適應瀏覽器)
b.漸變色或底紋平鋪背景(自適應瀏覽器)
目前網(wǎng)頁設計中都會做通欄大圖,以方便吸引客戶,增加網(wǎng)站整體美觀
c.通欄大圖
二、屏幕分辨率
1.標準分辨率:1024px*768px(目前10%-20%的用戶在用)
主體設計內容寬度:1000px(常用寬度:960px,1170px,980px,1100px,1200px)
首屏高度大約在700px
2.常用分辨率:1280px*768px
主體設計內容寬度:1200px(常用寬度:1190px,1170px,1100px,1200px)
首屏高約:750px
3.系統(tǒng)分辨率統(tǒng)計
三、設計文檔大小
1.PS中新建文檔寬要大于主體設計內容的寬度(目的為了表現(xiàn)設計意圖,展示背景效果,左右寬度最少200px)
2.設計到通欄大圖片新建文檔的寬度:1920px,所有的設計文檔寬1920px主體內容根據(jù)具體情況而定(主體內容要是想要適應所有用戶必須低于1000px)
網(wǎng)頁設計的設計階段
網(wǎng)站伴隨著網(wǎng)絡的快速發(fā)展而快速興起,作為上網(wǎng)的主要依托,由于人們使用網(wǎng)絡的頻繁而變得非常的重要。由于企業(yè)需要通過網(wǎng)站呈現(xiàn)產(chǎn)品、服務、理念、文化,或向大眾提供某種功能服務。因此網(wǎng)頁設計必須首先明確設計站點的目的和用戶的需求,從而做出切實可行的設計方案。
專業(yè)的網(wǎng)頁設計,需要經(jīng)歷以下幾個階段:
需要根據(jù)消費者的需求、市場的狀況、企業(yè)自身的情況等進行綜合分析,從而建立起營銷模型。
以業(yè)務目標為中心進行功能策劃,制作出欄目結構關系圖。
以滿足用戶體驗設計為目標,使用axure rp或同類軟件進行頁面策劃,制作出交互用例。
以頁面精美化設計為目標,使用PS、AI等軟件,調整,使用更合理的顏色、字體、圖片、樣式進行頁面設計美化。
根據(jù)用戶反饋,進行頁面設計調整,以達到最優(yōu)效果。
【PC網(wǎng)頁設計尺寸規(guī)范】相關文章:
網(wǎng)頁設計尺寸規(guī)范08-31
網(wǎng)頁設計的尺寸規(guī)范11-02
PC網(wǎng)頁設計規(guī)范08-31
網(wǎng)頁設計的標準尺寸09-18
網(wǎng)頁設計標準的尺寸08-23
網(wǎng)頁設計的頁面尺寸標準09-15
網(wǎng)頁設計常用尺寸大小08-05
網(wǎng)頁設計頁面尺寸的標準大小07-08
移動端網(wǎng)頁設計尺寸標準09-25