網站尺寸設計總結

來源:文萃谷 2.71W

網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計.下面一起跟着小編來學習一下網站尺寸設計總結吧!

網站尺寸設計總結

網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以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之間.就不會出現水平滾動條和垂直滾動條。(在dw裏面有設定好的標準值,1024*768頁面的標準大小是955*600,照着它的尺寸做就行了)

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。

廣告形式像素大小最大尺寸備註

BUTTON120*60(必須用gif)

215*50(必須用gif)7K

7K

通欄760*100

430*5025K

15K靜態圖片或減少運動效果

超級通欄760*100to760*200共40K靜態圖片或減少運動效果

巨幅廣告336*280

585*12035K

豎邊廣告130*30025K

全屏廣告800*60040K必須為靜態圖片,FLASH格式

圖文混排各頻道不同15K

彈出窗口400*300(儘量用gif)40K

BANNER468*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種“通用廣告包”中的格式:160×600,300×250,180×150及728×90,還包括新公佈的468×60和120×600(擎天柱)2種。

  英文字體

isTechnik(活潑)

enschweiler(肅穆)

icianSample(流暢)

antzite(莊重)

artziteOutLine(襯托)

l(作特殊英文字體以示區別)

  中文字體

1.宋體

2.黑體

3.方正大標宋簡體

4.方正大黑簡體

5.華文行楷

6.文鼎大標宋簡

7.文鼎粗圓簡

8.文鼎特粗宋簡

9.文鼎特粗圓簡

10.文鼎特圓簡

11.文鼎新藝體簡

12.方正粗倩體

熱門標籤