网络编程
位置:首页>> 网络编程>> 网页设计>> 屏幕分辨率和布局简述

屏幕分辨率和布局简述

作者: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的)的固定版式。现在网页的布局设计变得越来越重要,访问者不愿意再看到只注重内容的站点。虽然内容很重要,但只有当网页布局和网页内容成功接合时,这种网页带给用户的体验才是最好的,为大家所喜欢。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com