屏幕分辨率在网页设计中的重要性
时间: 2010-12-15   点击: 5759

网页设计与屏幕分辨率

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

一:基础

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月,访问“岂恺网络”的所有访问者的屏幕分辨统计数据,既可以看出现状,也可以通过比较时隔一年的比较,看出一些发展的趋势。

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

 

 

  分辨率 2007-9 2008-9
1 1024×768 73.57% 55.63%
2 1280×800 5.86% 14.38%
3 1440×900 4.45% 9.40%
4 1280×1024 7.56% 8.83%
5 1152×864 2.66% 3.17%
6 1680×1050 <1% 2.69%
7 800×600 3.16% 1.61%
8 1280×960 <1% 1.33%
9 其余 2.74% 2.96%
 
 

从中可以看出:

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

地址:成都锦江区成仁路口万达广场11B单元28楼2848号 咨询热线:028-85241801
   四川岂恺信息技术有限公司是从事成都网站建设,成都网页设计,成都网站制作,成都网站推广等业务的专业网络公司!

版权所有 Copyright ◎7kai.net Inc. All rights reserved. 蜀ICP备10000515号-5