网页应该设计为多少像素才合适?

许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,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种。

时间: 2025-01-07 18:06:10

网页应该设计为多少像素才合适?的相关文章

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

许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,800*600尺寸及1024*768尺寸的分辨率下,网页应该设计为多少像素才合适呢?太宽就会出现水平滚动条了,下面我们就网页设计的标准尺寸进行讲解. 网页设计标准尺寸: 1.800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定.2.1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条.3.在ps里面做网页可以在800

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

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

用户体验之网页板块设计

用户体验(User Experience,简称UE)是用户在使用产品过程中建立起来的一种纯主观感受.在基于Web的产品设计中,UE是一个相对较新的概念.Donald Norman博士提出了"用户体验"一词,他是一个认知科学的研究人员,首次提出了在互联网领域以用... 用户体验(User Experience,简称UE)是用户在使用产品过程中建立起来的一种纯主观感受.在基于Web的产品设计中,UE是一个相对较新的概念.Donald Norman博士提出了"用户体验"一

触屏手机网页产品设计用户体验设计经验分享

文章描述:历时数月,连番经历了多个基于触屏手机原生浏览器的网页产品设计与开发.对触屏手机用户体验设计有了进一步的认识,也颇想分享些心得. 历时数月,连番经历了多个基于触屏手机原生浏览器的网页产品设计与开发.对触屏手机用户体验设计有了进一步的认识,也颇想分享些心得. 上篇包括以下一些内容: >>精神与基础 何谓高端--高端设计精神 平台间平衡 不同分辨率及比例间移植 浏览器框架 >>设计"泛"过程 移动场景下的用户需求 少即是多的设计原则 界面气质 -------

网页设计师设计网页是抄袭还是借鉴

网页设计师设计网页是抄袭还是借鉴?你学习网页设计的时候是怎么开始的?       抄袭这个词用在设计行业根本就是很不合适! 如果非要刨根问底的话,那些所谓不抄袭的人,在你初步做设计的时候是否要去观看别人的优秀站点?无意识的就把那些优秀站点的好处"抄袭"到自己的意识里. 这是设计路上的一段话! 一个不懂得欣赏优秀网页作品的设计师可能永远都无法懂得借鉴的真谛:一个无法将优秀作品的精髓融入到现有需求中的设计师可能永远都无法找到真正的灵感.即便是那些看似独创的设计,其灵感也往往来自设计师在长期

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.5 文字与图像版式设计

1.5 文字与图像版式设计 网页美工设计Photoshop+Flash+Dreamweaver从入门到精通 文本是人类重要的信息载体和交流工具,网页中的信息也是以文本为主.虽然文字不如图像直观形象,但是却能准确地表达信息的内容和含义.在确定网页的版面布局后,还需要确定文本的样式,如字体.字号和颜色等,还可以将文字图形化. 1.5.1 文字的字体.字号.行距 网页中,中文默认的标准字体是"宋体",英文是The New Roman.如果在网页中没有设置任何字体,在浏览器中将以这两种字体显示

推荐网页前端设计:适合JavaScript新手的书籍

文章简介:适合JavaScript新手的入门书籍. 自从学习网页前端设计以来,我一直把主要的精力和时间放在研究Photoshop.Html以及CSS上面,很少学习JavaScript,原因是之前不知道网页的构成由三个部分,内容(Html).外观(CSS)和行动(JavaScript)组成,而JavaScript作为代表行动的部分具有相当的重要性.没有JavaScript参与的网页如同是一本书,单方面的对用户灌输信息,而有了JavaScript的网页,才和用户有所互动.所以现在狠下心来恶补Java

网页界面设计:商务Web应用程序设计流程和准则

文章描述:商务web应用程序的界面设计.   在smashingmagazine上看到这篇文章,讲的是Web应用程序设计流程和准则等方面,也许对大家有所帮助.翻译比较仓促,错误地方请多指教,查看原文点这里. 商务Web应用程序的界面设计 商务Web应用程序的设计常常被人们所忽视.我看到许多程序,它们既不符合商业目标,也不满足用户需求,它们有很差的用户体验,并造成了商业利润的损失.更夸张的是,有些设计师根本没有参与整个程序的开发流程,而是把全部职责都推给了开发人员. 对于擅长前端和后台技术的工程师

为移动设备做设计:为未来的网页做设计

文章描述:为未来的网页做设计(为移动设备一致体验做设计). 原文designing for the future web: http://www.smashingmagazine.com/2011/03/29/designing-for-the-future-web/ Introduction 灰常好的一篇文章!这里只了提些主干出来,强烈推荐原文,尤其技术方面的很多tips有深入的讲解. 本文推崇的是"因为现代人越来越生活net依存状态,ipad,3g等等,各种情况下人时时刻刻都在online状