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