zoukankan      html  css  js  c++  java
  • 从各大门户改版,看网页的宽度设置

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

    记得刚刚了解网页设计的时候,有人说,屏幕大小减去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%)。

    下面我附上一些统计的图标供大家参考:

    下面再来看看分辨率的情况:

    ok,今天就到这里吧,下次有什么新的感悟在更新!

  • 相关阅读:
    巨蟒python全栈开发-第17天 核能来袭-成员
    常用Git命令大全思维导图
    Android传递Bitmap的两种简单方式及其缺陷
    功能强大的图片截取修剪神器:Android SimpleCropView及其实例代码重用简析
    Package pdftex.def Error: PDF mode expected, but DVI mode detected!
    Android第三方开源图片裁剪截取:cropper
    Android第三方文件选择器:aFileChooser
    Android实现ViewPager无限循环滚动回绕
    AndroidTreeView:Android树形节点View
    Android DynamicGrid:拖曳交换位置
  • 原文地址:https://www.cnblogs.com/lin714115/p/2486559.html
Copyright © 2011-2022 走看看