網站尺寸設計總結

相關推薦

網站尺寸設計總結

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

網站尺寸設計總結

　　網頁的尺寸受限于兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以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里做的圖到了網上就不一樣了，顏色等等方面，因為ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很寬顏色范圍很廣，所以自然會有失色的現象.

　　頁面標準按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

　　通欄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種。

　　英文字體

　　I.AmosisTechnik(活潑)

　　II.Hattenschweiler(肅穆)

　　III.PatricianSample(流暢)

　　IV.SFQuantzite(莊重)

　　V.SFQuartziteOutLine(襯托)

　　VI.Arial(作特殊英文字體以示區別)

　　中文字體

　　1.宋體

　　2.黑體

　　3.方正大標宋簡體

　　4.方正大黑簡體

　　5.華文行楷

　　6.文鼎大標宋簡

　　7.文鼎粗圓簡

　　8.文鼎特粗宋簡

　　9.文鼎特粗圓簡

　　10.文鼎特圓簡

　　11.文鼎新藝體簡

　　12.方正粗倩體

【網站尺寸設計總結】相關文章：