当前位置:首页 > 建站优化 > 正文内容

现在的显示器都是宽屏的,为什么网页还是窄长的?

zhuangbi888.com2021-05-15 12:01建站优化344

当前的前端设计师有一个苦恼,就是用户屏幕显示分辨率的各不相同,并不能只按照一个模式设置网站的宽度,特别对于宽屏用户来说更为烦恼。

  根据我的博客上月统计,1024×768分辨率的用户只占到50%,并且在逐月下降,而1280-1440这三个分辨率的用户则达到了35%,如果按照这个速度发展下去,明年就会超过1024分辨率,这说明,使用17寸普屏的用户正在加速减少,而17、19寸宽屏用户正在稳步逐步增加,这给前端设计师的一个考验是,不能只考虑1024×768分辨率的用户了,要想想大屏幕宽屏用户的浏览体验了。

  Google Reader是一个典型的内容阅读性质的网站,用户在上面阅读时间非常之长,那么,Google的前端设计师是怎么考虑这个问题的呢?

  大家可以做一个实验,在19寸宽屏下,如果网站页面全文显示,铺满整屏,那么阅读的时候,眼睛需要从左转到右,才能阅读完一行,屏幕越大,这种效果越明显,因此,一个让用户大量阅读的网站,为了照顾好读者的眼睛,在大屏幕宽屏下,也不应该全屏铺开的显示文字内容。

  在1024×768分辨率下,使用Google Reader时,会发现内容是全屏显示的,但是,使用19寸宽屏在1440×900分辨率下打开Google Reader,会发现这时并没有宽屏显示内容,右边留出了一大块空白,如下图显示。

  使用工具测量宽屏下Google Reader的内容显示像素,结果是955个像素,很有趣的数字。

  我在《更改博客页面宽度到960像素》一文中已经提到了,现在的网页设计的行业标准应该就是950/960像素宽度,这个宽度应该是人眼在不转动的情况下能看到的极限了,实际阅读区域正文的宽度是650像素,Google Reader的这个设计很有意思。

  在Google搜索引擎中,搜索结果的显示宽度确是另外一个数字580像素,这是又一种内容宽度设计,Google这么做的原因估计是为了更好的显示右侧广告。

  我的博客最初使用的是778像素这个宽度,在2008年的那次改版后,修改为878像素宽度,主要是为了修改方便,直接加了100像素,正文区域的阅读宽度是668像素,左侧侧栏宽度是200像素。不过,今年的改变,我的博客的整体宽度修改为960,正文区域的宽度是728像素,728的宽度仅仅为了好放Google AdSense而已。

相关文章

网站的设计和建设怎么收费的?

网站的设计和建设怎么收费的?

网站类型非常多,有模板型的、传统型的、展示型的、营销型等,其中模板型网站是最便宜的,但功能较为普通;对网站要求较高、网站需要特别点、功能多点的,就需要考虑定制开发了。 网站的设计和建设费用是波动最大...

怎么促成客户做网站(到哪里去找做网站的客户)

怎么促成客户做网站(到哪里去找做网站的客户)

无论是展示型网站,还是营销型网站都会有这样的一个问题,如何才能留住用户。展示型网站在这里就不多说了,今天,主要来了解一下营销型网站是如何留住用户呢? 1、企业标志 企业标志是营销型网站的必备要素,是...

怎么查看自己服务器的域名(如何查看服务器上配置的域名)

怎么查看自己服务器的域名(如何查看服务器上配置的域名)

这个问题太粗了,需要更多的信息才好做判断推荐。 首先要说明是什么行业什么产品的app,其次最好有类似已上线的app作为比较,这样才可以大致估算项目规模,从而根据不同的特征做出不同的选择。 其次,根据...

制作一个网站需要什么条件(制作网站时首先需要考虑内容是)

制作一个网站需要什么条件(制作网站时首先需要考虑内容是)

现在来说,做网站那就是web前端的工作了。一个页面的显示需要内容、样式和行为工作,对应的就是html。css,javascript。而现在前后端分离概念的提出,要求前端人员能够处理数据,有一个前端的服...

一般只要设计费用多少(设计费用大概多少钱?)

一般只要设计费用多少(设计费用大概多少钱?)

住宅类收费标准如下 1.一般按照费率收费,为概算投资造价的百分之二到百分之三不等。 注此项包括低层小高层及高层。具体费用机制可根据当地公司规定来定。 低层收费标准如下 方案两块到五块每平。扩初七块到十...

从专业的角度评价一下百度和google首页设计有哪些优点缺点?

从专业的角度评价一下百度和google首页设计有哪些优点缺点?

作为国内访问量第一的百度首页,每个细节的改变都会引起一片哗然,百度首页设计,应该包括pc端和移动端的设计,现在,就简单的说一下。 百度首页的优点   随着智能设备的普及,浏览方式的多样化,百度首页也...

响应式网站成网站设计的大趋势是什么呢?

响应式网站界面设计 PC网站过去流行这样一种布局设计——在页面的两边安排重要的内容,这是按照点击的热图进行设计的。因为PC端的两边是用户视线比较关注的区域。但是在移动端,手指能够触及的地方是非常有...

网站制作致谢词(活动致谢词)

网站制作致谢词(活动致谢词)

额,楼下很多回复,也算比较中肯吧,不过都是网络公司的人,可能并没有真正了解题主的潜在需求。 给工厂搭建一个网站,首先还是要了解一下工厂客户对国外还是国内,国外选择的服务器和域名与国内不同,其中有点考究...