手机与显示器的差距是如何产生的

简介:

手机和显示器的区别仅仅是一个大、一个小么?显然不是这样的,细心的手机用户一定都会发现同样一张图片或者照片在手机上和显示器上看,“看起来”的大小是不一样的,甚至是相差悬殊的,这事怎么回事呢?

 

从参数上来说,显示器的尺寸是:21英寸,分辨率是:1680×1050,手机的尺寸是:3.7英寸,分辨率是:480*800。简单对比发现,很显然二者并不是简单的根据尺寸或者分辨率的倍率来拉伸放大缩小的。

二者之间存在一个转换关系……

做过印刷品设计的人都会知道在印刷上有个dpi(dots Per Inch)的参数,是用来描述指单位面积内像素的多少,dpi越小,扫描的清晰度越低。那么,在数码时代,我们依然有个参数叫做ppi(pixels per inch),用来来描述每英寸所拥有的像素数目,它是图像分辨率的单位,图像ppi值越高,画面的细节就越丰富。所以ppi就是显示器于手机屏幕显示差异的根本所在。

ppi与屏幕尺寸以及分辨率的转换关系可以用数学公式为:

 

通过计算可以得出示例中的手机的ppi为252,而显示器的ppi则为90,手机屏幕的ppi是显示器的2.8倍。简单来说,就是,在手机上看到的图像放大2.8倍就相当于在显示器中看到的效果;或者说在显示器中看到的图像缩小1/2.8倍(约等于36%)就相当于在手机中看到的效果。

 

 

ppi的引入如果就为了得到这个数值?那么就不值得我们这么关注它了,因为如果稍加尝试,你就会发现,如以上数据所说,将电脑上图像缩小到36%,虽然看起来图像的面积跟在手机上看到的差不多,但是实际图像中的内容早已糊成一团了。

那么ppi这个参数的意义何在呢?

通过分析这个数学公式我们可以了解到ppi是与屏幕的分辨率和屏幕尺寸有关系的,那么如果我们有了这三组值中的任意两组就可以得到另外一个了。

 

 

比如,我们从ios人机界面指导手册中我们了解到ios有一些通用原则:可点击元素的最小尺寸是44×44px。那么我们可以通过计算出ppi然后推导出在iphone上44px的最小尺寸对应的屏幕尺寸是多少了。

根据前面的 计算公式,我们很容易得到 Iphone 3GS 的ppi的值为164

那么最小点击区域的44×44px的区域的ppi也等于164;

所以,将公式反推就可以得到iphone 3GS的最小点击区域的实际尺寸为0.38in。

我们知道1in=25.4mm,所以iphone 3GS的最小点击尺寸在物理屏幕上的尺寸为:0.38*25.4=9.6mm

其实一般来说,我们得到的数据更多的是这样的: windows phone 推荐点击区域为9mm,最小7mm,元素之间的距离最小7mm ;Nokia:推荐不小于1cm(0.4″)的点击区域。最小值为:食指点击7×7mm/1mm间距,拇指点击8×8mm/2mm间距,列表选项之间有5mm间距……。由于不同终端机型的分辨率和屏幕尺寸是不相同的,所以大多数厂商更愿意定义更加直观和实际的物理尺寸来指导我们的设计(ios之所以直接定义成像素值,那是因为他们自己既是硬件厂商又是软件厂商,所以机型的分辨率的完全在他们的控制中)。

Nokia 5230为例:

 

 

…………

有了这样的一些数据,就使得我们开发触屏手机上的软件的时候,就变得有据可依,同时也对手机显示和显示器显示的差异能够有个很好的掌握。

ppi只是个参数,它更是一座桥梁,将手机和显示器关联了起来了,让我们的设计可以更加精确和有的放矢。

 











本文转自百度技术51CTO博客,原文链接:http://blog.51cto.com/baidutech/746861,如需转载请自行联系原作者

相关文章
电脑耳机声音小怎么调大(笔记本电脑声音太小怎么加强)
电脑耳机声音小怎么调大(笔记本电脑声音太小怎么加强)
1572 0
|
10月前
|
Windows
如何把笔记本做台式机的副屏(一套键鼠控制两台电脑)
两台电脑在同一个局域网内,并且均为windows操作系统
305 1
如何把笔记本做台式机的副屏(一套键鼠控制两台电脑)
笔记本电脑电池显示 4% 可用(已接通电源),经过清灰又莫名奇妙的可以续航啦,很奇怪!
在此记录一下这个奇葩的事情。不然就只能换电池了。这个电脑用了起码 5 年,电池是有使用期限的,定期更换可能更好
320 0
笔记本电脑没声音怎么办
以Windows10系统为例,笔记本电脑没声音,首先检测一下耳麦,使用其他耳麦看看是否有声音,如果有声音就是耳麦需要更换新的了。其次检查一下音箱等音频外放设备没有连接错误或损坏以及没有被调节为静音或最小音量的情况,静音或者音量小只需要将音量调高就可以了。
|
iOS开发
iPhone 12小毛病多,存在信号差、屏幕显示等问题
10月23日,iPhone 12和iPhone 12 Pro发售,11月6日余下两款iPhone也进入预购阶段,11月13日将正式发售。目前早期购买iPhone 12的用户已经陆陆续续收到货了,不过与抢购热潮形成反差的是iPhone 12存在着诸多小毛病,而且官方也没有给出切实有效的解决办法。
151 0
iPhone 12小毛病多,存在信号差、屏幕显示等问题
办公软件在多屏宽屏上的应用设想
办公软件在多屏宽屏上的应用设想
70 0
|
数据安全/隐私保护
如何通过笔记本分享热点到手机?
如何通过笔记本分享热点到手机?
572 0
失控的手机相机
进入“失控”赛道的国产手机,是被什么绑架了?
340 0
消沉的LG要进击了!不但要做可折叠手机,新机还会有16颗摄像头
不在沉默中消逝,就在沉默中跃起,LG成功地做到了这一点。
280 0
华硕笔记本无法调节屏幕亮度
华硕笔记本在安装了Win10之后无法调节屏幕亮度 原因:安装的显卡非华硕官方显卡,导致不兼容情况 解决方案:到华硕官网下载对应的显卡驱动,卸载笔记本本身的显卡,安装官网的显卡 下载链接:https://www.asus.com.cn/Laptops/R557LI/HelpDesk_Download/
3286 0