• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 网站建设 >> 网页设计 >> 网页设计与屏幕分辨率 -创新互联

网页设计与屏幕分辨率 -创新互联

• 作者：创新互联 文章来源：网站建设部 点击数： 更新时间：2012-01-15
• 　　作为网页设计师来说，你所设计出来的作品，不仅布局、装饰、字体这些因素很重要，而更为重要的是你所设计出来的网页一定要考虑到客户的显示器，也就是不同的屏幕分辨率大小。此文则是对这一要素的简要说明。
  
  一、基础
  　　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 　440×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.大多数专业的网站，仍然是使用固定宽度布局，因为变宽布局虽然有优势，但是也有缺点，一行文字很宽再折行，读者阅读很不舒服。因此，变宽布局常见于网上商店这类卖东西的网站，希望充分利用空间，而对于内容网站，大多数仍然使用固定宽度布局，比如几大门户网站，没有使用变宽布局的。
• 做一个漂亮的banner使自己处于优势地位 :上一篇
  网页设计、ui设计在未来行业发展的重要性 :下一篇