网页宽度设计的选择

最近首页考虑改版，不想再使用960宽，于是调查了下关于网页宽度的一些细节。关于实现的细节，可以参看这里 CSS网页宽度怎么定比较合适。

先看一下国内国外的几个知名网站的网页宽度设置：

编号	网站名	网页宽度	备注
1	网易	960px	均指首页，下同
2	新浪	950px
3	腾讯	910px
4	TOM	960px
5	凤凰网	950px
6	MICROSOFT	935px	国外网站
7	BBC	995px
8	AOL	978px
9	CNN	980px
10	Reuters	960px

从上表可以看出，几乎所有的大型网站都是采用比较保守的网页宽度设计，目前且都已不再考虑800*600分辨率的用户的全屏浏览问题，目前网页宽度设置的主流标准仍然是950/960/980像素宽度，最大980像素也大都是国外网站。

网页的宽度设计需要注意以下几点：

固定宽度只适合功能型网站，不适合希望用户认真阅读的浏览型网站。浏览型网站，它的定位是“知识库”，希望你停留在这里认真浏览和阅读。

大屏幕不是用来显示更宽文字内容的，大屏幕下必然会面临鼠标长途奔袭的问题。建议用大屏幕的人：为自己的身体健康着想，在大屏幕下阅读的时候，养成缩小窗口的习惯。

希望用户认真阅读的网站，主要内容区域的宽度必须固定，不能过长，否则会伤害到阅读者的眼睛，而且不适合阅读的流畅性。固定宽度在650左右最合适。有兴趣的人可以去搜索相关报告，为什么是650左右。（严格来说这个宽度不能用像素描述。应该是拿着尺子到显示器上量的毫米宽度才基本够严谨。当然，只说宽度也不行，还有眼睛离显示器的距离、文字大小、字体等因素作为前提）

一个页面只有一个主要内容区域，其他所有都是辅助内容，能隐藏就隐藏，能忽视就忽视。在用户浏览的时候，辅助内容不要紧挨着主要内容。那样会干扰阅读，侧面影响内容摄取的质量。特别是当辅助内容不能很少的时候。

浏览型网站尽量别用三栏，三栏太难设计，一个合理的页面不需要一下子摆出来那么多内容。

对于浏览型网站，在大屏幕下，浏览区域和辅助区域需要有分隔。 即使因为不用固定宽度会带来视觉上的不协调。

虽然屏幕越来越大，对于一些网站来说1024的宽度不一定会是主流，但至少需要向下兼容这个宽度，把他们作为一个很重要的人群考虑。

宽度问题其实是一个蛮值得讨论的问题。在屏幕越来越大，尺寸越来越多样的时候，这个问题会越来越凸显。但如果纠结于“不要有空白”、“功能和内容不能分开”，没有任何意义。有些可用性原则，没有挑战余地。就好像公共场所的门必须向外打开一样。

对于这个问题，设计者应该为用户考虑更有益的方式。而不是听用户说他们想要什么样的方式。因为：大多数嗓门大的用户，并不知道什么样的方式对自己最有益。

下面是一个浏览统计表：

编号	分辨率	百分比	备注
1	1024×768	22.1%	17#普屏居多
2	1280×800	21.9%	14#/15#宽屏居多
3	1440×900	14.6%	宽屏居多
4	1280×1024	8.5%	普屏居多
5	1366×768	8.2%	宽屏居多
6	1680×1050	6.3%	宽屏居多
7	1920×1080	2.9%	宽屏居多
8	1600×900	1.5%	宽屏居多
9	1280×768	1.4%	宽屏居多
10	1152×864	1.4%	普屏居多

从上表可以看出：800*600分辨率用户的确已经很少，并且1024*768分辨率用户占有率也在呈现快速衰退趋 势（需结合早前数据，表中未列出），1280×800和1440×900很快将成为主流，不过，虽然屏幕的分辨率已呈上升趋势，但是网页宽度设置确没有大的改变，估计以后再宽也宽不到哪里去，应该不可能跟进着屏幕宽度设计，让用户左右摆头阅读的。