網站頁面設計基本尺寸

作者: Yao,Mane  來源: 博客園  發布時間: 2010-09-19 21:59  閱讀: 28022 次  推薦: 1   原文鏈接   [收藏]  
摘要:網頁設計師在設計網頁尺寸時可能會出現一些疑惑,到底將尺寸設為多大合適呢?本文簡要介紹了在不同屏幕大小下的較為合適的網頁尺寸大小,僅供參考。

  1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
  2、1024*768下,網頁寬度保持在1002以內,就不會出現水平滾動條,高度則視版面和內決定。
  3、在ps里面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右 
  4、1024*768 下網頁的尺寸:width=955,height=600
  800*600 下網頁的尺寸:width=760,height=420
  一般分辨率在800*600的情況下,頁面的顯示尺寸為:780*428px;
  分辨率在640*480的情況下,頁面的顯示尺寸為:620*311px;
  分辨率在1024*768的情況下,頁面的顯示尺寸為:1007*600px
  頁面長度原則上不超過3屏,寬度不超過1屏 
  每個標準頁面為A4幅面大小,即8.5*11英寸 
  全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px
  另外120*90,120*60也是小圖標的標準尺寸 
  每個非首頁靜態頁面含圖片字節不超過60K,全尺寸banner不超過14K
  標準網頁廣告尺寸規格:
  一、120*120,這種廣告規格適用于產品或新聞照片展示。
  二、120*60,這種廣告規格主要用于做LOGO使用。
  三、120*90,主要應用于產品演示或大型LOGO。
  四、125*125,這種規格適于表現照片效果的圖像廣告。
  五、234*60,這種規格適用于框架或左右形式主頁的廣告鏈接。
  六、392*72,主要用于有較多圖片展示的廣告條,用于頁眉或頁腳。
  七、468*60,應用最為廣泛的廣告條尺寸,用于頁眉或頁腳。
  八、88*31,主要用于網頁鏈接,或網站小型LOGO。

  廣告形式             像素大小                                   最大尺寸                  備注 
  BUTTON             120*60(必須用gif)                       7K 
                            215*50(必須用gif)                       7K 
  通欄                    760*100                                    25K                  靜態圖片或減少運動效果 
                              430*50                                      15K 
  超級通欄              760*100 to 760*200                 共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(可做不規則形狀但尺寸不能超過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發布新的網絡廣告尺寸標準:
  當前網絡廣告的各種尺寸繁多,doubleclick 近期居然數出有1萬種不同的廣告類型和尺寸正在網上使用。這讓廣告客戶在價格、表現形式方面都難以選擇,直接影響到他們對于網絡廣告的投入。
  美國交互廣告署(iab)和歐洲交互廣告協會(eiaa)近期發布了有六個網絡廣告格式的工具盒,希望網絡媒體作為標準采用,從而讓媒體策劃者的工作更容易開展,推進網絡廣告銷售。
  在這6種格式中,除了去年iab發布的4種“通用廣告包”中的格式:160x600, 300x250, 180x150及728x90,還包括新公布的468x60 和120x600(擎天柱)2種。
  iab總裁說,這是互聯網商業發展的又一個分水嶺。6種尺寸將成為整個歐洲市場網站的核心廣告格式,廣告客戶可使用這幾種尺寸在全歐洲網絡媒體通行,而在以前這是不可能做到的。
  iab曾在7月份說希望網絡廣告行業棄用一些老舊的、過時的廣告格式。但這個提議遭到一些網絡媒體的反對,因為被拋棄的一些更小、更輕便的格式仍然有它們的位置,尤其是在大量用戶仍然使用窄帶上網的情況下,太過嚴格限制尺寸“標準”會扼殺靈活創新。
  因此,比起“通用廣告包”的發布,iab和eiaa此番推出的工具盒有一種折衷的效果——既想達到他們削減廣告尺寸數量、整飭行業規范的目的,又不至于讓網絡廣告媒體們反對呼聲過高。

1
0
 
標簽:Web 尺寸設計
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()