高端定制网站 网站建设 店铺装修 店铺托管 创意设计 服务热线 : 18511833812

SHELL VIEW 贝壳观点

网站设计之网页宽度的深度分析,那种宽度更适合现在的主流分辨率

时间:2014-07-27 作者:admin 点击:
        贝壳设计师在做网页原型设计或者视觉效果图时,首先必须要做的是标注清楚网站宽度,高度等,以便直观的看到网站首屏的高度,首屏可以显示的元素。那么,我们该如何来定网页的宽度?那种宽度更适合用户需求?

 

通过收集的数据我们可以得出如下数据:

1) 1024×768, 1440×900, 1366×768, 1280×800 分辨率是大部分客户端的设置;

2) 客户端分辨率总类非常多,不常见的分辨率比例里面占了相当多的种类;

3) 随着硬件的升级换代800×600,1024×600 等600PX高度的分辨率在逐步消失。

 网页宽度该是多少呢?这个宽度的定义是很有讲究的目前为止有这几种,通过分析现在网页宽度得出以下数据:

1) 950px 960px  970px 980px  1000px 1200px 1002px 等网页宽度是大部分主流网站的设置;

 

      先来分析下那个时代主流大户时至今日的页面宽度就5到6年前或许更早(下文中姑且说5年前),大家讨论页面设计宽度时基本都在950像素到1000像素之间,用960像数来设计为大多数网页设计师接受,包括直到现在960PX还是指导着绝大部分门户类的设计。在那个流行960像素的时代腾讯用的是910像素,而在今年腾讯的新首页已改版为1000像素。与腾讯同步的还有比如凤凰网、新华网(在这里吐槽下新华网页面最外面的黑框)也是1000像素。搜狐、新浪依旧是950像素,网易保持960像素。淘宝网首页1000像素(淘宝子频道页比如:点卡950像素、男装990像素等各不相同),淘宝系列新推的网站比如:聚划算990像素、天猫970像素、天猫电器城990像素、一淘网1200像素。 

与门户类相比电商的改版更彻底了,我们来看下主流电商现在的页面宽度:京东1210像素、当当1200像素、1号店1200像素、新蛋1200像素、苏宁易购1190像素、易讯1225像素、亚马孙自适应(最小宽度980像素)。可以看出现在电商主流的页面设计是1200像素。我从用户体验的角度是这样分析的。1024×768的分辨率虽然有人说至今任然占据着大多数用户的浏览器,记得两三年前有一个看到一个统计1024×768的分辨率的用户占比约为40%左右,而如今1280×800及其以上分辨率的用户约占比为45%到50%左右。时至今日1024×768的分辨率的最新数据用户占比到今年3月只剩下18.6%。,不过可以肯定的是确实仍有很多客户端是这个设置。1366×768的分辨率得益于笔记本的蓬勃发展,在其中占据绝对主流地位,一路高奏凯歌,从微不足道的0.41%攀升至今天的19.2%,荣登分辨率之王。位列第三的还是1280×800的分辨率,比例位12.95%,比三年前只少了5.87个百分点。这种变化对于Web开发人员来说尤其具有指导意义。现在我们可以考虑更多地为1366像素宽度进行页面优化了。

      如此说来网页的高度有没有限制呢?当然是有的不过这个限制并不明确, 根据现在最新分析了解,980px  1000px 是当今主流宽度。电商类主流是1200px,贝壳设计师提示大家,在选择宽度是时候根据自己的需要和主流显示器等因素选择。比如动画网站 Flash 网站等定制网站另行参考。

   
------分隔线----------------------------