[转]网页宽度Web页面设计规范（精选2篇）由网友“Gloria”投稿提供，以下是小编整理过的[转]网页宽度Web页面设计规范，欢迎阅读分享。
篇1：[转]网页宽度Web页面设计规范
最新显示器分辨率比例调查：
目前主流分辨率 1024X768，在此状态下，默认使用910的网页宽度，与腾讯网首页统一尺寸。
特殊情况
1 . 信息量或图片量过大的情况，可以考虑加宽承载，给出两个参考尺寸：
950(paipai，Qbar等)
990(QQshow，游戏产品等)
2. 搜索类信息页面，采用自适应屏幕方式(比如soso搜索产品)
不同浏览器，不同分辨率下网页第一屏最大可视区域：
有效可视区域(单位：Px)
屏幕一二三
800600102476812801024
IE6.0779(+21)432(+168)1003(+21)600(+168)1259(+21)856(+168)
IE7.0779(+21)452(+148)1003(+21)620(+148)1259(+21)876(+148)
Firefox2.0783(+17)417(+183)1007(+17)585(+183)1263(+17)841(+183)
Opera9.0781(+19)461(+139)1005(+19)629(+139)1261(+19)885(+139)
说明：
比如1024×768下IE7.0的可视面积是(1024-21)×(768-148)
综合上面所有的数据，结论如下：
最保守的一屏大小是IE6下800×600：779×432
最广泛使用的一屏大小是IE6下1024×768 ：1003×600
免责声明：该资料来源于网络，版权归原作者所有 CDC WUI /10/29
篇2：从不同页面内容角度来看 网页最合适宽度
看了《宽屏不是用来阅读的》很有感觉.这篇文章标题很醒目,而我恰好是在Google阅读器中看到此文,发现Google阅读器的设计有点意思. 下面是...
看了《宽屏不是用来阅读的》很有感觉.这篇文章标题很醒目,而我恰好是在Google阅读器中看到此文,发现Google阅读器的设计有点意思.
下面是Google阅读器的主阅读区域.不难发现尽管屏幕右侧还有大量空白空间.
顺便打开了Google搜索结果页等多个页面,发现其中不少同样也是内容定宽,右侧留白.因为曾经做过一段时间网站开发,关于网页最适宽度的研究通常会考虑适应主流显示器分辨率幕大小.随着宽屏、大屏显示器的普及,才逐渐发现当初让页面适应显示器尺寸的想法或许并不恰当.即使现在显示器全部大于21寸,也不能把网页一律设计成1920*1080.
网页供人浏览,首要考虑的是人的使用习惯.那篇《宽屏不是用来阅读的》的思路引申到当前的主题上就是--网页内容的最适合宽度需要适应用户的使用习惯.内容决定用户的阅读方式,用户的阅读方式决定了内容的呈现方式.一个关键点是,眼球横向移动没有纵向移动快.这是由人的生理特征决定的.在阅读的时候,以纵向移动为主可以降低眼球移动带来的疲劳感.
下面对网页内容进行一个不完全的分组,注意观察标记内容宽度的紫色标志线.
1、搜索结果、摘要
以上四者均为搜索结果类.用户快速扫读整个页面,目标是快速定位到适当的结果,用户眼球需要快速纵向移动.如果同时横向移动很容易造成疲劳.所以此类网站紫色标志线最短.
2、以阅读内容为主的页面
以阅读内容为主的页面,内容宽度一般大于搜索结果页面.因为用户阅读速度较扫读方式慢,眼球小幅横向移动并不至于造成太大疲劳.同时,由于内容宽度变大,长度变短,可以减轻用户阅读时的心理压力.
新闻页面的主题内容宽度一般小于其他页面的宽度,可能原因是新闻在很多情况下也只需要扫读.有意思的是,blog等具有web2.0特色的网站,内容通常以定宽为主.
a. 门户网站新闻页等
b. Google阅读器和百度贴吧
3. 图片或其他媒体搜索/展示页
很多图片、视频搜索结果页和CMS首页属于此类,通过图片而非文字给人直接的视觉冲击.这类页面的内容通常自适应浏览器宽度.
厚诚集智 成长无限 企业大学网 www.51hlht.com
网页设计实验报告 学院：计算机专业：网络工程班级：0430801学号：08490121 姓名：姚树秘2011年5月10日Web实验一实验题目：编程环境的熟悉 实验目的：1、学会使用Macromedia Dreamweaver......
静态页面制作（排版）通过在伽然这段时间工作经历的总结，发现前端排版工作中存在下问题：1.缺乏高端技术人才； 2.缺乏开发标准； 3.代码复用性低； 4.技术风险难于把控； 归结以上问题原因......
Web页面测试—控件类web端页面测试，最常见的是基本控件的测试，只有了解常见的控件和其测试方法，才能掌握测试要点，避免漏测情况发生。根据日常工作总结，将控件和常见逻辑集合在一......
做网页设计的心得体会 在果冻学院的这段时间我学到了很多东西，而其中我感觉收获最大的就是在网页设计方面，因为自己是在职业预估系统组做的是产品的前端页面的设计。关于页面......
Web前端页面性能优化小结Web前端页面性能优化小结影响用户访问的最大部分是前端的页面。网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现......
![下载[转]网页宽度Web页面设计规范word格式文档](/skin/default/images/icon_word.png){kind=icon}
