- 相關(guān)推薦
網(wǎng)頁(yè)設(shè)計(jì)的尺寸規(guī)范
許多的網(wǎng)頁(yè)設(shè)計(jì)在進(jìn)行網(wǎng)頁(yè)布局設(shè)計(jì)時(shí)，進(jìn)行界面網(wǎng)頁(yè)的寬度尺寸設(shè)計(jì)都比較迷茫，800*600尺寸及1024*768尺寸的分辨率下，網(wǎng)頁(yè)應(yīng)該設(shè)計(jì)為多少像素才合適呢?面是小編為大家整理的網(wǎng)頁(yè)設(shè)計(jì)的尺寸規(guī)范，歡迎參考~
網(wǎng)頁(yè)設(shè)計(jì)的尺寸規(guī)范
網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸:
1、800*600下，網(wǎng)頁(yè)寬度保持在778以?xún)?nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定。
2、1024*768下，網(wǎng)頁(yè)寬度保持在1002以?xún)?nèi)，如果滿(mǎn)框顯示的話(huà),高度是612-615之間.就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。(在dw里面有設(shè)定好的標(biāo)準(zhǔn)值, 1024*768頁(yè)面的標(biāo)準(zhǔn)大小是955*600,照著它的尺寸做就行了)
3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏，頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右
4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)閃EB上面只用到256WEB安全色，而PS中的`RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會(huì)有失色的現(xiàn)象.
頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px
頁(yè)面長(zhǎng)度原則上不超過(guò)3屏，寬度不超過(guò)1屏
每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px
另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸
每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60K，全尺寸banner不超過(guò)14K
標(biāo)準(zhǔn)網(wǎng)頁(yè)廣告尺寸規(guī)格
1、120*120，這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽?/p>
2、120*60，這種廣告規(guī)格主要用于做LOGO使用。
3、120*90，主要應(yīng)用于產(chǎn)品演示或大型LOGO。
4、125*125，這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。
5、234*60，這種規(guī)格適用于框架或左右形式主頁(yè)的廣告鏈接。
6、392*72，主要用于有較多圖片展示的廣告條，用于頁(yè)眉或頁(yè)腳。
7、468*60，應(yīng)用最為廣泛的廣告條尺寸，用于頁(yè)眉或頁(yè)腳。
8、88*31，主要用于網(wǎng)頁(yè)鏈接，或網(wǎng)站小型LOGO。
| 廣告形式 | 像素大小 | 最大尺寸 | 備注 |
| BUTTON | 120*60(必須用gif) 215*50(必須用gif) | 7K 7K | |
| 通欄 | 760*100 430*50 | 25K 15K | 靜態(tài)圖片或減少運(yùn)動(dòng)效果 |
| 超級(jí)通欄 | 760*100 to 760*200 | 共40K | 靜態(tài)圖片或減少運(yùn)動(dòng)效果 |
| 巨幅廣告 | 336*280 585*120 | 35K | |
| 豎邊廣告 | 130*300 | 25K | |
| 全屏廣告 | 800*600 | 40K | 必須為靜態(tài)圖片，F(xiàn)LASH格式 |
| 圖文混排 | 各頻道不同 | 15K | |
| 彈出窗口 | 400*300(盡量用gif) | 40K | |
| BANNER | 468*60(盡量用gif) | 18K | |
| 懸停按鈕 | 80*80(必須用gif) | 7K | |
| 流媒體 | 300*200（可做不規(guī)則形狀但尺寸不能超過(guò)300*200） | 30K | 播放時(shí)間 小于5秒60幀(1秒/12幀) |
網(wǎng)頁(yè)中的廣告尺寸
1、首頁(yè)右上，尺寸120*60
2、首頁(yè)頂部通欄，尺寸468*60
3、首頁(yè)頂部通欄，尺寸760*60
4、首頁(yè)中部通欄，尺寸580*60
5、內(nèi)頁(yè)頂部通欄，尺寸468*60
6、內(nèi)頁(yè)頂部通欄，尺寸760*60
7、內(nèi)頁(yè)左上，尺寸150*60或300*300
8、下載地址頁(yè)面，尺寸560*60或468*60
9、內(nèi)頁(yè)底部通欄，尺寸760*60
10、左漂浮，尺寸80*80或100*100
11、右漂浮，尺寸80*80或100*100
IAB和EIAA發(fā)布新的網(wǎng)絡(luò)廣告尺寸標(biāo)準(zhǔn)
在這6種格式中，除了去年iab發(fā)布的4種“通用廣告包”中的格式：160x600, 300x250, 180x150及728x90，還包括新公布的468x60 和120x600(擎天柱)2種。
【網(wǎng)頁(yè)設(shè)計(jì)的尺寸規(guī)范】相關(guān)文章：
移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)的尺寸07-04
[轉(zhuǎn)]網(wǎng)頁(yè)寬度Web頁(yè)面設(shè)計(jì)規(guī)范07-10
flash網(wǎng)頁(yè)制作規(guī)范07-03
平面設(shè)計(jì)尺寸07-13
使用Dreamweaver制作網(wǎng)頁(yè)常用尺寸有哪些07-14
網(wǎng)頁(yè)的柵格設(shè)計(jì)思考-網(wǎng)頁(yè)設(shè)計(jì)教程07-14
平面設(shè)計(jì)常用尺寸07-14
平面設(shè)計(jì)常用制作尺寸07-14