技术资讯
到底要设计多宽的网页?
2009-04-07 09:42:00
白鸦等同学,作为设计师,都在研究,到底多宽的屏幕适合于阅读。研究来研究去,他们认为,设计页面的人,首先应该考虑到,很多同学眼珠子没这么宽,必须限定为650-800宽度。也就是说,太宽了,就费眼睛,阅读速度也慢了,易用性就降低了(当然,这也是很多老外研究的结论,白鸦他们只是作为传道者,给大家传道而已)。还有,白鸦同学也说了,有1680或1920宽度的显示器,在看网页时,最好不要全屏,这样简直是自己折磨自己。
说起来都挺好听的,自然也是很有科学道理。但,到底网页要不要搞得限定宽度,让人在宽屏时,阅读只看到左侧一半的宽度,扭着脖子看左侧信息,而忽略甚至费劲地再看右侧的信息?最近的safari浏览器最受人诟病的就是上面的 tab的close button的设计。隔得太宽,每次都要费劲用鼠标点击那小叉叉,简直是对人的折磨。
我也知道,更短的连续文字更适合于一目十行,但实际上,纯文字阅读并非网页设计首先要考虑的问题。到底设计多宽屏幕,实际上是需要更多考虑的问题。现在的浏览器多数都支持无级缩放,在用大屏幕的时候,可以继续考虑满屏设计,只需要用浏览器的缩放,基本就能解决问题。放大两倍后,650的像素所占位置大概是1300,离屏幕远一些,看起来也没多费劲。设计师的首要目标,一是可能要考虑前几年适合不同浏览器自动调节CSS的做法,另一个是要培养用户使用无级缩放的习惯。
02年yahoo改版的时候,就在考虑800和未来的主流1024之间如何平衡的问题。考虑到浏览器字体缩放的技术,满屏也不是那么令人可憎。相反,不要过多地考虑留空白,满屏后,起码可以让阅读者更加自如地控制字体大小,阅读的舒适度,交回给用户。
否则,以设计师为主导的设计方法,免不了又要进入新浪弹出窗口的悖论:新浪的习惯是弹出新窗口,结果新上网的用户习惯了弹出新窗口。结果,不用弹出新窗口的,似乎就不符合标准。既然大家都喜欢弹出新窗口,_blank的应用就无处不在。浏览器的tab的功能也成为衡量一个浏览器是否已用的标准。鼠标中键点击也成为标准。相反浏览器的标准后退按钮和后退操作,反而慢慢失去了作用。
回到问题上来,到底要设计多宽的网页?我的认为是:全屏是最佳选择。要努力的是浏览器的适应能力,要改变的是用户的浏览习惯。关于《UCDChina 的设计是否土鳖?》——拿数据说话)
====对于屏幕宽度的例子,以下几个企业各自的选择很有代表性===
满屏的习惯代表,字体的无级缩放,使其更易读,oracle基本也是宽屏到底。
结合满屏和固定宽度的做法的代表。加拿大预测网-在线预测固定宽度,防止页面结构错乱,内部阅读页,满屏。导航和相关链接,置于屏幕的左上和右上位置。类似的有ebay的做法,直到最终页面,前面都是用表格来固定宽度,防止页面错乱,最后产品页则全屏。google最早偏向于全屏处理文字的展示,但最近却也靠近折中做法,页面搜索结果也限定宽度,其他地方全屏。但搜索结果页搜索结果区域的固定宽度,是为了防止cache和类似网页以及comment等几个功能不要和要点击的搜索结果拉得太开,不得已的设计。gmail和reader等,依然是全屏设计。
固定宽度的典型代表,在1024已经成主流的1年时间里,IBM固定是800像素设计加拿大预测网-在线预测。后来逐步改到适合1024屏幕的宽度。而且特别喜欢用表格区分。
sun,apple,和ibm基本也类似,都跟nngroup的jakob nielsen脱不了干系。但nielesn的很多的理论,也用于microsoft等折中的企业身上。没有一个固定的说法。
作为内容为൲主🅰的阅读型网站,我最喜欢nytimes和msnbc的设计。但有一些设计理论可能会觉得这两个网站稍显花哨。
近期更新
- [2023-07-26 14:17:28] 加拿大预测网-在线预测:为品牌赋能,海外官网品牌数字化
- [2023-05-06 10:32:26] 加拿大预测网-在线预测:青岛网站建设公司,高端网站定制,🏅一站式网站服务——力🧸图数字科技
- [2023-04-27 13:47:54] 加拿大预测网-在线预测:高端定制网站建设——从满足预期到走向卓越
- [2023-04-11 09:17:49] 加拿大预测网-在线预测:H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] 加拿大预测网-在线预测:windows2012程序在哪
- [2022-04-14 11:01:47] 加拿大预测网-在线预测:力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 加拿大预测网-在线预测:青岛网站建设的流程
- [2021-04-29 10:14:38] 加拿大预测网-在线预测:企业定制化官网建设项目
- [2021-03-05 10:34:45] 加拿大预测网-在线预测:移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 加拿大预测网-在线预测:微信小程序有哪些优势?为什么要开发微信小程序?
- [2021-01-08 17:28:04] 加拿大预测网-在线预测:网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 加拿大预测网-在线预测:建设一个常规的公司网站建设成本大概是多少?
延伸阅读
- [2009-04-07 08:22:00] 加拿大预测网-在线预测:宽屏幕下的Web设计
- [2013-12-26 21:50:21] 加拿大预测网-在线预测:宽屏网页设计趋势与分析
- [2009-04-08 08:51:00] 加拿大预测网-在线预测:宽屏显示下的网站网页宽度
- [2009-04-07 08:23:00] 加拿大预测网-在线预测:宽屏不是用来阅读的
- [2009-04-07 08:24:00] 让阅读更流畅
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案