由
于頁(yè)面尺寸和顯示器大小及分辨率有關(guān)系,網(wǎng)頁(yè)的局限性就在于你無法突破顯示器的范圍,而且因?yàn)闉g覽器也將占去不少空間,留下給你的頁(yè)面范圍變得越來越小。
一般分辨率在800x600的情況下,頁(yè)面的顯示尺寸為:780x428個(gè)象素;分辨率在640x480的情況下,頁(yè)面的顯示尺寸為:620X311個(gè)象
素;分辨率在1024X768的情況下,頁(yè)面的顯示尺寸為:1007x600。從以上數(shù)據(jù)可以看出,分辨率越高頁(yè)面尺寸越大。
瀏覽器的工具欄也是影響頁(yè)面尺寸的原因。一般目前的瀏覽器的工具欄都可以取消或者增加,那么當(dāng)你顯示全部的工具欄時(shí),和關(guān)閉全部工具欄時(shí),頁(yè)面的尺寸是不一樣的。
在網(wǎng)頁(yè)設(shè)計(jì)過程中,向下拖動(dòng)頁(yè)面是惟一給網(wǎng)頁(yè)增加更多內(nèi)容(尺寸)的方法。但我想提醒大家除非你能肯定站點(diǎn)的內(nèi)容能吸引大家拖動(dòng),否則不要讓訪問者拖動(dòng)頁(yè)面超過三屏。如果需要在同一頁(yè)面顯示超過三屏的內(nèi)容,那么你最好能在上面做上頁(yè)面內(nèi)部連接,方便訪問者瀏覽。
1、800*600下,網(wǎng)頁(yè)寬度保持在778以內(nèi),就不會(huì)出現(xiàn)水平滾動(dòng)條,高度則視版面和內(nèi)容決定。
2、1024*768下,網(wǎng)頁(yè)寬度保持在1002以內(nèi),就不會(huì)出現(xiàn)水平滾動(dòng)條,高度則視版面和內(nèi)決定。
3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏,頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條,尺寸為740*560左右
4、在PS里做的圖到了網(wǎng)上就不一樣了,顏色等等方面,因?yàn)椋祝牛律厦嬷挥玫剑玻担叮祝牛掳踩校又械模遥牵禄蛘撸茫停伲艘约埃蹋粒禄蛘撸龋樱碌纳蚝軐掝伾秶軓V,所以自然會(huì)有失色的現(xiàn)象
5、1024*768 下網(wǎng)頁(yè)的尺寸:width=955,height=600
800*600 下網(wǎng)頁(yè)的尺寸:width=760,height=420
一般分辨率在800x600的情況下,頁(yè)面的顯示尺寸為:780x428個(gè)象素;
分辨率在640x480的情況下,頁(yè)面的顯示尺寸為:620X311個(gè)象素;
分辨率在1024X768的情況下,頁(yè)面的顯示尺寸為:1007x600
頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作,實(shí)際尺寸為778*434px,頁(yè)面長(zhǎng)度原則上不超過3屏,寬度不超過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é)不超過60K,全尺寸banner不超過14K
468*60 全尺寸BANNER
392*72 全尺寸帶導(dǎo)航條BANNER
234*60 半尺寸BANNER
125*125 方形按鈕
120*90 按鈕#1
120*60 按鈕#2
88*31 小按鈕
120*240 垂直BANNER
當(dāng)然這只是一般意義的對(duì)訪問者比較友好的設(shè)置,很多設(shè)計(jì)型的頁(yè)面并不是按照這個(gè)尺寸,正所謂藝高人膽大嘛,只要記住一條,站在用戶的角度去想,明白自己所設(shè)置的尺寸在顯示器里的大概樣子就可以了。法終究是無定法的。
1、800*600下,網(wǎng)頁(yè)寬度保持在778以內(nèi),就不會(huì)出現(xiàn)水平滾動(dòng)條,高度則視版面和內(nèi)容決定。
2、1024*768下,網(wǎng)頁(yè)寬度保持在1002以內(nèi),如果滿框顯示的話,高度是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)椋祝牛律厦嬷挥玫剑玻担叮祝牛掳踩?,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會(huì)有失色的現(xiàn)象.
頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作,實(shí)際尺寸為778*434px
頁(yè)面長(zhǎng)度原則上不超過3屏,寬度不超過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é)不超過60K,全尺寸banner不超過14K
標(biāo)準(zhǔn)網(wǎng)頁(yè)廣告尺寸規(guī)格
一、120*120,這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽?br>二、120*60,這種廣告規(guī)格主要用于做LOGO使用。
三、120*90,主要應(yīng)用于產(chǎn)品演示或大型LOGO。
四、125*125,這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。
五、234*60,這種規(guī)格適用于框架或左右形式主頁(yè)的廣告鏈接。
六、392*72,主要用于有較多圖片展示的廣告條,用于頁(yè)眉或頁(yè)腳。
七、468*60,應(yīng)用最為廣泛的廣告條尺寸,用于頁(yè)眉或頁(yè)腳。
八、88*31,主要用于網(wǎng)頁(yè)鏈接,或網(wǎng)站小型LOGO。
廣告形式 像素大小 最大尺寸 備注
BUTTON 120*60(必須用gif) 7K
215*50(必須用gif) 7K
通欄 760*100 25K 靜態(tài)圖片或減少運(yùn)動(dòng)效果
430*50 15K
超級(jí)通欄 760*100 to 760*200 共40K 靜態(tài)圖片或減少運(yùn)動(dòng)效果
巨幅廣告 336*280 35K
585*120
豎邊廣告 130*300 25K
全屏廣告 800*600 40K 必須為靜態(tài)圖片,F(xiàn)LASH格式
彈出窗口 400*300(盡量用gif) 40K
BANNER 468*60(盡量用gif) 18K
懸停按鈕 80*80(必須用gif) 7K
流媒體 300*200(可做不規(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
以上幾種說法可能有點(diǎn)小的出入,大家可以探討一下。
IAB和EIAA發(fā)布新的網(wǎng)絡(luò)廣告尺寸標(biāo)準(zhǔn)
在這6種格式中,除了去年iab發(fā)布的4種“通用廣告包”中的格式:160x600, 300x250, 180x150及728x90,還包括新公布的468x60 和120x600(擎天柱)2種。