一、靜態(tài)建設網(wǎng)頁(yè)整體尺寸規范
基礎分辨率標準
800×600分辨率下,網(wǎng)站網(wǎng)站頁(yè)面寬度建議為760-780像素,設計長(cháng)度不超過(guò)3屏(約2400-3600像素)??
1024×768及??以上分辨率下,制作寬度控制在98??0-1004像素,模塊高度通常為600-635像素(單屏顯示)
實(shí)際開(kāi)發(fā)中,尺寸800×600分辨率頁(yè)面(mian)設計時(shí)需預留居中布局空間
響應式設計建議
現代網(wǎng)頁(yè)建議采用響應式設計,標準寬度上限為1000像素,靜態(tài)建設避免大屏幕設備出現擁擠感
二、網(wǎng)站網(wǎng)站常見(jiàn)模塊尺寸規范
Banner尺寸
全尺寸??:468×60像素(頁(yè)眉/頁(yè)腳)
半尺寸:234×60像素
小尺寸:88×31像素
圖標與小元素
常見(jiàn)尺寸:120×90、設計120×60、制作88×31像素
特殊場(chǎng)景:234×60像素(左右框架廣告)
圖片尺寸
廣告圖:120×120(產(chǎn)品展示)、尺寸125×125(照片效果)等
三、標準注意事項
分(fen)辨率與顯示(′?_?`)適配
設計時(shí)采用72像素/英寸畫(huà)布(bu)(如1920×1080),靜態(tài)建設但網(wǎng)頁(yè)顯示區域通常限(xian)制在996-1000像素內
色彩模式需轉換為Web標準色(25ヾ(′ω`)?6色域),避免P??S中的RGB色彩失真
3屏以?xún)龋s2400-3600像素)可避免(╬?益?)用戶(hù)滾動(dòng),單屏內容建議控制在600-800像素高度
實(shí)際案例參考
A4紙大?。?.5×11英寸)可作為頁(yè)面布局的參考標準
(作者:百度優(yōu)化)