从不同页面内容角度来看 网页最合适宽度

 

看了《宽屏不是用来阅读的》很有感觉。这篇文章标题很醒目,而我恰好是在Google阅读器中看到此文,发现Google阅读器的设计有点意思。 本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系。

下面是Google阅读器的主阅读区域。不难发现尽管屏幕右侧还有大量空白空间。 .

Google 阅读器

顺便打开了Google搜索结果页等多个页面,发现其中不少同样也是内容定宽,右侧留白。因为曾经做过一段时间网站开发,关于网页最适宽度的研究通常会考虑适应主流显示器分辨率幕大小。随着宽屏、大屏显示器的普及,才逐渐发现当初让页面适应显示器尺寸的想法或许并不恰当。即使现在显示器全部大于21寸,也不能把网页一律设计成1920*1080。 版权申明:本站文章均来自网络,如有侵权,请联系028-86262244-215,我们收到后立即删除,谢谢!

网页供人浏览,首要考虑的是人的使用习惯。那篇《宽屏不是用来阅读的》的思路引申到当前的主题上就是——网页内容的最适合宽度需要适应用户的使用习惯。内容决定用户的阅读方式,用户的阅读方式决定了内容的呈现方式。一个关键点是,眼球横向移动没有纵向移动快。这是由人的生理特征决定的。在阅读的时候,以纵向移动为主可以降低眼球移动带来的疲劳感。 特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系

下面对网页内容进行一个不完全的分组,注意观察标记内容宽度的紫色标志线。 .

1、搜索结果、摘要

google搜索页Google博客搜索

 

百度搜索页百度知道搜索

以上四者均为搜索结果类。用户快速扫读整个页面,目标是快速定位到适当的结果,用户眼球需要快速纵向移动。如果同时横向移动很容易造成疲劳。所以此类网站紫色标志线最短。 ..

2、以阅读内容为主的页面 . 

以阅读内容为主的页面,内容宽度一般大于搜索结果页面。因为用户阅读速度较扫读方式慢,眼球小幅横向移动并不至于造成太大疲劳。同时,由于内容宽度变大,长度变短,可以减轻用户阅读时的心理压力。 .

新闻页面的主题内容宽度一般小于其他页面的宽度,可能原因是新闻在很多情况下也只需要扫读。有意思的是,blog等具有web2.0特色的网站,内容通常以定宽为主。 !

a. 门户网站新闻页等 ..

  . 

b. Google阅读器和百度贴吧 ...

3. 图片或其他媒体搜索/展示页 对真正的成功者来说,不论他的生存条件如何,都不会自我磨灭

 

版权申明:本站文章均来自网络,如有侵权,请联系028-86262244-215 ,我们收到后立即删除,谢谢!
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值