网页设计师必知:目前上网用户使用浏览器和分辨率

Web 设计师真的可以忽视 IE6 了吗?显然不能,使用 IE6 的仍大有人在。本文搜集了最新的 Web 浏览器,屏幕分辨率以及操作系统的分布数据,Web 设计师可以籍此对自己的设计做一调整,比如,1024 以下的屏幕真的很少了,如果硬要照顾这个分辨率,你会发现,一个 800 像素宽的页面在 1440 的屏幕上看上太古怪了。本文数据来自 Wikipedia (OS Browser), Market Share 等媒体。

不同屏幕分辨率分布


可以看出,1024 以下的屏幕所占的比例已经很小了,其中,800x600 的屏幕只占 3.69%,所以,现在的 Web 设计师,除非做的是弹性页面设计,一般不会考虑 800 宽的屏幕,否则,800 像素宽的页面放在 1440 宽的屏幕上浏览实在是太不协调了。

其它屏幕尺寸占了 10.38%,我猜想,这 10.38% 中多数应该是移动浏览器,因为 Wap 一直没有真正发展起来,因此,单独针对移动浏览器进行设计也未必值得,Opera Mobile 这样的浏览器已经可以象桌面浏览器那样渲染网页,同样,那些基于代理渲染的浏览器更是和桌面的渲染结果没有什么区别,差别的只有屏幕尺寸,然而,移动设备的屏幕尺寸实在太小了,只能让它自己左右滚动吧。

值得一提的是 iPhone,鉴于它的流行,很多博客站点都推出 iPhone 版,WordPress 已经支持 iPhone,然而仅限于布局相对简单的博客类站点,普通的站点,在 320 像素的屏幕上是很难不用滚动条完成布局的。

浏览器分布

这是国外的数据,是不是有些意外,IE6 的市场占有率仍然如此之高(国内还要高),仅次于 Firefox,因此,那些愤愤然声称不再支持 IE6 的设计师是不明智的。

Firefox 居首是实至名归,Chrome,Safari,Opera 仍是小众,不过鉴于 Google 的能力,Chrome 会有大作为。
操作系统分布

操作系统分布没有什么悬念,Windows XP 和 Vista 占了9成,Linux 一直很努力,但份额仍然只有 1%。

时间: 2025-01-14 04:07:12

网页设计师必知:目前上网用户使用浏览器和分辨率的相关文章

网页设计师必知的高效导航设计三原则

  为网站设计导航就如同为房子打基础.如果地基不牢靠,再壮观的设计也无法掩盖建筑结构的潜在风险,其实网站也是如此,如果想让网站拥有优秀的用户体验,良好的转化率,可观的销售额,你需要花费相当的时间去了解你的用户需求,精心设计网站的内容,寻求可靠而直观有效的内容组织体系,而这些东西的外化体现,就是网站的导航设计. 什么是导航? 许多人对于网站导航设计的认知并不统一.有人认为,构成网站导航的是网页中的焦点元素,它们让用户清晰直观地找到他们想要的东西.同样的,还有人认为导航设计是一种方法,引导用户去寻找

读后有感 - UI设计师必知:线框图、原型和视觉稿

读后有感 - UI设计师必知:线框图.原型和视觉稿 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. 线框图:草图,重点在交互的目标上,即业务如何交互完成,是不依赖于平台的,如同数据库设计中的概念

学习网页设计必知的20个教学资源站

  好在伟大的互联网让全世界苦逼的互联网er都联合起来,一起解决问题.在线课程社区正是在这种情况下诞生的,应对不同需求的在线社区为需要学习的用户们提供了大量的辅助学习资料以及名师们的课程视频和文字教程,在社区中,你会发现一些传统经典的问题的解决方案,还能找到新兴技术和趋势的深度解读. 这些网站里有大量的第一手的学习资料,只要你用心学习,它们绝对不会让你失望. 1. Udemy Udemy是一个在线学习平台,如果你是技术大牛,可以在此销售自己的教学视频;如果你想在此学习技术,可以购买符合自己需求的

APP设计师必知用户体验十大原则

  1.流程图是一切工作的基础 即便是一个简单的app也要有一个思虑周全的流程图,以确保它有合乎逻辑的.合理的导航结构.另一点就是要确保核心功能所在的屏幕位于上层,而不是被埋没在多层导航元素之下. 2.设计师一定要明确把握自己的分工 设计师创建的每一个细节都要经过开发者才能变得活灵活现.花几个小时和几天时间做出的简单设计更改对App功能的影响是截然不同的. 3.避免使用位图和低分辨率的图片 一般而言,设计首先是为视网膜显示屏.高分辨率的显示屏设计,然后按比例缩减.更好的做法是使用矢量图形进行设计

网站用户体验设计师必知的色彩基础知识

  红色 危险,重要,激情 红色是最强有力的色彩之一,它能展现爱的炙热,也能反映战争的惨烈.英文当中的"to see red",中文中的"见红"都能够很好的反映出这种色彩中蕴含的情感色彩. 通常而言,红色的元素更容易被人注意到,它的强调作用让使用这一色彩的部分显得更为重要,当然这一部分本身是提示还是警告,是好是坏就是另外一个问题了. Netflix 和 YouTube 都将红色作为主色调. 红色可以用作警告色,自然界中生物的充满警示性的红色皮毛,表示停止和警告的交通

每个设计师必知的40个设计素材站

  很好奇那些在Dribbble.Behance上发表佳作的大神们都是在哪里找素材 的么?对,即使是他们也需要优秀素材 的支持来完成好作品,今天我们我们来揭秘一下他们的素材来源.这当中有网站,有PSD素材站,有高清图片网站,有搜集UI元素的博客,有视觉稿合集,这些免费的素材就是他们的灵感库. 和以往所有的列表一样,他们可能看起来距离"伟大"的设计有点距离,但是设计师不就是用来化腐朽为神奇的么? 1. Fribbble 来自Dribbble的免费素材会在这个网站汇集,有图标.PSD.各类

设计师必知道的16个UI优化秘诀

  单栏型式优于多栏 单栏型式让你更能掌握自己的内容,从顶部到底部一气呵成,用故事引导读者,最终是要诱引他们「采取行动」(call to action,下称CTA,意指下载或消费等目的);而多栏反而可能导致读者分心. 不要劈头销售产品 「略施小惠」给使用者,贩卖的意图不要设计得太明显.小小的优惠或礼物,对未来的销售会带来大大的帮助. 统一相似的功能,避免支离破碎的UI 浏览网站时,我们很常看到琳琅满目的元素或特色,但它们的功能毫无二致,而相似的选项太多,只会提高让使用者无所适从.倘若发现自己的网

网页制作必知:初探CSS3的RGBA颜色

一直以来,浏览器的透明一直无法实现 单纯的颜色透明,每次使用alpha后就会把透明的属性继承到子节点上.换句话说,很难实现背景颜色透明而文字不透明的效果,直到RGBA颜色的出现这一切将成为现实. 实现这样的效果非常简单,设置颜色的时候我们使用标准的 rgba() 单位即可, 如rgba(255,0,0,0.4) 这样就出现了一个红色同时拥有alpha透明为0.4的颜色. 经过测试 firefox 3.0 safari 3.2 opera 10都支持了rgba单位,很可惜的是我们的ie系列,包括i

网页设计师必备的35套最佳图标(免费下载)

 适合的图标,可以帮助网页设计看起来更加专业和完整.幸运的是,有一些优秀的免费图标集可以提供非常高品质的图标.在这篇文章中,我们将配备35套,每一个网页设计师应该知道的.保持这些图标设置方便,对于大多数项目,他们会满足您的需求. Flavour Extended Quartz Siena Function Free Icon Set Project Icons Standard Iconset Stationery Fresh Practika On Stage Milky Web Applic