网页宽度设计的选择

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

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

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

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

1. 固定宽度只适合功能型网站，不适合希望用户认真阅读的浏览型网站。浏览型网站，它的定位是“知识库”，希望你停留在这里认真浏览和阅读。
2. 大屏幕不是用来显示更宽文字内容的，大屏幕下必然会面临鼠标长途奔袭的问题。建议用大屏幕的人：为自己的身体健康着想，在大屏幕下阅读的时候，养成缩小窗口的习惯。
3. 希望用户认真阅读的网站，主要内容区域的宽度必须固定，不能过长，否则会伤害到阅读者的眼睛，而且不适合阅读的流畅性。固定宽度在650左右最合适。有兴趣的人可以去搜索相关报告，为什么是650左右。（严格来说这个宽度不能用像素描述。应该是拿着尺子到显示器上量的毫米宽度才基本够严谨。当然，只说宽度也不行，还有眼睛离显示器的距离、文字大小、字体等因素作为前提）
4. 一个页面只有一个主要内容区域，其他所有都是辅助内容，能隐藏就隐藏，能忽视就忽视。在用户浏览的时候，辅助内容不要紧挨着主要内容。那样会干扰阅读，侧面影响内容摄取的质量。特别是当辅助内容不能很少的时候。
5. 浏览型网站尽量别用三栏，三栏太难设计，一个合理的页面不需要一下子摆出来那么多内容。
6. 对于浏览型网站，在大屏幕下，浏览区域和辅助区域需要有分隔。 即使因为不用固定宽度会带来视觉上的不协调。
7. 虽然屏幕越来越大，对于一些网站来说1024的宽度不一定会是主流，但至少需要向下兼容这个宽度，把他们作为一个很重要的人群考虑。
8. 宽度问题其实是一个蛮值得讨论的问题。在屏幕越来越大，尺寸越来越多样的时候，这个问题会越来越凸显。但如果纠结于“不要有空白”、“功能和内容不能分开”，没有任何意义。有些可用性原则，没有挑战余地。就好像公共场所的门必须向外打开一样。
9. 对于这个问题，设计者应该为用户考虑更有益的方式。而不是听用户说他们想要什么样的方式。因为：大多数嗓门大的用户，并不知道什么样的方式对自己最有益。

下面是一个浏览统计表：

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

本文地址：http://www.nowamagic.net/librarys/veda/detail/1877，欢迎访问原出处。