PX,PPI,PT到底啥意思?

用户头像
深圳/UI设计师/3年前/384浏览
PX,PPI,PT到底啥意思?

补充一个关于PX,PPI,PT,DP的知识点。

在实际工作中,我们总是会被人问到单位问题,尤其是新手设计师在打开软件准备画设计图时心里也会忍不住的问自己,到底是要用pt还是用px来做设计单位。

打开网页去查两者的区别和共同点,发现说什么的都有且都是一知半解的知识点,不能准确解释两者之间的运用。再继续搜下去发现还有人提到PPI和DP,心里不经崩溃。明明只想知道PX和PT的意思,怎么又忽然多冒出两个知识点??

那么现在我就来兑现一下上篇说移动端适配时提到的PT和PX的知识点。记不住的小伙伴赶快点赞收藏吧。

Px:

屏幕最小单位,pixel,也称为像素,像素和我们平常说的英寸厘米这些单位不同,他是没有固定的大小。一平方米的面积上可以放一千个像素也可以放一万个像素,它是个有弹性的、最小的计量单位。

PPI:

Pixel per inches,每英寸像素数(即屏幕密度),一般我们说手机是3.5英寸、4.7英寸,这个数字指的就是手机屏幕的对角线长度,而ppi=对角线上的像素数/对角线长度。

Pt:

自从iPhone4开始使用视网膜屏开始,同样尺寸的手机屏幕就能容纳更多的像素了,原来一部3.5英寸的手机屏幕像素可能只有100*100px,可现在有了视网膜屏以后就变成了200*200px,甚至更多。

这就导致一个50*50px的图标在这两个不同的分辨率的手机里大小就不一样了,在前一部手机里它的大小为屏幕的1/2,后一部里就变成了1/4,可是手机的物理尺寸即英寸大小并没有变。

那么这个图标在视网膜屏里看起来就会变小,这就导致同样的设计在不同的手机里展示效果达不到一致性。为了解决这个问题,苹果自己定义了一个单位——Pt,用来给设计师做基础设计,然后再根据公式变换成px以适应不同分辨率的手机。

需要注意的是这里的Pt对于UI设计师来说就是苹果自定义的设计单位,而不是打印的那个pt,point,1/72英寸。

Pt 和px怎么相互转换?

在开始视网膜屏时代之前,即在1px=1pt的时候,iPhone3G的物理屏幕大小是3.5英寸,像素是320*480,通过计算可以得出它的PPI=163,。

因此在pt和px的转换公式为:

pt=(ppi/163)*px在不能除尽时,采用四舍五入,比如ppi是350,那么pt=2.14px,即1pt约等于2px。

那163哪来的呢?

来自我们还不需要计算pt的iPhone3G时代,iPhone3G的3.5英寸屏幕的像素是320*480,它的ppi=163,苹果就规定了在ppi=163的时候,1pt=1px。

那么Dp又是怎么来的呢?

和pt一样,安卓为了设计而创造的独立单位,即1dp=(ppi/160)px。

0
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册