看网页的宽度设置应该基于1024以上了

看网页的宽度设置应该基于1024以上了

最 近发现728的网页宽度,也就是以前常用的宽度,有些过窄。因为即使上网本的分辨率至少都是1024*600。昨天看home.godwithus.cc 的joomla的一个主题,其网页宽度是950到1050.因此考虑应该变宽些,因为我又不需要在两边空白处加广告,所以不必故意流出那么多空白。根据下 面文章,两边各留出20px左右的空间。我目前的是根据800*600做的,(800-728)/2=36,即两边各留了36px,而对于1024的宽 度,则各空出148,实在太浪费了。根据下文,目前800*600以下的浏览客户端目前不到1%.

我针对iclab.cn进行统计如下:

上个月(2009年12月22日至2010年1月21日)总共759个访问800*600占1.17%,而低于800*600的则没有。

累积访问(2005年12月22日至2010年1月21日)总共访问53,438次,800*600占1.77%。

因此实在不必要考虑1024以下的了。两边各留36的话,宽度应该是952,正式jooma的主题设置的值。

上个月访问统计:

1.

1024x768

759
35.50%

 

2.

1280x800

448
20.95%

3.

1440x900

239
11.18%

4.

1280x1024

230
10.76%

5.

1600x900

114
5.33%

6.

1366x768

67
3.13%

7.

1680x1050

58
2.71%

8.

1280x768

38
1.78%

9.

1152x864

36
1.68%

10.

800x600

25
1.17%

 

累积访问统计:

1.

1024x768

25,856
48.39%

2.

1280x800

10,160
19.01%

3.

1280x1024

6,987
13.07%

4.

1440x900

4,023
7.53%

5.

1152x864

1,102
2.06%

6.

800x600

947
1.77%

7.

1680x1050

918
1.72%

8.

1280x768

758
1.42%

9.

1280x960

463
0.87%

10.

1400x1050

439
0.82%

 

以下转载自: http://www.isparkle.cn/major-revision-from-the-portal-to-see-if-the-page-width-is-set.html

页面宽度设置是网页设计中最基本的,但是却是颇受争议的。

记得刚刚了解网页设计的时候,有人说,屏幕大小减去22px就是页面的宽度,比如对于800*600分辨率的屏幕,页面的宽度要低于778像素,1024的宽度的页面要设置成不大于1002px,等等。当然还有些人觉得设置成fixed比较好,就是满屏,100%宽度。

但是,从这次各大门户网站改版来看,他们大都是从原来的窄屏改为宽屏了,只有网易还坚守在窄屏阵营,显得颇有些小气。

显然,促使各大网站改为宽屏的原因是,1024*768分辨率的浏览器早已成为主流,更宽的屏幕也越来越多,比如1280*1024。而这些网站的宽度,大都是950px而非1002px(腾讯网的是910px)。

其实,还有很多网站的宽度是960px(阿里巴巴 ),或是980px(buysino )。

我知道在这个问题上面个人的观点是不一样的,我认为这里主要要考虑两个因素:视觉效果和用户体验。

从视觉效果来说,屏幕边缘区域并不是用户的有效视觉区域,也就是说,用户很少去看屏幕的边缘地带的。所以我最近在很多国外的网站看到一些100%宽度设计的网站,两边都会留20px左右的空白(而且这样看起来更加舒服)。

而 从用户体验来说,太宽的屏幕,意味着一行会有更多的字,这一点是不好的。大家在看报纸或看书的时候会注意到分栏,比如报纸,无论是对开还是4开的报纸,都 会分成几栏来显示,如南方都市报是分5栏,每栏15个5号字,这样就很容易阅读,如果不分栏,那么就相当于一行75个字,只有一两行字的话还行,如有二十 几行,谁能读下去?!

现在显示器的屏幕越来越宽,如果网页的宽度也一味的宽下去,用户肯定要纠结了!

所以,我认为950-980的页面宽度是最合适的,如果考虑800*600的显示器,则可以考虑向下兼容的设计(不过,据统计,现在使用 800*600分辨率的显示器的不到1%)。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值