023-6530 9616

网页设计的宽度是多少?

常见问题解答

网页设计也需要从用户的体验角度出发,特别是宽度不超过一屏,其最基本的表现是浏览器不出现横向滚动条。重庆网站建专注网站建设,网页设计等建站服务,网页设计分享频道为网页设计师寻找设计灵感。   960像数这个神奇的数字出现之初,大家各说纷纭,有...

浏览正文
Tag
网页设计

网页设计也需要从用户的体验角度出发,特别是宽度不超过一屏,其最基本的表现是浏览器不出现横向滚动条。重庆网站建专注网站建设网页设计等建站服务,网页设计分享频道为网页设计师寻找设计灵感。

960像数这个神奇的数字出现之初,大家各说纷纭,有说是因为苹果设计师在1024×768的分辨率下打开浏览器的宽度时974像数,减去浏览器的宽度本生的宽度14像数,这里这个神奇的960像数就这样出生了;也有的说在人眼不转动的情况下所能看到的最大的宽度是960像数。我相信说这话的人真是无时不刻不在考虑用户体验啊。今天就用户体验之网页设计的宽度来发表下我个人的看法,不足之处请大家不吝赐教。

先来分析下那个时代主流大户时至今日的页面宽度就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像素。

举例具体来分析,今年的2月份京东改版(在这里暂不讨论其他内容,只说页面宽度)之后的页面宽度设计成1210像素。有的人认为这样让商品图片更加清晰美观,亦有人认为在页面没有变得更拥挤的前提下,增加了60个广告位(广告位你懂得,这也是在电商上销售商品的各品牌希望得到的),等等都是说的有道理的。

不过对电商的页面为什么都在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像素宽度进行页面优化了。我想这些数据也可能是电商改版的重要参考之一吧。

那么既然1024×768的分辨率仍有很多客户端,电商为什么就敢于放弃这部分客户的用户体验呢?而其他各类型的网站依旧保持不变呢?1024×768的分辨率从2006年左右流行至今已近8个年头了,这8年里PC技术跑步在发展。与之一起发展的便是互联网技术了,电商依附WEB及互联网技术的发展至今也已壮大了。可以说使用1024×768分辨率的机器也应该算是古董级的了,依旧使用这些机器的人,首先可以断定他们对电子产品的更新是没有追求的(电子产品也是各电商主推的)。又或是子女淘汰的机器老人在使用,那在中国大多数老年人对网络还是比较陌生的,这部分人事绝对不可能有网络购物的存在。所以分析来分析去这部分人都不像是电商的潜在客户,既然不是客户,那电商不会顾及这部分网名的用户体验也理所当然了。

而如今1280×800及其以上分辨率的用户约占比为45%到50%左右,这些活跃的网名都是电商的潜在消费者,是客户。电商网站为这部分经常电子购物的网名提供更好的用户体验也是情理之中的。

所以,我说今年电商网站集体告别1024×768是用户体验设计的一部分。

960像数这个神奇的数字出现之初,大家各说纷纭,有说是因为苹果设计师在1024×768的分辨率下打开浏览器的宽度时974像数,减去浏览器的宽度本生的宽度14像数,这里这个神奇的960像数就这样出生了;也有的说在人眼不转动的情况下所能看到的最大的宽度是960像数。我相信说这话的人真是无时不刻不在考虑用户体验啊。今天就用户体验之网页设计的宽度来发表下我个人的看法,不足之处请大家不吝赐教。

先来分析下那个时代主流大户时至今日的页面宽度就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像素。

举例具体来分析,今年的2月份京东改版(在这里暂不讨论其他内容,只说页面宽度)之后的页面宽度设计成1210像素。有的人认为这样让商品图片更加清晰美观,亦有人认为在页面没有变得更拥挤的前提下,增加了60个广告位(广告位你懂得,这也是在电商上销售商品的各品牌希望得到的),等等都是说的有道理的。

不过对电商的页面为什么都在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像素宽度进行页面优化了。我想这些数据也可能是电商改版的重要参考之一吧。

那么既然1024×768的分辨率仍有很多客户端,电商为什么就敢于放弃这部分客户的用户体验呢?而其他各类型的网站依旧保持不变呢?1024×768的分辨率从2006年左右流行至今已近8个年头了,这8年里PC技术跑步在发展。与之一起发展的便是互联网技术了,电商依附WEB及互联网技术的发展至今也已壮大了。可以说使用1024×768分辨率的机器也应该算是古董级的了,依旧使用这些机器的人,首先可以断定他们对电子产品的更新是没有追求的(电子产品也是各电商主推的)。又或是子女淘汰的机器老人在使用,那在中国大多数老年人对网络还是比较陌生的,这部分人事绝对不可能有网络购物的存在。所以分析来分析去这部分人都不像是电商的潜在客户,既然不是客户,那电商不会顾及这部分网名的用户体验也理所当然了。

而如今1280×800及其以上分辨率的用户约占比为45%到50%左右,这些活跃的网名都是电商的潜在消费者,是客户。电商网站为这部分经常电子购物的网名提供更好的用户体验也是情理之中的。

所以,我说今年电商网站集体告别1024×768是用户体验设计的一部分。

总部地址:重庆市沙坪坝区华宇广场4-27-1号 电话:023-6530 9616 传真:023-8871 8228
Copyright © 2009-2019 渝网互联 Inc. All Rights Reserved. By 技术支持:网站建设
备案号:渝ICP备09010556号-1 网站域名:www.cq556.com 网站地图 XML

在线
客服

在线客服服务时间:9:00-18:00

马上在线沟通:

客服
热线

023-6530 9616
7*24小时客服服务热线

扫扫
微信

微信在线咨询 微信在线咨询
顶部