您当前的位置: 主页 > 新闻中心
网页设计也需要从用户的体验角度出发,特别是宽度不超过一屏,其最基本的表现是浏览器不出现横向滚动条。重庆网站建专注网站建设,网页设计等建站服务,网页设计分享频道为网页设计师寻找设计灵感。
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-07-10
行业动态电商网站网络营销现状从当前的电子商务网络网络营销的现状能发现, 其中还存在着诸多的问题有待... 2021-07-10
对于新建设网站如何提升品牌知名度的呢?随着互联网全面普及,行业竞争也变得越来越激烈,企业如果想要在行业间快速... 2021-07-10
贸易公司网站建设对企业经营的作用有哪些?  贸易网站建设是用某种程序在国外空间上用外语实现你的企业简介、产品展... 2021-11-27
营销型网站建设都有些特的呢点?对于公司来讲,搞好互联网营销重中之重,先得拥有一个营销型网站,许多公司... 2021-07-10
行业动态网站不应只有实用性随着科学技术的迅猛发展, 社会经济也得到了发展, 这使得社会经济结构发... 2021-07-10
网站建设技术之网页设计的十大戒律互联网一出现就体现了其强大的威势,它不仅改变了人们的工作方式,甚至改变... 2021-07-10
初学者对于网站设计的心得体会范文现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不... 2021-09-10
什么样的网站才能成为高端网站建设如果我们的 网站 建设的非常混乱,那么客户根本就不会愿意浏览你的网站,... 2021-07-10
UI设计:手机网站导航页的设计很多 手机网站 导航页设计十分的精美,让人情不自禁的继续浏览下去,它们... 2021-07-10
搜索词分析进人百度统计,单击左上角tab中的搜索词分析选项,即可进人搜索词分析页... 2021-07-10
行业动态对视频处理技术进行说明对视频处理技术进行说明。视频是人们比较青睐的多媒体元素, 其可以直观的... 2021-07-10
今天有时间来写一下最近对新网络的展望【原创】今天有空,坐在这里敲击键盘。回首从事网络这么多年,看看以前到今后发展变... 2022-03-20
响应式网页设计规范与技巧解读什么是响应式网页设计?就像数字化转型一样,响应式网页设计就是为了满足消... 2022-05-31
动态影像如何提升网页的制作效果在很多的网站制作当中,都会利用动态影像来传递网站所要表达出来的信息,而... 2021-07-10
行业动态网站识别的原因消费者通过对网络零售商的先入之见以及与之反复互动,形成了一种网络零售商... 2021-07-10
美容、化妆品行业网站解决方案美容行业网站建设的总体制作规划树立全新品牌形象 对于一个以化妆品行业企... 2022-01-07
网站建设有哪些流程?一、确立自己的目标 网络建设,首先要确立一个目标,先要问一问自己,我为... 2021-07-10
通过访问入口报告做新访客分析单击入口页面的新访客分析tab项。怎么分析访问入口报告里的新访客数据呢... 2021-07-10
如何达到高端网站建设效果的具体方法在任何一个公司或个人团体在进行网站建设的时候都希望达到高端大气的效果,... 2021-07-10

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