申请网站
忘记密码
密 码:
登录名:
建站咨询热线:
0532-88781131
、
15166683288
知识普及 » 宽屏显示下的网站网页宽度
宽屏显示下的网站网页宽度
奈薇网页设计
于
2019-07-05 16:04
发表
阅读次数
2305
次
当前的前端设计师有一个苦恼,就是用户屏幕显示分辨率的各不相同,并不能只按照一个模式设置网站的宽度,特别对于宽屏用户来说更为烦恼。
根据我的博客上月统计,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而已。
宽屏显示下的网站网页宽度相关标签:
企业网站制作
,
网站申请
,
网站注册
,
网站建设
相关热点推荐
网站LOGO简论
细节决定成败网站建设的
网站常用字体那些事
如何使网页的字体和颜色
Seo真的很简单 用“
让网站似个彬彬有礼的绅
扁平化网页设计的颜色搭
网页设计的艺术处理原则
界面设计是应该本地化还
网页设计制作应注意的问
企业网络营销的成功策略
浅谈如何让你的网站脱颖
如何让百度收录更多的网
网站首页设计有窍门
如何让搜索引擎收录更多
如何提高百度的网站内容
如何搞定站内搜索的产品
网站建设前应该准备什么
如何提升网站在谷歌中排
网页设计元素的减法式优
企业网站建设的好处
网站界面设计:网页的均
新建站优化,加快百度收
如何提高内容视觉效果的
企业为什么要建设网站?
巧用需求、设计文档里的
如何定位网站的主题和名
网站策划到战略与执行的
用户体验:如何塑造网站
企业网站建设应该注意的
浅谈视觉设计的准确性
如何进行网站描述优化
响应式网站在企业网站中
青岛网站制作哪家强
网页模板
网站快速排名优化几大特
建站全攻略之导航栏设计
企业网站建设的流程和方
青岛网站设计中如何创建
“互联网+”热的冷思考
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区:
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户