当前位置:园子博客 » 网站应用 » 网页设计常用尺寸大全

网页设计常用尺寸大全

4月 10th, 2009 | Filed under 网站应用 | 共有11,456次浏览

下面是园子在平时的网页设计中常用的一些尺寸,总结了一下放在这里,希望能给刚刚入门的朋友们提供参考。当然,这些尺寸并非绝对的,您还需要根据具体工作中的需求来确定大小的标准。在以前的文章里我曾写过:平面设计常用尺寸汇总 ,感兴趣的朋友也可以看下。

网页的宽度

  • 现在比较流行的网页宽度是950px,网页两边留出少许白边,简洁又大方。
  • 1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。

网页设计中常用的广告尺寸

  • BUTTON
    120*60
    215*50
  • 通栏  
    760*100
    430*50
  • 超级通栏
    760*100或者760*200
  • 巨幅广告
    336*280
    585*120
  • 竖边广告
    130*300
  • 全屏广告
    800*600
  • 弹出窗口
    400*300
  • BANNER
    468*60
  • 悬停按钮
    80*80
  • 流媒体
    300*200
     

国际标准的网页BANNER大小规格

  • 横幅广告(Banner)
    文件大小:gif:14K/swf:16K
    广告尺寸:468*60像素
    广告位置:页面顶部
  • 按钮广告(Button)
    文件大小:gif:6K/swf:8K
    广告尺寸:170*60/120*60像素
    广告位置:第一屏 第二屏
    备注:触发式LOGO,弹出图片尺寸为160*160 文件大小gif:9K/swf:12K
  • 弹出窗口广告(Pop up)
    文件大小:gif:18K/swf:20K
    广告尺寸:360*300像素
    广告位置:第一屏
  • 通栏广告(Full collumn)
    文件大小:gif:20K/swf:25K
    广告尺寸:770*100像素
    广告位置:第一屏 第二屏
  • 流媒体(Flash layer)
    文件大小:swf:25K
    广告尺寸:200*150像素
    广告位置:第一屏
    形式:浏览打开页面,该广告放映8秒后消失
  • 画中画(PIP)
    文件大小:gif:20K/swf:25K
    广告尺寸:360*300像素
    广告位置:新闻最终页面
  • 浮动标识(Float box)
    文件大小:gif/swf/flash<8k
    广告尺寸:80*80像素
    广告位置:第一屏右侧
  • 全屏收缩广告 (Full screen)
    文件大小:gif:20K
    广告尺寸:750*550像素
    广告位置:第一屏
    形式:打开浏览页面前该广告以全屏形式出现3-5秒,随后消失
  • 擎天柱(Sky-scraper)
    文件大小:gif:15K/swf:17K
    广告尺寸:130*200像素
    广告位置:第一屏 第二屏
  • 视频广告
    文件大小:gif/swf/flash<8k
    广告尺寸:300*250像素
    广告位置:第一屏两侧
  • 文字链接(Text link)
    规格:不超过10个汉字
    广告位置:第一屏 第二屏
    备注:文字链接长度以不折行为准

网页设计LOGO的标准尺寸

  • 120×120
    这种广告规格适用于产品或新闻照片展示。
  • 120×60
    这种广告规格主要用于做LOGO使用。
  • 120×90
    主要应用于产品演示或大型LOGO。
  • 88×31
    主要用于网页底部友情链接中的LOGO,或网站小型LOGO。
  1. 博雅
    4月 22nd, 200904:50

    博雅 友情连接,

    http://www.manboya.cn

    我那边已经做好了

  2. 园子
    4月 10th, 200917:33

    @漢文溪

    嘿嘿~
    关于顺次编号每次都是我手工改的,YO2上好像没有提供这样自动编号的插件。
    另外添加链接nofollow的问题是指友情链接吗?不大明白,你是在哪看到的

  3. 漢文溪
    4月 10th, 200916:06

    挺实用的数据
    \n
    \n园子你的也是在yo2吗 想请教几个问题
    \n1.怎么实现文章在archives目录下的顺次编号
    \n2.我添加的朋友的链接很多都带nofollow
    \n以上两个问题在yo2内怎么解决
    \n
    \n谢谢!

您必须在 登录 后才能发布评论.