屏幕分辨率和布局简述
作者:bluesnail 来源:bluesnail’blog 发布时间:2009-04-20 20:27:00
广州4.18书友会主题的内容提纲自己参与撰写,同时还参与组织和主持。通过这次的深入参与,我发现胡晓同学能坚持下来多不容易,先赞下。由于天公不作美,原定的以春游踏青小组讨论的形式无法实行,只能30号人一起参与,其中的各种不适大家可以看看胡晓同学的踏青归来(UCD广州书友会第七期回顾)的描述,下面开始我们的主题。
1. 屏幕分辨率和布局的定义
1)分辨率
分辨率(Resolution) - 影象清晰度或浓度的度量标准。举例来说,分辨率代表垂直及水平显示的每英寸点(dpi)的数量。BitWare 可以用普通或标准(100 乘 200 dpi)及精细分辨率(200 乘 200 dpi)发送及接收传真文档。分辨率是一个表示平面图像精细程度的概念,通常它是以横向和纵向点的数量来衡量的,表示成水平点数×垂直点数的形式。在一个固定的平面内,分辨率越高,意 味着可使用的点数越多,图像越细致。分辨率有多种,在显示器上有表示显示精度的显示分辨率,在打印机上有表示打印精度的打印分辨率,在扫描仪上有表示扫描 精度的扫描分辨率。
这里大家更多的讨论的是我们日常的一些视觉感知,对CRT和LCD显示器有过多的讨论。
讨论到这里大家讨论到一个关键点,就是显示器都有自己的最佳分辨率,人们都喜欢大尺寸、高分辨率,但不是显示分辨率越高越好。我们还要考虑一个因素,就是人眼能否识别。例如,在14英寸最高分辨率为1024×768的显示器上800×600是人眼能识别的最高分辨率(我们暂时称为最佳分辨率),在1024×768这个分辨率下显示器虽然可以精确的显示图像,但人眼已不能准确的识别屏幕信息了。在相同大小的屏幕上,分辨率越高,显示就越小。这就给我们在产品设计上需要更多的考虑到这个因素,例如整站的字号是否应该大点等等。
2)布局
网页中的布局严格意义上来说并没有一个统一的定义。
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型。
关于第一屏
所谓第一屏,是指我们到达一个网站在不拖动滚动条时能够看到的部分。那么第一屏有多“大”呢?其实这是未知的。一般来讲,例如在1024*768的屏 幕显示模式(这也是最常用的)下,在IE安装后默认的状态(即工具栏地址栏等没有改变)下,IE窗口内能看到的部分为1002px*645px。一般来讲, 我们以这个大小为标准就行了。毕竟,在无法适合所有人的情况下,我们只能为大多数考虑了。
2. 现行主流使用的屏幕分辨率和布局与用户体验的关系
由于现在使用的显示器的尺寸越来越大,台式PC越来越多的使用19吋到22吋的显示器。我们自己使用的笔记本虽然尺寸在10吋到14.1吋居多,但分辨率基本都是在1280X800.主流的发展趋势是宽屏+高分辨率。可以说,电脑显示器发展到30寸可以算是终极尺寸了,再大就不适合当显示器用了。
宽屏液晶显示器的字体到底有多小?像素点和字体的大小是对应的,像素点小了,文字就会变小。宽屏面板的分辨率一般比同尺码的普屏面板高得多,所以宽屏的字体小得多,对视力也不好。
宽屏的字体到底有多小呢(以笔记本为例)?
像素高度(与字体大小成正比):
15′普屏 0.298mm
15.4′(宽) 0.259mm
14.1′普屏 0.280mm
14.1′(宽) 0.237mm
13′(宽) 0.219mm
12′普屏 0.238mm
12′(宽)就不说了,那个字体小到不正常……
现在流行的网页布局(以门户为例),网页布局大多是采用“国”字型,宽960(也有采用950的)的固定版式。现在网页的布局设计变得越来越重要,访问者不愿意再看到只注重内容的站点。虽然内容很重要,但只有当网页布局和网页内容成功接合时,这种网页带给用户的体验才是最好的,为大家所喜欢。
猜你喜欢
- 因为要写个东西用到,所以百度了一下,居然有朋友乱写,而且比较多,都没有认真测试过,只对字符可以,但是对数字就不可以,而且通用性很差,需要修改
- 网站设计时,有一个最常用的指导性原则:页面长度原则上不超过3屏,宽度不超过1屏。这个原则明显是从用户的体验出发,特别是宽度不超过一屏,其最基
- Dreamweaver MX 2004 试用试用心得:安装:选择工作界面(我选了默认的设计模式)初次启动,选择30天试用如果你也看到这个警告
- 以前有过一篇类似的文章, 讲的比较简单只有三个插件而已, 所以这篇文章将全持续更新.jQuery UI 大名顶顶, 不用介绍, 它的各个控件
- 近来看论坛上经常有人提问关于如何无刷新,自动更新数据.传统上,我们浏览网页,如果加入最新的数据.只能是等我们重新向服务器端请求时才能显示出来
- 什么是Css Hack?由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla
- 首先看这下面的例子(鼠标移上去):<TABLE><TBODY><TR&g
- Create PROC P_viewPage
- ExpiresAbsolute 属性指定缓存于浏览器中的页的到期日期和时间语法Response.ExpiresAbsolute [
- 判断函数如下:Public Function CheckBIG(strSource As String) As BooleanDim idx
- 全球数据量的疯狂增长,使得市场对资深数据库管理员的需求也节节攀升。据统计,一直到2016美国IT市场对数据库管理员的需求量增长都将会超过所有
- 本文将介绍在InterDev中实现网上商店购物车功能的方法,具体步骤如下:一、 数据库结构:产品数据表(Products): 存放产品信息产
- 熬了半个通宵,写出了自己的Google SiteMap文件,在这里给出详细编写教程,愿对大家有所帮助。Google SiteMap的作用及协
- 数据库,网站运营的基础,网站生存的要素,不管是个人用户还是企业用户都非常依赖网站数据库的支持,然而很多别有用心的攻击者也同样非常&l
- 学习复杂代码的最好方法是简化:(function(win, undefined) { var jQuery = f
- 在应用系统开发初期,由于开发数据库数据比较少,对于查询SQL语句,复杂视图的编写,刚开始不会体会出SQL语句各种写法的性能优劣,但是如果将应
- ACCESS数据库中Field对象的caption属性(也就是标题)是用来设置数据字段的标题,在正常的数据库设计中为了保持维护的便利性,许多
- 一、HACK以下两种方法几乎能解决现今所有HACK。1, !important 随着IE7对!important的支持, !imp
- 一种很常见的写法: document.write('<scr'+'ipt src=&quo
- parent.html 中的代码为:<iframe marginwidth="0"