网页设计与屏幕分辨率

作为网页设计师来说，你所设计出来的作品，不仅布局、装饰、字体这些因素很重要，而更为重要的是你所设计出来的网页一定要考虑到客户的显示器，也就是不同的屏幕分辨率大小。此文则是对这一要素的简要说明。

一：基础

1：设计师设计的一个网页会被很多很多人访问，而访问者的屏幕大小差异很大，因此需要考虑到这屏幕大小这一因素，确保你的绝大多数目标访问者可以舒服地阅读你设计的网页。

2：对于计算机知识基本为零的人，描述屏幕大小，通常类似于我们描述电视机的方式，比如17吋、19寸等等，这是对的，但还不够；对于计算机知识有所了解的人知道“屏幕分辨率”这个概念，也即是说，计算机显示器的屏幕是由矩形点阵构成，屏幕分辨率就是这个点阵水平和竖直方向的点数，每一个点称为一个“像素”，比如说某显示器的分辨率为“1024X768”，意思就是说水平方向有1024个像素，竖直方向有768个像素，屏幕上一共有1024X768=786432 个像素。

3：目前，通常使用的显示器，分为传统的CRT显示器和新潮的液晶显示器。CRT显示器可以设置多种分辨率，都可以清晰显示，而液晶显示只有一种最佳分辨率，如果通过操作系统设置为其他分辨率，虽然也可以，但是通常效果很差。

二：基本原则

1：设计师在设计一个网页的时候，应该考虑到你的目标用户群，如果你估计访问者大多数是社会上的富有者，比如假设你给销售名车、豪宅的公司做一个网站，你可以认为访问者都会使用比较大的显示器，应该主要考虑这些人的访问体验。

2：目前来说，通常已经不需要考虑800*600这种古董级显示器的存在了，为了照顾着些访问者，会使绝大多数使用主流显示器的访问者，浪费屏幕的很大面积，这对于你的网站来说，降低了大多数人的浏览体验，是不值得的。

3：从我们的访问者统计数据看，目前99%的访问者使用1024*768或更大的显示器。因此设计网页至少应该以1024*768的显示器为标准。

三，那么现在到底各种分辨的显示器分别有多少人在使用呢？

我们下面分别列出2008年9月和2007年9月，访问“岂恺网络”的所有访问者的屏幕分辨统计数据，既可以看出现状，也可以通过比较时隔一年的比较，看出一些发展的趋势。

当然不同的网站一定会有不同的结果，也欢迎其它朋友统计一下你的情况，在留言中贴出来，供大家参考，当然如果网站的访问量太小，数据的准确性也就小一些。下表中统计的两列总访问者数量分别大于两万和三万人。

从中可以看出：

1：第一名的1024*768分辨率的显示器目前占55.63%，说明他仍然是我们目前在设计网页时，考虑的主要目标，同时可以看看出，一年时间从73.57%降至55.63%，说明新买显示其的人，已经不会购买这么小的显示了，只是这些现存的大量显示器，在很长的时间内，仍然会占据着很大的比例，因此在未来很长时间内，我们都需要照顾到这些显示器的存在。

2：更大分辨率的显示器增长非常迅猛，显然与现在液晶显示器的价格飞降、以及笔记本电脑的迅速增加有关。目前位居第二的1280*800就是14吋宽屏笔记本的显示分辨率，第三位的1440*900则是19吋宽屏台式液晶显示器的标准分辨率。这二者都在一年间占有率大涨，增长了1~2倍。

3：排名第4、5的分别是1280×1024和1152×864，他们的比例已经很小了，前者是17吋和19寸非宽平液晶显示的标准分辨率，后者通常是17寸等不太大的CRT显示器的分辨率。二者所占比例都较去年稍有增长，说明他们并不像宽屏显示那么受欢迎，但是还有一些偏好者的喜爱。

4：排名第6名的1680*1050则是2008年的新潮流，它是20、21、22寸的宽屏显示器的标准分辨率，可以看出所占比例虽然不大，但是增长一定是非常迅速的。

5：排名第7名的则是古董级的800*600了，相信它会很快离开我们的视野。

6：排名第8名的是1280*960分辨率，他是19寸CRT的通常使用的分辨率。对于19寸显示，普通消费者一般不会选择CRT显示器，但是一些对颜色要求比较高的设计师，坚持使用CRT的显示，他们会选择19寸或更大的CRT显示器。

四、总结

1：1024*768 目前以及未来相当长的时间，将是主流的或不可忽视的分辨率。

2：使用CSS进行页面布局，可以用变宽的布局方式，灵活地适应浏览器的宽度。

3：大多数专业的网站，仍然是使用固定宽度布局，因为变宽布局虽然有优势，但是也有缺点，一行文字很宽再折行，读者阅读很不舒服。因此，变宽布局常见于网上商店这类卖东西的网站，希望充分利用空间，而对于内容网站，大多数仍然使用固定宽度布局，比如几大门户网站，没有使用变宽布局的。