- 相關推薦
網(wǎng)站尺寸設計總結(jié)
網(wǎng)頁設計在初始要界定出網(wǎng)頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計.下面一起跟著小編來學習一下網(wǎng)站尺寸設計總結(jié)吧！
網(wǎng)頁的尺寸受限于兩個因素:一個是顯示器屏幕.顯示器現(xiàn)在種類很多,以17寸為主流,正在朝19寸及寬屏的方向發(fā)展.但目前也有為數(shù)不少的15寸顯示器.另一個是瀏覽器軟件,就是我們常用的IE,遨游,Friefox等.
高度：
高度是可以向下延展的,所以一般對高度不限制.對于一屏來說,一般沒有一個固定值，因為每個人的瀏覽器的工具欄不同，我見過有的瀏覽器工具欄被 插件占了半個屏幕，所以高度沒有確切值。
寬度:
1、在IE6.0下，寬度為顯示器分辨率減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網(wǎng)頁多高都會有右側(cè)的滾動條框。
2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005
3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001
注：Firefox或Opear在內(nèi)容少于瀏覽器高度時不顯示右側(cè)滾動條。
所以如果是1024的分辨率，你的網(wǎng)頁不如設成1000安全一點。設成900兩側(cè)空白更大,視覺上更舒服一點.也方便做一些浮動層的設計.
如果是800的分辨率一般都設成770。但也有設成760的.
這些需要明白并且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設定的再稍微小一點,應為有些瀏覽器加了插件或者其他的東西寬度會有變化所以800的分辨率一般設定760左右,1024的設定990左右.
網(wǎng)頁設計標準尺寸:
1、800*600下，網(wǎng)頁寬度保持在778以內(nèi)，就不會出現(xiàn)水平滾動條，高度則視版面和內(nèi)容決定。
2、1024*768下，網(wǎng)頁寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615之間.就不會出現(xiàn)水平滾動條和垂直滾動條。(在dw里面有設定好的標準值,1024*768頁面的標準大小是955*600,照著它的尺寸做就行了)
3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會出現(xiàn)滑動條，尺寸為740*560左右
4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因為ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很寬顏色范圍很廣，所以自然會有失色的現(xiàn)象.
頁面標準按800*600分辨率制作，實際尺寸為778*434px
頁面長度原則上不超過3屏，寬度不超過1屏
每個標準頁面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px
另外120*90，120*60也是小圖標的標準尺寸
每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K
標準網(wǎng)頁廣告尺寸規(guī)格
1、120*120，這種廣告規(guī)格適用于產(chǎn)品或新聞照片展示。
2、120*60，這種廣告規(guī)格主要用于做LOGO使用。
3、120*90，主要應用于產(chǎn)品演示或大型LOGO。
4、125*125，這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。
5、234*60，這種規(guī)格適用于框架或左右形式主頁的廣告鏈接。
6、392*72，主要用于有較多圖片展示的廣告條，用于頁眉或頁腳。
7、468*60，應用最為廣泛的廣告條尺寸，用于頁眉或頁腳。
8、88*31，主要用于網(wǎng)頁鏈接，或網(wǎng)站小型LOGO。
廣告形式像素大小最大尺寸備注
BUTTON120*60(必須用gif)
215*50(必須用gif)7K
7K
通欄760*100
430*5025K
15K靜態(tài)圖片或減少運動效果
超級通欄760*100to760*200共40K靜態(tài)圖片或減少運動效果
巨幅廣告336*280
585*12035K
豎邊廣告130*30025K
全屏廣告800*60040K必須為靜態(tài)圖片，F(xiàn)LASH格式
圖文混排各頻道不同15K
彈出窗口400*300(盡量用gif)40K
BANNER468*60(盡量用gif)18K
懸停按鈕80*80(必須用gif)7K
流媒體300*200（可做不規(guī)則形狀但尺寸不能超過300*200）30K播放時間小于5秒60幀(1秒/12幀)
網(wǎng)頁中的廣告尺寸
1、首頁右上，尺寸120*60
2、首頁頂部通欄，尺寸468*60
3、首頁頂部通欄，尺寸760*60
4、首頁中部通欄，尺寸580*60
5、內(nèi)頁頂部通欄，尺寸468*60
6、內(nèi)頁頂部通欄，尺寸760*60
7、內(nèi)頁左上，尺寸150*60或300*300
8、下載地址頁面，尺寸560*60或468*60
9、內(nèi)頁底部通欄，尺寸760*60
10、左漂浮，尺寸80*80或100*100
11、右漂浮，尺寸80*80或100*100
以上幾種說法可能有點小的出入，大家可以探討一下。
IAB和EIAA發(fā)布新的網(wǎng)絡廣告尺寸標準
在這6種格式中，除了去年iab發(fā)布的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(作特殊英文字體以示區(qū)別)
中文字體
1.宋體
2.黑體
3.方正大標宋簡體
4.方正大黑簡體
5.華文行楷
6.文鼎大標宋簡
7.文鼎粗圓簡
8.文鼎特粗宋簡
9.文鼎特粗圓簡
10.文鼎特圓簡
11.文鼎新藝體簡
12.方正粗倩體
【網(wǎng)站尺寸設計總結(jié)】相關文章：
網(wǎng)頁設計標準的尺寸08-23
網(wǎng)頁設計常用尺寸大小08-05
網(wǎng)頁設計中頁面尺寸標準06-17
網(wǎng)頁設計的標準尺寸是多少06-24
網(wǎng)頁設計中的頁面尺寸標準參考10-19
網(wǎng)頁設計標準尺寸是多少07-03
網(wǎng)頁設計頁面尺寸一般多大10-22
網(wǎng)站頁面設計中光的特效設計10-22