您当前的位置: 主页 > 新闻中心
网页设计也需要从用户的体验角度出发,特别是宽度不超过一屏,其最基本的表现是浏览器不出现横向滚动条。重庆网站建专注网站建设,网页设计等建站服务,网页设计分享频道为网页设计师寻找设计灵感。
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是用户体验设计的一部分。想了解更多资讯,请关注我们(
www.1yc.cn),欢迎转发交流!


关键词:网页设计,的,宽度,是,多少,网页设计,也需,    标签:
    更多资讯请收藏关注 网站模板(www.1yc.cn)

专注网站设计——网站布局大盘点 都有哪些? 所有的布局都是为了用户体验,而在现阶段各种效果图泛滥的时代,能准确抓住... 2021-12-29
企业做互联网站开始应该做的就是网站搭建1、提升公司形象。各公司会在重庆网站建设过程中更详细地介绍公司的整体情... 2022-04-11
高端企业网站设计管理系统对于网站自身架构优化的建议高端企业网站设计管理系统对于网站自身架构优化的有哪些建议呢,今天就由小... 2022-02-18
搜索引擎优化八大误区--重庆网站建设都必读误区1:所有的元标签都是同等重要的。某些元标签(meta tags)确... 2022-03-28
新闻动态网站建设目的的确定网站建设目的的确定, 这是一个至关重要, 却又往往为人们忽视的一个重要... 2021-07-10
网站改版后如何避免降权问题每个站长都盼望本身的站变得更滑稽,可以大概不修正网站模板, 网站 模板... 2021-07-10
什么是关键词关键词是指 网站 或产品被搜索到的短语,也就是用户通过搜索引擎寻找的信... 2021-07-10
细说重庆网站设计中一些常见的网站错误如何学会避免?一些人通常在网络上看到一些高流量的流行词,许多网站也通过这个词赚了很多... 2022-05-20
趋势分析网站的进步体现在指标提升,网站的问题体现在指标下降。流量分析系统常常将... 2021-07-10
网站设计需要注意的一些细节一个网站设计的好不好?既要把公司业务展现出来,也要给人一个良好的视觉体... 2021-07-10
网站建设设计中布局元素的重要性有哪些?网站建设中,网页布局的好坏,对网站未来的发展,有着重要的作用。很多人会... 2022-04-18
新闻动态图形符号在多媒体网页设计中,图形符号可起到有效的点缀功能,可强化网页设计整体的... 2021-07-10
网站建设价格差异大到底是什么原因的呢?现如今,网站建设已经成为非常普遍的事情,各种建站公司层出不穷,价格也是... 2021-07-10
如何达到高端网站建设效果的具体方法在任何一个公司或个人团体在进行网站建设的时候都希望达到高端大气的效果,... 2021-07-10
网站设计制作有什么技巧都有哪些? 不少企业目前都更加重视网站建设,对于每一个企业来说,建设自己的专有风... 2021-12-21
新闻动态社交网站营销模式快捷、高效在六度分隔与弱链接等的基础理论的支撑下, 并与互联网的及时、迅速等优势... 2021-07-10
企业网站建设色彩的作用随着数字时代的到来, 互联网所带来的影响与日俱增, 不仅仅是互联网, ... 2021-07-10
响应式网页设计规范与技巧解读什么是响应式网页设计?就像数字化转型一样,响应式网页设计就是为了满足消... 2022-05-31
如何达到高端网站建设效果的具体方法在任何一个公司或个人团体在进行网站建设的时候都希望达到高端大气的效果,... 2021-07-10
网站收录下降解决方法搜索引擎蜘蛛爬行到网站,对网站内容进行抓取,因此 网站 的收录与搜索引... 2021-07-10

线
咨询热线:
135-0038-3336
在线客服:
点击这里给我发消息
微信交流:
公司官网: www.1yc.cn