专业网站建设

网页设计的尺寸宽度到底多少最合适?

网页设计公司

 

  网页设计也需要从用户的体验角度出发,特别是宽度不超过一屏,其最基本的表现是浏览器不出现横向滚动条。深圳网站设计公司大腕互联专注网站建设,网页设计等建站服务。

  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是用户体验设计的一部分。

上一篇
下一篇

推荐内容

网站建设的前期准备工作

建站公司在开始网站建设的工作前,必须要做好以下几方面的梳理:网站框架、网站风格、目标群体、功能、预算。前期的准备工作直接影响到网站后期的维护以及能否使建设出来的网站发挥出它的最大功用。

企业网站应该怎样发挥其应有的价值

在21世纪互联网高速发展的时代,网上用户的数量比往年高出了不少,也给很多个人和企业带 来了巨大的市场和商业价值,比如虚拟主机行业的迅速发展就是典型。

企业在网站建设中易进入的四大误区

网站内容只有不断的有更新,才会被抓取到,从而有个好的排名。网站排名越靠前,被用户看的几率就越大。再者,倘若用户每次浏览同一个网站出现的都是相同饿内容,没有任何更新,那么久而久之,就不会再被关注了。

网站建站页面改版后怎样避免排名大幅下降

随着企业的发展,现有的网站可能并不能很好的反映企业的实际情况,这就需要对企业网站进行一个网站改版。那么网站建设中,怎样避免搜索引擎对我们改版后的网站产生反感的情绪呢

营销型网站建设与响应式网站建设有什么区别?

除专业人士,普遍人对网站的种类区分概念都是很模糊的,只想着我想做一个网站,或是我想做一个很炫的网站,再或是我想做个网站一帮助提高公司业绩。

网站营运有哪些关键点?

网站的营运其实和现实营运店铺、公司是一样的,只要经营不善就可能倒闭,那我们做网站营运的时候有哪些关键的地方要注意的呢?今天深圳网站建设公司大腕互联就和大家分享一下。

做好企业网站设计提高网站用户的转化率

怎样将网站的访问者转化为成交的顾客?这就涉及到提高用户转化率的问题了。对企业特别是中小型企业来说,用户转化率都至关重要,它关系着网站的存亡,尤其是对那些进行网上销售的公司来说。

8个方法迅速提升百度竞价效果?

许多企业和朋友咨询到如何做百度SEM(百度竞价)?我在互联网营销公司从事竞价工作已有8年年头,以前做过医疗行业,家装行业,企业网站,环保行业,机构行业等做过不少行业,感觉应该给大家简单讲解一下做百度竞价,到底应该注意些什么?

大腕动态新闻

设计、印刷一体化将是印刷行业进化新方向

信息技术革命带来了互联网和电子商务,在电子商务热潮下,几乎所有行业都发生了相应的变革,而印刷业作为信息产业的重要组成部分自然也进行了“改造”。

在线简历设计用新一代在线智能设计平台·变设龙

在线简历设计用新一代在线智能设计平台·变设龙

在线海报设计用新一代在线智能设计平台·变设龙

宣传海报用于产品和品牌信息的传递、宣传。宣传海报又称招贴画,贴在街头墙上,挂在橱窗里的大幅画作,以其醒目的画面来吸引路人的注意,起到产品及品牌的宣传、广而告之的作用。宣传海报常用于艺演出、新品推荐、运动会、故事会、展览会、家长会、节庆日、竞赛游戏、电影宣传等。

在线工作证设计用新一代在线智能设计平台·变设龙

工作证,也称胸牌、员工证,是个人工作证件之一,代表着个人在某单位工作的凭证,也是一个公司形象和认证的标志。工作证设计的标准尺寸是85.5mm*54mm,大一点的有70mm*100mm。工作证设计内容一般包括单位名称、持证人姓名、职位、照片、工号等。

在线banner图设计用新一代在线智能设计平台·变设龙

世界看脸,网站看Banner,门面当然要漂亮,不过很多同学以为做Banner是门技术活儿,自己学艺不精做不了。如果你看了今天这篇文,就会明白,技术于Banner,就像刀法于人,虽有招式,但无内功支撑,久战必败。而这篇好文,就是Banner的内外兼修的神功秘籍!

变设龙设计好的图片下载到电脑哪去了?

变设龙做为一款简单方便的免费在线智能设计平台,已经有很多新媒体、电商运营、初入设计界的小伙伴在使用了,但MAC苹果系统的小伙伴在使用过程中总是遇到一个问题,那就是我在变设龙的设计的图片点击保存下载后到底下到哪里去了?

通过这几点正确的选择一家靠谱的网站建设公司

每个企业对要做的网站的需求不同,需求可能来自于网站类型的差异,是一般企业展示型网站还是电商或是社区,不同的网站类型会产生不同的价格。另外,不同设计、功能或者交互体验上的要求不同,也会影响最终的价格。各网站建设公司的技术水平和服务水平不同。

网站建设市场混乱如何从中正确抉择?

一个网站的重要性不言而喻,而如何选择一家专业靠谱的建站公司却是多数需求方为之苦恼的问题。纵观目前建站市场的整体发展,网站建设的业务已经趋于饱和,各类网站建设公司包括小型工作室以及个人服务商的数量却在逐年增加。

深圳大腕互联2018劳动节放假通知

  根据国务院办公厅通知并结合我司考勤规定,现公司决定2018年劳动节放假安排如下:  2018年4月29日至5月1日放假调休,共3天。4月28日(星期六)上班。  工作项目安排请提前做好工作对接,放假期间无人员值班安排,如项目有紧急情况请联系项目负责人进行沟通并协助处理,给您带

你的抠图神器已上线,请签收!

抠图难,抠图难,抠图难于上青天

复制添加微信好友

18617196506

关闭

电话咨询

周一至周日 9:00-18:00

公司地址

深圳市福田区福年广场B1栋506-511室

电话咨询

400-788-9809

周一至周日 9:00-18:00

总部地址

深圳市福田区福年广场B1栋506-511室

图片

深圳大腕互联信息科技有限公司    粤ICP备14028157号

免费电话咨询

图片
图片
图片
图片