宽屏不是用来阅读的

星期天 04.05.2009 - Posted in 工作分享, - 5,930 views
首先得抛出个重要的前提观点,大屏幕、宽屏幕根本不是为方便“扫视”准备的。所以说以内容为基础的网站设计不用考虑超宽、超大的场景,甚至包括服务类网站都如此。 曾经在800*600为主流...

首先得抛出个重要的前提观点,大屏幕、宽屏幕根本不是为方便“扫视”准备的。所以说以内容为基础的网站设计不用考虑超宽、超大的场景,甚至包括服务类网站都如此。

曾经在800*600为主流时,页面宽度大都以770或780px为标准;在1024*768为主流时,页面宽度大都以950或960px为标准。当时准则很简单,首页固定宽度,因为版面容易控制;内文页自适应宽度,因为可以让更大屏幕(主要是1024*768)用户单屏看到更多内容。

但现在的大屏幕通常得超过17′才算,在这种情况下,全屏自适应的排版模式并不易读。因此我个人认为,在显示器越来越宽、越来越大的发展趋势下,页面宽度还是固定为好,并且应该以适应1024*768为基准,950或960px几乎是用户不扭脖子、双眼扫视的宽度极限。

至于大屏幕应用,主要是为了能放更多窗口,或者特殊的查看、处理超大图片场景。其目地都是为了提高工作效率,使用双屏意义也如此。全屏模式下,自适应页面中间必然大量留白,固定页面旁边必然大量留白。所以回到开篇所述结论,大屏幕浏览页面的良好体验,本就应该用户自己调整窗口,否则无论如何都有鼠标“长征”的弊端。

宽屏幕的意义主要在于让用户看宽幅电影时的体验更好,绝对不是阅读体验。用普通4:3屏幕看宽幅电影必然造成上下留有黑边,本身就是种浪费,与用宽屏浏览网页两边会有留白是同样道理。比如我很少在笔记本上看电影,用笔记本主要是工作和学习,因此我还是喜欢12′普通比例,虽然宽屏笔记本越来越成为主流。

再比如我博客现在风格版面,从06年第一版设计开始就宽度固定,再大再小的屏幕都如此。现在content宽度是几次调整后的结果,固定还是自适应各有各的好处,我不喜欢自适应。在是否需要固定的问题上,不是很同意白鸦观点,另外大辉西乔提出的问题,我下周二上班用大屏幕截几个有趣的应用后再探讨。

有人认为“UCDChina网志写的挺好,但实际产出不是一回事。”很多时候,研究而成的总结仅仅在理论阶段,实际应用并接入项目得需要时间。创新必然超前于应用,何况因为我们自身的能力问题,还有很多悬而未决的概念、理论认识错误。

最后回到blog皮肤问题,建议所有写网志“号称”web设计师的同行们自己动手设计blog界面,这是自我能力的最基本展示,欧美同行的成绩大家有目共睹。不同的方向必然有不同创意结果,包括视觉设计、交互设计、界面设计、信息设计都能在各自点上尽情发挥。只有在百花齐放的环境里,国内web design水准才可能得到真正意义上的提高。

蓝色理想
http://www.blueidea.com/design/doc/2009/6582.asp

© 一叶千鸟(转载请留原文链接,更新于2010年07月25日2点)

25条评论 发表»

xuxu says:

个人认为未来的方向应该是header、footer做100%, 主体做960px的阅读为最好的设计。

白鸦 says:

固定宽度的问题就在于内容旁边总是跟着一堆不太相干的链接。干扰了深度阅读。

对比一下你的文章页和UCDChina的快照页,就能看出这种区别。(当然妳的右侧涌了灰底,干扰小了点,但还是有)

拓荒者 says:

感觉1000或者960的宽度即可,如果屏幕超级大,19宽屏以上,则将固定宽度居中显示自动变更为靠左或者右显示,留出来的屏幕空间还可以干点别的。

qinci says:

固定宽度无所谓,要不要居中呢?对着uicom.net的content和sidebar之间的空白 真令人囧

西乔 says:

1000px的定宽 是我比较支持和常规采用的设计。整体自适应宽度的布局可以通过backgroud设计来保证视觉上的延展,但真正使用区域不需要自适应流动设计,否则由此带来的问题太多,首要就是阅读区宽度的问题。

CodeGarden says:

蛮喜欢宽屏的,现在习惯了。

colordance says:

我同意固定宽度,但是居左就要考虑一下了。
我是19寸4:3的,都要歪着脖子看;那如果22寸宽屏的呢

居中,固定宽度更好吧

hax says:

自适应布局并非就等同于自动伸缩。自适应布局从概念上说,是要适合用户的UA。如果使用css media query或类似的替代技术,我们就可以为不同分辨率的用户提供不同的布局,譬如,超过1024px宽的,我们使用三栏布局。另一种可能的选择是,正文本身的分栏显示。当然,目前浏览器尚不支持css多栏,多栏也改变了用户的阅读习惯(不是用scroll而是用翻页——私意这可能只适合最大化的情况),是否可用需要实践来研究。

mike says:

个人想要能竖屏显示的显示器, 看网页做论文不用翻页, 不过貌似能垂直显示的都较贵啊….

shinemoon says:

赞同,曾经也瞎捣鼓自己的主题,迷信宽屏自适应那种,可是到了最后,发现还是固定宽度的读起来最舒服。

johnny says:

我的理解是,目前的显示器均为15″以上了,但是分辨率却广泛的使用1024*768。特别是大部分的17″的显示器使用者。因为他们习惯了1024*768的分辨率。那么我设计页面是采用的是800px-1002px之间的宽度,而且是大部分是居中,然后使用background来进行延伸左右。这样就不会显得空洞。

volcanono says:

同意您的观点,很多时候版面是没有必要100%自适应扩展开的,够用就好,就好象mac的窗体就没有最大化这个概念,够用就好。 看电影一定要宽的~感受好

dext says:

非常同意你的观点,另外网站有字体放大功能,浏览器有页面放缩功能,满足老年人和近视朋友的需求就够了。

indigo says:

在72DPI的解析度下,800PX的宽度应该是最适合的横向阅读距离。所以在高分辨率下,显示和更好的控制多窗口的显示才是最重要的问题,这就是为什么 Mac OSX 里面没有窗口最大化,确提供了显示全部内容的功能。Windows 糟糕的窗口管理方式会成为显示器和分辨率发展的障碍,用户不需要更高的分辨率,而是更清晰的画面和最合适的观看和操作尺度 :)

YSlove says:

不是很同意这个说法,虽说宽屏在工作与娱乐的领域更显优势,但是宽屏也正以一种普及的方式到平常人家。其实本来没有路,走的人多了自然就有路了!

seri says:

宽屏算是游戏爱好者&设计师喜欢的,但是绝大多数老百姓还是用的普通屏幕!恩恩。。。

Dake says:

按照阅读习惯我赞成楼主的观点,960最为舒服的宽度.

Ray ma says:

“个人认为未来的方向应该是header、footer做100%,主体做960px的阅读为最好的设计” 比较赞成。

header\footer中的内容部分还应该是居中对齐。另外自己一直是用的950PX。

发表评论

Spammer必读