資源描述:
《網(wǎng)頁(yè)設(shè)計(jì)尺寸大全 網(wǎng)頁(yè)設(shè)計(jì)一般尺寸》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、網(wǎng)頁(yè)設(shè)計(jì)尺寸大全網(wǎng)頁(yè)設(shè)計(jì)在初始要界定出網(wǎng)頁(yè)的尺寸大小.就像繪畫(huà)給出一塊畫(huà)版來(lái).這樣才能方便設(shè)計(jì).網(wǎng)頁(yè)的尺寸受限于兩個(gè)因素:一個(gè)是顯示器屏幕.顯示器現(xiàn)在種類很多,以17寸為主流,正在朝19寸及寬屏的方向發(fā)展.但目前也有為數(shù)不少的15寸顯示器.另一個(gè)是瀏覽器軟件,就是我們常用的IE,遨游,Friefox等.高度:高度是可以向下延展的,所以一般對(duì)高度不限制.對(duì)于一屏來(lái)說(shuō),一般沒(méi)有一個(gè)固定值,因?yàn)槊總€(gè)人的瀏覽器的工具欄不同,我見(jiàn)過(guò)有的瀏覽器工具欄被插件占了半個(gè)屏幕,所以高度沒(méi)有確切值。寬度:1、在IE6.0下,寬度為顯示器分辨率減21,比如10
2、24的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無(wú)論你的網(wǎng)頁(yè)多高都會(huì)有右側(cè)的滾動(dòng)條框。2、在Firefox下,寬度的分率辨減19。比如1024的寬度-19就變成10053、在Opear下,寬度的分率辨減23。比如1024的寬度-23就變成1001注:Firefox或Opear在內(nèi)容少于瀏覽器高度時(shí)不顯示右側(cè)滾動(dòng)條。所以如果是1024的分辨率,你的網(wǎng)頁(yè)不如設(shè)成1000安全一點(diǎn)。設(shè)成900兩側(cè)空白更大,視覺(jué)上更舒服一點(diǎn).也方便做一些浮動(dòng)層的設(shè)計(jì).如果是800的分辨率一般都設(shè)成770。但也有設(shè)成760的.這些需要明白并且牢記
3、,不然很可能做出來(lái)不符合瀏覽器要求,不過(guò)一般我們都回設(shè)定的再稍微小一點(diǎn),應(yīng)為有些瀏覽器加了插件或者其他的東西寬度會(huì)有變化所以800的分辨率一般設(shè)定760左右,1024的設(shè)定990左右.網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸: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)條。3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏,頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條,尺寸為740*560左右4、在P
4、S里做的圖到了網(wǎng)上就不一樣了,顏色等等方面,因?yàn)閃EB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會(huì)有失色的現(xiàn)象.頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作,實(shí)際尺寸為778*434px頁(yè)面長(zhǎng)度原則上不超過(guò)3屏,寬度不超過(guò)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é)不超過(guò)60K,全尺寸bann
5、er不超過(guò)14K標(biāo)準(zhǔn)網(wǎng)頁(yè)廣告尺寸規(guī)格一、120*120,這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽6?20*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。廣告形式像素大小最大尺寸備注BUTTON12
6、0*60(必須用gif)7K215*50(必須用gif)7K通欄760*10025K靜態(tài)圖片或減少運(yùn)動(dòng)效果430*5015K超級(jí)通欄760*100to760*200共40K靜態(tài)圖片或減少運(yùn)動(dòng)效果巨幅廣告336*28035K585*120豎邊廣告130*30025K全屏廣告800*60040K必須為靜態(tài)圖片,F(xiàn)LASH格式圖文混排各頻道不同15K彈出窗口400*300(盡量用gif)40KBANNER468*60(盡量用gif)18K懸停按鈕80*80(必須用gif)7K流媒體300*200(可做不規(guī)則形狀但尺寸不能超過(guò)300*200)3
7、0K播放時(shí)間小于5秒60幀(1秒/12幀)網(wǎng)頁(yè)中的廣告尺寸1.首頁(yè)右上,尺寸120*602.首頁(yè)頂部通欄,尺寸468*603.首頁(yè)頂部通欄,尺寸760*604.首頁(yè)中部通欄,尺寸580*605.內(nèi)頁(yè)頂部通欄,尺寸468*606.內(nèi)頁(yè)頂部通欄,尺寸760*607.內(nèi)頁(yè)左上,尺寸150*60或300*3008.下載地址頁(yè)面,尺寸560*60或468*609.內(nèi)頁(yè)底部通欄,尺寸760*6010.左漂浮,尺寸80*80或100*10011.右漂浮,尺寸80*80或100*100.