建站常识
网页一屏有多大?
2007-04-06 14:55:00
网站设计时,有一个最常用的指导性原则:页面长度原则上不超过3屏🉐,宽度不超过1屏。这个原则明显是从用户的体验出发,特别是宽度不超过一屏,其最基本的表现是浏览器不出现横向滚动条,这几乎是目前的设计准则。那么这里的一屏到底是多大呢?
普通用户通常浏览网页时,其浏览网页的有效面积会受到下面几个方面的影响:
- 显示器的分辨率
这个由科技发展和用户购买力及喜好决定,其数据取决于统计。 - 操作系统
毫无疑问目前是Windows的天下,其中WindowsXP占绝大多数。 - 网页浏览器
IE依旧份额最高,但是Firefox、Opera和Safari等也有一定市场。 - 个人定制
主要是用户定制操作系统的样式、操作系统任务栏是否隐藏和浏览器的样式,但是总体上这部分应该属于高级用户,绝大部分用户依旧会使用操作系统和浏览器的默认样式。
下面是关于浏览器和屏幕分辨率的统计数据:
W3Counter于2006.11.12发布的全球统计数据
某知名站点2006年10月份的数据
由上面的数据可以得出:
- 基本上用户分辨率都在800×600以上,绝大部分都在1024×768以上,从全球情况来看,800×600的分辨率会越来越少。
- 国内浏览器依旧是IE6的天下,这将会持续较长的时间。从全球市场来看,国内的Firefox2.0和IE7会逐步增长,特别当IE7的中文版推出和Windows自动更新的推广开始以及随Vista上市,IE7增长会更快。
所以计算一屏大小应基于以下原则:
- 一屏指绝大部分用户的浏览器显示网页的有效可视区域。
- 一屏的计算环境是Windows XP和浏览器均处于默认样式。
- 由于IE无论是否超过一屏都存在纵向滚动条的位置,Firefox和Opera是在页面超过一屏的时候出现纵向滚动条,且浏览绝大部分网页都有纵向滚动条的存在,所以一屏大小的计算都基于浏览器有纵向滚动条的状态下。
- 由于Firefox2.0在只浏览一个网页时不出现多窗口的控制栏,而其它的多窗口浏览器都出现多窗口控制栏且使用时都会同时浏览多个网页,所以一屏大小在Firefox中指多窗口的控制栏存在时。
下面是基于上面的原则得到常用浏览器和分辨率下的的数据结果:
有效可视区域(单位:px) | ||||||
---|---|---|---|---|---|---|
屏幕 | 一 | 二 | 三 | |||
800 | 600 | 1024 | 768 | 1280 | 1024 | |
IE6.0 | 779(+21) | 432(+168) | 1003(+21) | 600(+168) | 1259(+21) | 856(+168) |
IE7.0 | 779(+21) | 452(+148) | 1003(+21) | 620(+148) | 1259(+21) | 876(+148) |
Firefox2.0 | 783(+17) | 417(+183) | 1007(+17) | 585(+183) | 1263(+17) | 841(+183) |
Opera9.0 | 781(+19) | 461(+139) | 1005(+19) | 629(+139) | 1261(+19) | 885(+139) |
关于上面数据的解释和一些其他事实:
- 在800×600分辨率和Windows XP下定制Windows的经典样式IE6的有效可视区域是780×445,Windows98、Windows 2000和Windows2003均采用经典样式切IE5.0、IE5.5、IE6.0的布局上相似,所以相同分辨率下应该比Windows XP默认的样式要大。
- 知道浏览器型号和屏幕的分辨率能够很容易的推算出可视区域面积,比如1024×768下IE7.0的可视面积是(1024-21)×(1024-148)
综合上面所有的数据,结论如下:
- 最保守而最有兼容性的一屏大小是:779×432
- 最广泛的一屏大小是:1003×600
- 适合目前国内的情况,一屏大小是779×600
近期更新
- [2025-02-11 14:34:54] 加拿大预测网-在线预测:青岛高端网站定制化设计
- [2023-06-25 23:22:29] 加拿大预测网-在线预测:优秀网站设计的五大特点
- [2023-04-27 14:05:55] 加拿大预测网-在线预测:Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 加拿大预测网-在线预测: 网站建设制作流程知多少
- [2022-10-14 10:11:30] 加拿大预测网-在线预测:做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 加拿大预测网-在线预测:以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 加拿大预测网-在线预测:一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 加拿大预测网-在线预测:企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 加拿大预测网-在线预测:网站加拿大预测网-在线预测设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 加拿大预测网-在线预测:网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 加拿大预测网-在线预测:作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 加拿大预测网-在线预测:高端网站定制与模板化网站应该怎么选择?
延伸阅读
- [2006-08-24 18:27:00] 网页设计师之路
- [2007-11-20 14:05:00] 加拿大预测网-在线预测:网页按钮的功能与表现
- [2010-05-11 10:50:00] 加拿大预测网-在线预测:设计中的色彩:黑色
- [2016-09-27 11:57:00] 加拿大预测网-在线预测:苹果谷歌微软Adobe罕见联手 就为解决字体问题
- [2005-12-29 21:19:00] 加拿大预测网-在线预测:设计精彩网页九“慎”
- [2007-09-13 14:57:00] 加拿大预测网-在线预测:科学与艺术兼顾的有效网页视觉设计
- [2005-12-28 13:58:00] 加拿大预测网-在线预测:网页设计中“线”的视觉构成
- [2005-12-29 21:29:00] 加拿大预测网-在线预测:国际网页Web设计流程
- [2006-05-10 10:52:00] 加拿大预测网-在线预测:动态网页与静态网页的性质区分
- [2009-11-18 22:41:00] 加拿大预测网-在线预测:为销售服务的网页设计思路
- [2005-12-29 21:32:00] 加拿大预测网-在线预测:网页设计经典问答集合
- [2009-08-20 14:24:00] 戴着锁链跳舞
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案