网页设计

网页设计的页面尺寸标准

时间:2024-09-15 09:24:28 网页设计 我要投稿

网页设计的页面尺寸标准

  网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。下面是小编分享的网页设计的页面尺寸标准,欢迎大家参考!

  对于固定宽度的网站布局,设计师常用的分辨率有:760px、780px、920px、950px等,如今大尺寸、宽屏幕的显示器越来越多,越来越普及,有些设计师也开始采用1000px、1003px这样的分辨率。

  页面最大化、满屏化的网站看着的确是舒服,但过高的分辨率在设计师显示器上合适,并不代表在浏览者的显示器上也合适。现在用的最多的分辨率还是1024*768,在这种分辨率下,含滚动条的页面最大宽度应不超过994px,所以一般页面宽度定位在990px以内比较适宜。

  这一讲主要来说说网页设计的标准尺寸

  一、在800*600分辨率下,页面宽度应在778px以内,这样不会出现横向滚动条,高度可以依据版面和内容而定。

  二、在1024*768分辨率下,页面宽度应在1003px以内,如果仅一屏显示的页面,高度在612px~615px之间,这样横向和纵向滚动条都不会出现。

  三、在photoshop中做800*600分辨率下仅一屏的网页时,尺寸可以设为740*560左右。

  页面标准按800*600分辨率制作,尺寸为778px*434px

  页面长度一般不要超过三屏,宽度不宜出现横向滚动条为宜

  每个标准页面为A4幅面大小,即8.5*11英寸

  全尺寸banner为468px*60px,半尺寸banner为234px*60px,小banner为88px*31px

  小图标的标准尺寸还有120px*90px、120px*60px等

  每个非首页静态页面含图片字节不超过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。

  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发布新的网络广告尺寸标准

  在这6种格式中,除了去年iab发布的4种“通用广告包”中的格式:160×600, 300×250, 180×150及728×90,还包括新公布的468×60 和120×600(擎天柱)2种。

【网页设计的页面尺寸标准】相关文章:

网页设计中页面尺寸标准06-17

网页设计中的页面尺寸标准参考10-19

网页设计标准的尺寸08-23

网页设计页面尺寸一般多大10-22

网页设计的标准尺寸是多少06-24

网页设计标准尺寸是多少07-03

PC网页设计尺寸规范10-25

网页设计常用尺寸大小08-05

网页设计中防止页面被撑开的方法06-16

网页设计的标准和规范06-27