荟萃馆

位置:首页 > 设计 > 网页设计

网页设计尺寸规范

许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,800*600尺寸及1024*768尺寸的分辨率下,网页应该设计为多少像素才合适呢?太宽就会出现水平滚动条了,下面小编就网页设计的标准尺寸进行讲解。

网页设计尺寸规范

  网页设计标准尺寸:

1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。

2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)

3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右

4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象.

页面标准按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
7K
通栏760*100
430*50
25K
15K
静态图片或减少运动效果
超级通栏760*100 to 760*200共40K静态图片或减少运动效果
巨幅广告336*280
585*120
35K
竖边广告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种“通用广告包”中的格式:160x600, 300x250, 180x150及728x90,还包括新公布的468x60 和120x600(擎天柱)2种。

标签:网页 规范