青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113113165158935 
知识普及 » 宽屏显示下的网站网页宽度

宽屏显示下的网站网页宽度

奈薇网页设计 2019-07-05 16:04发表
阅读次数 1201
  当前的前端设计师有一个苦恼,就是用户屏幕显示分辨率的各不相同,并不能只按照一个模式设置网站的宽度,特别对于宽屏用户来说更为烦恼。

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

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

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

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

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

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

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

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

宽屏显示下的网站网页宽度相关标签:网站推广制作网站网页制作网站制作
相关热点推荐
推广型网站编撰网站内容
什么是网络推广?
网站安全的威胁与防护
客户!您需要搜索引擎优
优化站内搜索-让用户更
HTML5响应式网站地
中小企业网站建设技巧总
怎样制作一个专业的网站
10条方法让网民在你的
网页设计进阶之八--层
网站技术之网页设计原则
网站制作过程中把握的几
电子商务网站“用户评论
网站的后期维护
快照又回到以前的了,是
企业建站关键注意事项
软文推广的技巧
网页代理
如何自定义百度搜索结果
网站建设之企业的产品和
SEO导出链接技巧
十分钟让你的外贸网站更
青岛设计好并且靠谱的网
Windows10会有
网站优化过度:新手站长
新人做站之网站定位与网
网站制作中的交互设计
百度如何分析网页质量高
网站策划的五个思考
什么样网站体验更好一些
用404页面优化已不存
简单是小说网站的最佳用
新做的网站如何获取高质
如何提升网站在谷歌中排
个人网站如何转型成商业
行业网站的设计心得
影响青岛网站建设排名的
企业通过建设网站来武装
网站技术规范
十大搜索引擎优化错误
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
  • 备案号
  • 鲁ICP备13010283号
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
158个月 1