作为设计师,都在研究,到底多宽的屏幕合适于阅读。研究来研究去,他们觉得,设计页面的人,第一应该考虑到,不少同学眼珠子没这么宽,需要限定为650-800宽度。也就是说,太宽了,就费双眼,阅读速度也慢了,易用性就减少了(当然,这也是不少老外研究的结论,他们只不过作为传道者,给大伙传道而已)。还有1680或1920宽度的显示器,在看网页时,好不要全屏,如此真的是自己折磨自己。
说起来都挺好听的,自然也是非常有科学道理。但,到底网页需不需要搞得限定宽度,叫人在宽屏时,阅读只看到左边一半的宽度,扭着脖子看左边信息,而忽视甚至费劲地再看右边的信息?近的safari浏览器受人诟病的就是上面的 tab的close button的设计。隔得太宽,每次都要费劲用鼠标点击那小叉叉,真的是对人的折磨。
我也了解,更短的连续文字更合适于一目十行,但事实上,纯文字阅读并不是网站制作第一要考虑的问题。到底设计多宽屏幕,事实上是需要更多考虑的问题。目前的浏览器多数都支持无级缩放,在用大屏幕的时候,可以继续考虑满屏设计,仅需用浏览器的缩放,基本就可以解决问题。放大两倍后,650的像素所占地方大概是1300,离屏幕远一些,看着也没多费劲。设计师的最重要目的,一是可能要考虑前几年合适不同浏览器自动调节CSS的做法,另一个是要培养用户用无级缩放的习惯。
02年yahoo改版的时候,就在考虑800和将来的主流1024之间怎么样平衡的问题。考虑到浏览器字体缩放的技术,满屏更不是那样让人可憎。相反,不要过多地考虑留空白,满屏后,起码可以让阅读者愈加自如地控制字体大小,阅读的舒适度,交回给用户。
不然,以设计师为主导的设计办法,免不了又要进入新浪弹出窗口的悖论宽屏怎么样制作网站 参看大公司是怎么样做的全屏是理想选择。要努力的是浏览器的适应能力,要改变的是用户的浏览习惯。
对于屏幕宽度的例子,以下几个企业各自的选择非常有代表性
http://www.amazon.com/ 满屏的习惯代表,字体的无级缩放,使其更易读,oracle基本也是宽屏到底。
http://www.microsoft.com/ 结合满屏和固定宽度的做法的代表。首页固定宽度,预防页面结构错乱,内部阅读页,满屏。导航和有关链接,置于屏幕的左上和右上地方。类似的有ebay的做法,直到终页面,前面都是用表格来固定宽度,预防页面错乱,后商品页则全屏。谷歌早偏向于全屏处置文字的展示,但近却也挨近折中做法,页面搜索结果也限定宽度,其他地方全屏。但搜索结果页搜索结果地区的固定宽度,是为了预防cache和类似网页与comment等几个功能不要和要素击的搜索结果拉得太开,不能已的设计。gmail和reader等,依旧是全屏设计。
http://www.ibm.com/ 固定宽度的典型代表,在1024已经成主流的1年时间里,IBM固定是800像素设计首页。后来逐步改到合适1024屏幕的宽度。而且特别喜欢用表格区别。
sun,apple,和ibm基本也类似,都跟nngroup的jakob nielsen脱不了干系。但nielesn的不少的理论,也用于microsoft等折中的企业身上。可以去useit.com和nngroup.com看他们到底如何做。没一个固定的说法。
作为内容为主的阅读型网站,我喜欢nytimes和msnbc的设计。但有一些设计理论或许会感觉这两个网站稍显花哨。
网站栏目宽屏怎么样制作网站 参看大公司是怎么样做的