网页布局设计的标准尺寸(800*600,1024*768等尺寸)

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

1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
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

标准网页广告尺寸规格

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

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

如果有更多疑问,欢迎您把问题发布到我们的论坛:http://www.alixixi.com/bbs/

时间: 2024-09-22 08:07:41

网页布局设计的标准尺寸(800*600,1024*768等尺寸)的相关文章

浅淡视觉焦点与网页布局设计的关系

我一贯认为用户体验不是产品的设计让客户满意,而是让客户在舒服的状态下按我们希望的步骤前进,一个好的产品设计师会为他的客户设计一个隐形的行为轨迹路线.但首先还是要满足客户舒服的感觉,对于网站来说,客户的器官体验主要来自三处--眼.手.耳.其中眼是重中之重,让它感觉舒服了,客户最起码就满意50%以上了. 以前在分析7个B2C网站的提过界面的宽度对用户的浏览会造成障碍,原因就是视觉焦点造成成的. 这里有一张图,大家将图片放在屏幕中心显示,然后看最下面的那一个蓝色娃娃,现在有一个问题,能看清楚整个图片有

网页布局设计:注册登录框放哪里合适?

设计|网页 注意到一个比较有趣的现象,网页布局设计方面,国内网站喜欢把用户注册登录框放左边最重要的位置,而且是斗大的一个注册框;国外网站则喜欢把注册登录放右边,而且通常是右上角很不起眼的位置,还常常连登录框都省了,只给出一个注册登录的链接. 哪一种布局设计更合理?我在各种场合问过用户,一般会很诧异说:不都是放左边吗?已经习惯了. 实际上,根据我们阅读从左到右的习惯,显然左边最重要的位置应该放置重要的内容,而不是浪费黄金地盘去放置注册登录框. 但这里就出现问题的关键--网站运营者会说:我就是把最重

FrontPage XP的网页布局设计

制作一个漂亮的网页,离不开网页整体布局的设计,网页布局设计的合理与否,直接影响页面的美观.网页布局设计一般采用表格和框架,表格的使用相对来说就更加普遍了,这次我们就以表格和框架为例,来看一看如何安排网页的布局. 表格的使用 表格是由单元格按照行与列组成的,使用表格可以很好地将网页中的对象按格式编排,一般常用于页面内图片与文字的版面安排. STEP 1 插入表格 新建一个空白网页,然后将插入点放在要插入表格的位置,执行菜单"表格/插入/表格"命令,打开插入表格对话框.在"行数&

网页布局设计:使用数学中的模数精确布局

在设计中可以使用许多数学公式,比如常用的黄金分割比就是其中之一.在网页设计布局中,我们也能通过精密的计算来获得理想的排版比例,本文将介绍使用数学中的"模数"来计算网页布局大小,从而获得更为合理的布局. 在IT工业中,内置标准.国际标准.国家标准才是真正意义的规范.而在应用领域(包括web应用的开发)的开发中,标准是各自为政乱七八糟的,微软如果不考虑市场和经济利益也不是不吊这些标准的.我不得不汗一个. 二.模数网页设计中的应用 好了,鄙视完小儿科的网页设计,我们来谈谈"模数&q

原创及创新网页布局设计

  布局是网站的基石.其作用是指引用户浏览网站各组成部分.指明关键内容.布局同时也是网站外观的关键.因此,内容的布局需要认真仔细的思索. 一套原创且新颖的布局能够显著提升网站的用户体验,但也不要让创意影响到了网站的可用性.和往常一样,我们要设身处地的站在用户的角度进行思考:我们希望他们最先看到什么?应当如何最有效地传达讯息?在设计开始前,以上的问题是必须要提出来的,因为布局将负责形成设计的其余方面. 下面的几个网站的布局不走寻常路,尽管称不上完美,不过浏览这些网站,兴许能够给你带来创意的火花.

网页设计时把握网页布局的参考

参考|设计|网页|网页设计 最开始,网页呈现在你面前的时侯,它就好像一张白纸,它需要你任意挥洒你的设计才思.在开始的时侯,你需要明白,虽然你能控制一切你所能控制的东西,但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯,那么你可以在此基础上加上自己的东西.你当然也可以创造出自己的设计方案,但如果你是初学者,那么最好明白网页布局的基本概念.   1.页面尺寸 由于页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给你的页

网站页面宽度布局设计面面观

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网页宽度布局设计的最高标准是在各种分辨率.不同版本浏览器.不同大小浏览器窗口的条件下,均能让网页以适合浏览方式呈现下访问用户的电脑屏幕上.网站页面的宽度布局设计在一定程度上影响着用户体验,接下来就网页宽度布局设计的三种方式进行图文分析,来看看三种方式的优势和弱点. 1.自适应式网页 网页采用自适应式的宽度布局,能自动以布满浏览器窗口的形式向访

固定、流动、弹性网页布局的利弊分析

有一个问题已经困扰网页设计师们很久了:该使用固定.流动.弹性,还是混合布局呢?它们各有优缺点.最终的决定取决于网站的可用性,单用某一种布局就想达到目的,可能没那么容易.那么,既然如此令人困惑,是否有做出正确决定的诀窍呢?考虑好几个问题,恰当地设定目标结果,你也能做出融合各方优点的成功布局设计. 本文将讨论每种布局方案的利与弊.其实,只要你时刻注意可用性,每种方案都能实现成功的网站布局. 为什么要争论这些?网页设计受可用性的大棒指引,而由于网站用户的多样性,已经很难做出对不同用户都有足够可用性的网

超大网页布局的思考和建议

  对于有些设计项目来说,老套的设计模式并不奏效,你需要设计的大点,要比以往设计的元素还要大,因此就非常适合采用超大网页布局.无论是采用大块大块的背景照片还是背景视频,超大网页布局的效果非常显著:极具视觉冲击力,吸引用户注意力. 但是超大网页布局有什么诀窍呢?这里我们通过案例给出一些建议. 大的好处 joes eone-time crema-coffee lrxd riskeverything thewhig 超大网页布局最明显的好处便是具备极强的视觉冲击力(就像上图的妹子一样,想知道妹子是谁咩