網頁設計中頁面尺寸標準

在剛開始進行美工設計的人,對網頁設計頁面尺寸一般多大,可能會有疑問。下面是小編爲大家整理的網頁設計中頁面尺寸標準,歡迎參考~

網頁設計中頁面尺寸標準

對於固定寬度的網站佈局,設計師常用的.分辨率有:760px、780px、920px、950px等,如今大尺寸、寬屏幕的顯示器越來越多,越來越普及,有些設計師也開始採用1000px、1003px這樣的分辨率。

頁面最大化、滿屏化的網站看着的確是舒服,但過高的分辨率在設計師顯示器上合適,並不代表在瀏覽者的顯示器上也合適。現在用的最多的分辨率還是1024*768,在這種分辨率下,含滾動條的頁面最大寬度應不超過994px,所以一般頁面寬度定位在990px以內比較適宜。

  這一講主要來說說網頁設計的標準尺寸

一、在800*600分辨率下,頁面寬度應在778px以內,這樣不會出現橫向滾動條,高度可以依據版面和內容而定。

二、在1024*768分辨率下,頁面寬度應在1003px以內,如果僅一屏顯示的頁面,高度在612px~615px之間,這樣橫向和縱向滾動條都不會出現。

三、在photoshop中做800*600分辨率下僅一屏的網頁時,尺寸可以設爲740*560左右。

頁面標準按800*600分辨率製作,尺寸爲778px*434px

頁面長度一般不要超過三屏,寬度不宜出現橫向滾動條爲宜

每個標準頁面爲A4幅面大小,即8.5*11英寸

全尺寸banner爲468px*60px,半尺寸banner爲234px*60px,小banner爲88px*31px

小圖標的標準尺寸還有120px*90px、120px*60px等

每個非首頁靜態頁面含圖片字節不超過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

以上幾種說法可能有點小的出入,大家可以探討一下。