【页面尺寸】网页的尺寸受限于两个因素:一个是显示器屏幕(显示器现在种类很多,17寸为主流,正在朝19寸及宽屏的方向发展,但目前也有为数不少的15寸显示器)另一个是浏览器软件(我们常用的IE、遨游、Friefox等)

【页面高度】高度是可以向下延展的,所以一般对高度不限制。对于一屏来说一般没有一个固定值,因为每个人的浏览器的工具栏不同,所以高度没有确切值。

【页面宽度】
1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。
2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005
3、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001
如果是1024的分辨率,你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点。也方便做一些浮动层的设计。如果是800的分辨率一般都设成770。但也有设成760的。这些需要明白并且牢记,不然很可能做出来不符合浏览器要求。不过一般我们都会设定的再稍微小一点,因为有些浏览器加了插件或者其他的东西宽度会有变化,所以 800的分辨率一般设定760左右,1024的设定990左右。
网页设计标准尺寸参考:
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间,就不会出现水平滚动条和垂直滚动条。
3、页面长度原则上不超过3屏,宽度不超过1屏,每个标准页面为A4幅面大小,即8.5X11英寸。
4、全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px (另外120*90,120*60也是小图标的标准尺寸 )
5、每个非首页静态页面含图片字节不超过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

Axure设计网页时,需要注意的尺寸设置。相关推荐

  1. win xp firefox,chrome 在浏览网页时字体发虚,可以设置为新宋体

    firefox,chrome 在浏览网页时字体发虚,比如:驱动之家.可以设置为新宋体. 转载于:https://www.cnblogs.com/runliuv/p/3248166.html

  2. html5用户自定义错误信息,HTML_HTML5设计网页时应该避免的一些小错误,在这篇文章中,我将给大家分 - phpStudy...

    在这篇文章中,我将给大家分享html5构建页面的小错误和不好的实践方法,让我们在以后的工作中避免这些错误. 不要把 当成容器来定义样式 我们经常看到的一个错误,就是武断的将 标签用标签来替代,特别是将 ...

  3. 设计html网页时需要遵循的语言规范,CSS设计网页时的一些常用规范

    1CSS命名规范 CSS命名规范 一.文件命名规范 全局样式:global.css: 框架布局:layout.css: 字体样式:font.css: 链接样式:link.css: 打印样式:print ...

  4. dw支持css3 html,通过DW设计网页时组织CSS的建议

    应该连接到External CSS还是导入? 创建外部样式表以后,你需要把它附加在每个页面上(或是模板).要这样做,可以在CSS面板上淡季"附加样式表(Attach Style Sheet) ...

  5. 设计网页字体css,CSS样式设计网页字体与用户体验

    CSS样式设计网页字体与用户体验 互联网   发布时间:2009-04-02 19:36:06   作者:佚名   我要评论 网页制作Webjx文章简介:在设计网页时,没有比页面的外观更重要的了.所以 ...

  6. dw设计网页Linux,【dw网页设计】- 虎课网

    1.课程主要内容[页面设计与优化调整]. 2.当前阶段目标[网页重构设计稿]. 3.网页重构设计稿[具体如何设计],[需要如何配图],[图标自己画还是下载]. 4.[理解线框图与风格定位] 5.理解线 ...

  7. axure android尺寸,移动应用界面设计的尺寸设置及规范

    一.android篇 1.android分辨率 Android的多分辨率,一向是设计师和开发者非常头疼的事儿.尽管如此,对于多分辨造成的复杂问题,也是大家要优先解决的.Android支持多种不同的dp ...

  8. 使用Axure制作App原型的尺寸设置

    想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸? 这里直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在 ...

  9. 使用Axure设计中,大型的后台系统原型总结

    使用Axure设计中,大型的后台系统原型总结 2018年4月16日luodonggan 在产品原型设计中,经常会涉及到后台系统原型的设计,如何设计出更规范标准的后台系统原型,是很多产品同行们都会遇到的 ...

最新文章

  1. Linux学习记录--文件压缩
  2. 小黑小波比.保存密码加密方式
  3. java 过滤掉相同请求_java并发访问重复请求过滤问题
  4. php本身免费是啥意思,PHP本身是否支持连接和析取?
  5. 【JavaSE_07】Java中类和对象-封装特性--练习
  6. 你为何如此优秀?| 神策数据 2018 年获奖集锦
  7. TypeScript入门-接口
  8. 使用MemoryStream和FileStream
  9. JAVA类 与类文件
  10. CentOS7搭建ftp服务器(vsftpd,亲测成功)
  11. foxmail邮箱日历怎么新建事务
  12. HTML5+CSS3实现的响应式垂直时间轴
  13. python-利用生成器函数生成斐波那契数列
  14. SpringCloud学习笔记027---SpringBoot集成MyBatis_实现多数据源_可以自定义数据库类型
  15. noip2019集训测试赛(七)
  16. matlab适应度函数ga,ga程序中适应度函数fitness function向量化问题
  17. unity3d 中加入�视频
  18. Sql Server 2000 挂起怎么办
  19. OSChina 周六乱弹 —— 飞机上飞离太阳那么近晒黑了不是很正常吗
  20. 广发证券电脑linux,广发证券易淘金电脑PC官方版

热门文章

  1. css斜条纹背景——linear-gradient
  2. iOS在UIButton中换行
  3. 双非硕士211,阿里(蚂蚁)技术四面:技术一面+技术二面+主管三面+HR面
  4. 易基因 | 精准医学:DNA甲基化图谱在发现和精确诊断神经肿瘤领域的应用
  5. C#委托二——委托协变
  6. 使用JS创建style标签
  7. 苏科大的四年里,我都学会了啥?
  8. JAVA-API学习之 IO
  9. android包大小优化思路总结
  10. Linux负载均衡解决方案 -- LVS 理论概述