下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、网页设计的宽度是多少?960像数这个神奇的数字出现之初,大家各说纷纭,有说是因为苹果设计师在1024 X 768的分辨率下打开浏览器的宽度时974像数,减去浏览器的宽度本生的宽度14像数,这里这个神奇的960像数就这样出生了;也有的说在人眼不转动的情况下所能看到的最大的宽度是960像数。我相信说这话的人真是无时不刻不在考虑用户体验啊。今天就用户体验之网页设计的宽度来发表下我个人的看法,不足之处请大家不吝 赐教。先来分析下那个时代主流大户时至今日的页面宽度就5到6年前或许更早(下文中姑且说 5年前),大家讨论页面设计宽度时基本都在950像素到1000像素之间,用960像数来设计为大多数网页设计师
2、接受,包括直到现在960PX还是指导着绝大部分门户类的设计。在那个流行960像素的时代腾讯用的是 910像素,而在今年腾讯的新首页已改版为1000像素。与腾讯同步的还有比如凤凰网、新华网(在这里吐槽下新华网页面最外面的黑框)也是1000像素。搜狐、新浪依旧是 950像素,网易保持960像素。淘宝网首页1000像素(淘宝子频道页比如:点卡950像素、男装990像素等各部相同),淘宝系列新推的网站比如:聚划算990像素、天猫970像素、天猫电器城990像素、一淘网1200像素。与门户类相比电商的改版更彻底了,我们来看下主流电商现在的页面宽度:京东1210像素、当当1200像素、1号店1200像素、
3、新蛋1200像素、苏宁易购1190像素、易讯1225像素、亚马孙自适应(最 小宽度980像素)。可以看出现在电商主流的页面设计是1200像素。举例具体来分析,今年的 2月份京东改版(在这里暂不讨论其他内容,只说页面宽度)之后的页面宽 度设计成1210像素。有的人认为这样让商品图片更加清晰美观,亦有人认为在页面没有变得更拥挤的前 提下,增加了 60个广告位(广告位你懂得,这也是在电商上销售商品的各品牌希望得到的),等等都是说的有道理的。不过对电商的页面为什么都在1200像数,我从用户体验的角度是这样分析的。1024 X 768的分辨率虽然有人说至今任然占据着大多数用户的浏览器,记得两三年前有一个
4、看到一个统计1024X 768的分辨率的用户占比约为 40%左右,而如今1280X 800及其以上分辨率的用户约占比为45%到50%左右。时至今日1024X 768的分辨率的最新数据用户占比到今年3月只剩下18.6 %。,不过可以肯定的是确实仍有很多客户端是这个设置。1366X 768的分辨率得益于笔记本的蓬勃发展,在其中占据绝对主流地位, 一 路高奏凯歌,从微不足道的0.41 %攀升至今天的19.2 %,荣登分辨率之王。位列第三的还是1280X 800 的分辨率,比例位12.95 %,比三年前只少了 5.87个百分点。这种变化对于 Web开发人员来说尤其具有 指导意义。现在我们可以考虑更多地
5、为1366像素宽度进行页面优化了。我想这些数据也可能是电商改版的重要参考之一吧。那么既然1024 X 768的分辨率仍有很多客户端,电商为什么就敢于放弃这部分客户的用户体验呢?而 其他各类型的网站依旧保持不变呢?1024X 768的分辨率从2006年左右流行至今已近 8个年头了,这8年里PC技术跑步在发展。与之一起发展的便是互联网技术了,电商依附WEB及互联网技术的发展至今也已壮大了。可以说使用 1024X 768分辨率的机器也应该算是古董级的了,依旧使用这些机器的人,首先 可以断定他们对电子产品的更新是没有追求的(电子产品也是各电商主推的)。又或是子女淘汰的机器老人在使用,那在中国大多数老年
6、人对网络还是比较陌生的,这部分人事绝对不可能有网络购物的存在。所以 分析来分析去这部分人都不像是电商的潜在客户,既然不是客户,那电商不会顾及这部分网名的用户体验 也理所当然了。而如今1280 X 800及其以上分辨率的用户约占比为45%到50%左右,这些活跃的网名都是电商的潜 在消费者,是客户。电商网站为这部分经常电子购物的网名提供更好的用户体验也是情理之中的。所以,我说今年电商网站集体告别1024 X 768是用户体验设计的一部分。960像数这个神奇的数字出现之初,大家各说纷纭,有说是因为苹果设计师在1024 X 768的分辨率下打开浏览器的宽度时974像数,减去浏览器的宽度本生的宽度14像
7、数,这里这个神奇的960像数就这样出生了;也有的说在人眼不转动的情况下所能看到的最大的宽度是960像数。我相信说这话的人真是无时不刻不在考虑用户体验啊。今天就用户体验之网页设计的宽度来发表下我个人的看法,不足之处请大家不吝 赐教。先来分析下那个时代主流大户时至今日的页面宽度就5到6年前或许更早(下文中姑且说 5年前),大家讨论页面设计宽度时基本都在950像素到1000像素之间,用960像数来设计为大多数网页设计师接受,包括直到现在960PX还是指导着绝大部分门户类的设计。在那个流行960像素的时代腾讯用的是 910像素,而在今年腾讯的新首页已改版为1000像素。与腾讯同步的还有比如凤凰网、新华
8、网(在这里吐槽下新华网页面最外面的黑框)也是1000像素。搜狐、新浪依旧是 950像素,网易保持960像素。淘宝网首页1000像素(淘宝子频道页比如:点卡950像素、男装990像素等各部相同),淘宝系列新推的网站比如:聚划算990像素、天猫970像素、天猫电器城990像素、一淘网1200像素。与门户类相比电商的改版更彻底了,我们来看下主流电商现在的页面宽度:京东1210像素、当当1200像素、1号店1200像素、新蛋1200像素、苏宁易购1190像素、易讯1225像素、亚马孙自适应(最 小宽度980像素)。可以看出现在电商主流的页面设计是1200像素。举例具体来分析,今年的 2月份京东改版(在
9、这里暂不讨论其他内容,只说页面宽度)之后的页面宽 度设计成1210像素。有的人认为这样让商品图片更加清晰美观,亦有人认为在页面没有变得更拥挤的前 提下,增加了 60个广告位(广告位你懂得,这也是在电商上销售商品的各品牌希望得到的),等等都是说的有道理的。不过对电商的页面为什么都在1200像数,我从用户体验的角度是这样分析的。1024 X 768的分辨率虽然有人说至今任然占据着大多数用户的浏览器,记得两三年前有一个看到一个统计1024X 768的分辨率的用户占比约为 40%左右,而如今1280X 800及其以上分辨率的用户约占比为45%到50%左右。时至今日1024X 768的分辨率的最新数据用
10、户占比到今年3月只剩下18.6 %。,不过可以肯定的是确实仍有很多客户端是这个设置。1366X 768的分辨率得益于笔记本的蓬勃发展,在其中占据绝对主流地位,一路高奏凯歌,从微不足道的0.41 %攀升至今天的19.2 %,荣登分辨率之王。位列第三的还是1280X 800 的分辨率,比例位12.95 %,比三年前只少了 5.87个百分点。这种变化对于 Web开发人员来说尤其具有 指导意义。现在我们可以考虑更多地为1366像素宽度进行页面优化了。我想这些数据也可能是电商改版的重要参考之一吧。那么既然1024 X 768的分辨率仍有很多客户端,电商为什么就敢于放弃这部分客户的用户体验呢?而 其他各类型的网站依旧保持不变呢?1024X 768的分辨率从2006年左右流行至今已近 8个年头了,这8年里PC技术跑步在发展。与之一起发展的便是互联网技术了,电商依附WEB及互联网技术的发展至今也已壮大了。可以说使用1024X 768分辨率的机器也应该算是古董级的了,依旧使用这些机器的人,首先可以断定他们对电子产品的更新是没有追求的(电子产品也是各电商主推的)。又或是子女淘汰的机器老人在使用,那在中国大多数老年人对网络还是比较陌生的,这部分人事绝对不可能有网络购物的存在。所以 分析来分析去这部分人都不像是电
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 福建省漳州市十校联盟2024-2025学年高一上学期11月期中考试 数学 含解析
- 城乡给排水工程建设安全基础管理、构筑物、作业、设备管理、消防安全、隐患、事故预防技术服务报告模板
- 辽宁省鞍山市海城市某中学2024-2025学年九年级上学期开学考试数学试题(含答案)
- 文书模板-展览会合同书
- 2024年07版小学5年级上册英语第3单元寒假试卷
- 珠宝销售企业要缴哪些税费-记账实操
- 烃 单元复习-2024年高中化学讲义(选择性必修三)
- 2024年水果、坚果加工品项目资金需求报告代可行性研究报告
- 强化理论的运用原理
- 【沪科】期中模拟卷A【21-23章】
- 2024江苏省沿海开发集团限公司招聘23人高频难、易错点500题模拟试题附带答案详解
- 电气工程及其自动化职业规划课件
- 人教版2024七年级上册英语各单元单词短语句型汇编
- 2024年计算机二级WPS考试题库380题(含答案)
- 2024年人教版九年级英语单词默写单(微调版)
- 22G101三维彩色立体图集
- 大学生安全文化智慧树知到期末考试答案章节答案2024年中南大学
- 2024届高考专题复习:思辨类作文专题复习
- 申请工程工期顺延的函(联系单)
- 人教版小学英语单词表(完整版)
- 国家开放大学《心理健康教育》形考任务1-9参考答案
评论
0/150
提交评论