• EN
香港:(852)3749 9734
廣州: (020) 3808 3267
[email protected]

新聞資料

網頁設計在各種分辨率下的標準尺寸

許多的網頁設計在進行網頁布局設計時,進行界面網頁的寬度尺寸設計都比較迷茫,800*600尺寸及1024*768尺寸的分辨率下,網頁應該設計為多少像素才合適呢?太寬就會出現水平滾動條了,下面我們就網頁設計的標準尺寸進行講解. 
 
網頁設計標準尺寸: 
 
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。 
2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。 
3、在ps裏面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右 
4、在PS裏做的圖到了網上就不壹樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色範圍很廣,所以自然會有失色的現象. 
頁面標準按800*600分辨率制作,實際尺寸為778*434px 
頁面長度原則上不超過3屏,寬度不超過1屏 
每個標準頁面為A4幅面大小,即8.5X11英寸 
全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px 
另外120*90,120*60也是小圖標的標準尺寸 
每個非首頁靜態頁面含圖片字節不超過60K,全尺寸banner不超過14K 
 
標準網頁廣告尺寸規格 
 
1、120*120,這種廣告規格適用於產品或新聞照片展示。 
2、120*60,這種廣告規格主要用於做LOGO使用。 
3、120*90,主要應用於產品演示或大型LOGO。 
4、125*125,這種規格適於表現照片效果的圖像廣告。 
5、234*60,這種規格適用於框架或左右形式主頁的廣告鏈接。 
6、392*72,主要用於有較多圖片展示的廣告條,用於頁眉或頁腳。 
7、468*60,應用最為廣泛的廣告條尺寸,用於頁眉或頁腳。 
8、88*31,主要用於網頁鏈接,或網站小型LOGO。 
 
廣告形式 像素大小 最大尺寸 備註 
 
BUTTON 120*60(必須用gif) 7K 
215*50(必須用gif) 7K 
通欄 760*100 25K 靜態圖片或減少運動效果 
430*50 15K 
超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果 
巨幅廣告 336*280 35K 
585*120 
豎邊廣告 130*300 25K 
全屏廣告 800*600 40K 必須為靜態圖片,FLASH格式 
圖文混排 各頻道不同 15K 
彈出窗口 400*300(盡量用gif) 40K 
BANNER 468*60(盡量用gif) 18K 
懸停按鈕 80*80(必須用gif) 7K 
流媒體 300*200(可做不規則形狀但尺寸不能超過300*200) 30K 播放時間 小於5秒60幀(1秒/12幀) 
 
網頁中的廣告尺寸 
 
1.首頁右上,尺寸120*60 2.首頁頂部通欄,尺寸468*60 3.首頁頂部通欄,尺寸760*60 
4.首頁中部通欄,尺寸580*60 5.內頁頂部通欄,尺寸468*60 6.內頁頂部通欄,尺寸760*60 
7.內頁左上,尺寸150*60或300*300 8.下載地址頁面,尺寸560*60或468*60 
9.內頁底部通欄,尺寸760*60 10.左漂浮,尺寸80*80或100*100 
11.右漂浮,尺寸80*80或100*100以上幾種說法可能有點小的出入,大家可以探討壹下。 
 
 
IAB和EIAA發布新的網絡廣告尺寸標準 
在這6種格式中,除了去年iab發布的4種“通用廣告包”中的格式:160x600, 300x250, 180x150及728x90,還包括新公布的468x60 和120x600(擎天柱)2種。
 
網頁頁面尺寸壹般設置多大才合適
網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出壹塊畫版來.這樣才能方便設計. 
 
網頁的尺寸受限於兩個因素:壹個是顯示器屏幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另壹個是瀏覽器軟件,就是我們常用的IE,遨遊,Friefox等. 
 
高度: 
 
高度是可以向下延展的,所以壹般對高度不限制. 對於壹屏來說,壹般沒有壹個固定值,因為每個人的瀏覽器的工具欄不同,我見過有的瀏覽器工具欄被插件占了半個屏幕,所以高度沒有確切值。 
 
寬度: 
 
1、在IE6.0下,寬度為顯示器分辨率減21,比如1024的寬度-21就變成1003。但值得註意的是IE6.0(或更低)無論妳的網頁多高都會有右側的滾動條框。 
 
2、在Firefox下,寬度的分率辨減19。比如1024的寬度-19就變成1005 
 
3、在Opear下,寬度的分率辨減23。比如1024的寬度-23就變成1001 
 
註:Firefox或Opear在內容少於瀏覽器高度時不顯示右側滾動條。 
 
所以如果是1024的分辨率,妳的網頁不如設成1000安全壹點。設成900兩側空白更大,視覺上更舒服壹點.也方便做壹些浮動層的設計. 
 
如果是800的分辨率壹般都設成770。但也有設成760的. 
 
這些需要明白並且牢記,不然很可能做出來不符合瀏覽器要求,不過壹般我們都回設定的再稍微小壹點,應為有些瀏覽器加了插件或者其他的東西寬度會有變化所以 800的分辨率壹般設定760左右,1024的設定990左右. 
 
網頁設計標準尺寸: 
 
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。 
 
2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。 
 
3、在ps裏面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右 
 
4、在PS裏做的圖到了網上就不壹樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色範圍很廣,所以自然會有失色的現象. 
 
頁面標準按800*600分辨率制作,實際尺寸為778*434px 
 
頁面長度原則上不超過3屏,寬度不超過1屏 
 
每個標準頁面為A4幅面大小,即8.5X11英寸 
 
全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px 
 
另外120*90,120*60也是小圖標的標準尺寸 
 
每個非首頁靜態頁面含圖片字節不超過60K,全尺寸banner不超過14K 
 
標準網頁廣告尺寸規格 
 
1、120*120,這種廣告規格適用於產品或新聞照片展示。 
 
2、120*60,這種廣告規格主要用於做LOGO使用。 
 
3、120*90,主要應用於產品演示或大型LOGO。 
 
4、125*125,這種規格適於表現照片效果的圖像廣告。 
 
5、234*60,這種規格適用於框架或左右形式主頁的廣告鏈接。 
 
6、392*72,主要用於有較多圖片展示的廣告條,用於頁眉或頁腳。 
 
7、468*60,應用最為廣泛的廣告條尺寸,用於頁眉或頁腳。 
 
8、88*31,主要用於網頁鏈接,或網站小型LOGO。 
 
廣告形式 像素大小 最大尺寸 備註 
 
BUTTON 120*60(必須用gif) 7K 
 
215*50(必須用gif) 7K 
 
通欄 760*100 25K 靜態圖片或減少運動效果 
 
430*50 15K 
 
超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果 
 
巨幅廣告 336*280 35K 
 
585*120 
 
豎邊廣告 130*300 25K 
 
全屏廣告 800*600 40K 必須為靜態圖片,FLASH格式 
 
圖文混排 各頻道不同 15K 
 
彈出窗口 400*300(盡量用gif) 40K 
 
BANNER 468*60(盡量用gif) 18K 
 
懸停按鈕 80*80(必須用gif) 7K 
 
流媒體 300*200(可做不規則形狀但尺寸不能超過300*200) 30K 播放時間 小於5秒60幀(1秒/12幀) 
 
網頁中的廣告尺寸 
 
1.首頁右上,尺寸120*60 
 
2.首頁頂部通欄,尺寸468*60 
 
3.首頁頂部通欄,尺寸760*60 
 
4.首頁中部通欄,尺寸580*60 
 
5.內頁頂部通欄,尺寸468*60 
 
6.內頁頂部通欄,尺寸760*60 
 
7.內頁左上,尺寸150*60或300*300 
 
8.下載地址頁面,尺寸560*60或468*60 
 
9.內頁底部通欄,尺寸760*60 
 
10.左漂浮,尺寸80*80或100*100 
 
11.右漂浮,尺寸80*80或100*100