网上生明月

首页 » 个人日志 »

网页到底该有多宽?

今天是第二次上新浪网络学院的课,老师提了个问题,一个网页该多宽?这是个典型的UED问题,不久之前ucdchina特别讨论过,月光也讨论过这个问题,最终月光采用的是960px的固定宽度。

当时课堂上有个同学回答的特别好,什么时候适合100%,什么时候可以用固定宽度。老师也做了自己的理解。

这个问题显然没有正确答案,我更偏向于固定宽度。

设想一下自己面对一个大屏幕(比如1440px),视线从屏幕左边转向右边,光凭眼球的转动已经不行了,头部也需要做一些旋转。我的笔记本是1200px,扫过整个屏幕也需要运动一下我的脖子了,可见对于1440px以上的人整日面对的都是宽度100%的网页该是多么的累。

不用为大家的脖子的担心,因为我看到的中文网页至少有八成属于固定宽度居中布局(各大门户、99%的博客、四大CMS默认主题),宽度值在900到1000像素之间,其中以960px最流行。据说960px只需要转动眼球就可以看全整个页面了,真是懒人绝配。

960px固然标准,对于内容少的网站完全可以用600到800px的宽度。

有个很著名的眼球理论,认为人们偏向于首先阅读左上角的内容。因为一般网站的标题、导航都在那个位置。将这个理论用于600px宽的网站了,右上角就是整个头部,然后视线直接向下。也就是说读者阅读是个从上到下的简单过程,我觉得这种阅读时最轻松的阅读。

为什么手机阅读受到大家的欢迎?因为手机屏幕小,眼球都不需要转动就可以看小说了,太轻松了。这个是有一定道理的,当遇到问题时候我们总是偏向于用简单、懒惰的方式解决。所以内容少的网站非常适合设计成600px到800px网页。

你所看到的这个网页就只有760px左右,你认为如何。我非常喜欢一个国外设计师的窄网页,他设计了一批只有400px大小的网页,非常有趣(地址暂时找不到了,以后补上)。2009年火的不行的twitter的宽度也只有764px……

特别鸣谢:

新浪网络学院北京高校毕业生就业促进会

发表于2009-11-7 22:30

所有评论

small-snail 在 2009-11-8 1:21 的时候说:

黄金比例的宽度会不会更适合人的眼球啊?

blackli 在 2009-11-8 9:49 的时候说:

@small-snail
想法很好啊,值得考虑

附常见屏幕尺寸比例表:
800*600 0.75
1024*768 0.75
1280*800 0.625
1440*900 0.625

5DKX.COM 在 2009-11-8 20:08 的时候说:

新浪网络学院需要交钱么??是不是新浪办的?

blackli 在 2009-11-8 21:46 的时候说:

@5DKX
是新浪办的,不要钱,半公益性质的吧
相当于职业培训

左岸读书 在 2009-11-15 12:12 的时候说:

固定的好~
然后宽度根据自己的内容定~
有时,可以有些突破~

admin 在 2009-12-23 12:34 的时候说:

好的,补充地址:
http://timvandamme.com/ 这是作者的一个演示,顺着链接爬会发现更多
补充几个应用例子
http://rogieking.com/
http://i.fireyy.com/ (中国)

cuicui 在 2010-1-28 16:29 的时候说:

我来看看,不说话

留句话吧

留言告诉我,你来过这儿 : )



© 2009 lihaihong.com 文章版权所有 转载注明出处