首页 > 网站建设 > 蓝韵观点 > 设计前沿 > 杭州网页设计中的页面尺寸标准
杭州网页设计中的页面尺寸标准

作者:panjiming来源:蓝韵网络时间:2017.08.08

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

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

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

1、在800*600分辨率下,页面宽度应在778px以内,这样不会出现横向滚动条,高度可以依据版面和内容而定。
2、在1024*768分辨率下,页面宽度应在1003px以内,如果仅一屏显示的页面,高度在612px~615px之间,这样横向和纵向滚动条都不会出现。
3、在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种。

本文为蓝韵网络(杭州网页设计)原创文章,转载请注明原文网址摘自于http://www.lanyun2009.com/views/773.html,注明出处;未注明出处禁止转载。

 

 

与蓝韵项目经理通话

请输入正确的手机号码格式

信息保护中请放心填写

在线咨询
 
提交成功
关闭浮窗