2013年7月1日星期一

多少圖元才合適 網頁設計標準尺寸大講解

    許多的網頁設計在進行網頁佈局設計時,進行介面網頁的寬度尺寸設計都比較迷茫,800*600尺寸及1024*768尺寸的解析度下,Web Design應該為多少圖元才合適呢?太寬就會出現水準捲軸了,下麵我們就網頁設計的標準尺寸進行講解。
網頁設計標準尺寸:
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
標準Web Design廣告尺寸規格:
一、120*120,這種廣告規格適用於產品或新聞照片展示。
二、120*60,這種廣告規格主要用於做LOGO使用。
三、120*90,主要應用於產品演示或大型LOGO。
四、125*125,這種規格適於表現照片效果的圖像廣告。
五、234*60,這種規格適用於框架或左右形式主頁的廣告鏈結。
六、392*72,主要用於有較多圖片展示的廣告條,用於頁眉或頁腳。
七、468*60,應用最為廣泛的廣告條尺寸,用於頁眉或頁腳。
八、88*31,主要用於網頁鏈結,或網站小型LOGO。
廣告形式 圖元大小 最大尺寸 備註
BUTTON 120*60(必須用gif) 7K
15*50(必須用gif) 7K
通欄 760*100 25K 靜態圖片或減少運動效果
430*50 15K
超級通欄 760*100 to 760*20 共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(可做不規則形狀) 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種。
只有做到以上的網頁設計, 你的網站才能顯得更加的專業!

1 条评论: