UI设计学习--PPI、DPI、PX、DP

先 来学习一下基础知识，常用的UI设计单位和含义，我们先一起看一下定义：

• inch：英寸，长度单位，1英寸=2.54厘米；
• px：pixel，像素，电子屏幕上组成一幅图画或照片的最基本单元；
• pt: point，点，印刷行业常用单位，等于1/72英寸；
• ppi: pixel per inch，每英寸像素数，该值越高，则屏幕越细腻；
• dpi: dot per inch，每英寸多少点，该值越高，则图片越细腻；
• dp: dip，Density-independent pixel, 是安卓开发用的长度单位，1dp表示在屏幕像素点密度为160ppi时1px长度；
• sp: scale-independent pixel，安卓开发用的字体大小单位；
• density：屏幕密度。

我们详细的说明一下每一个单位：

px:像素  即一幅图片的最小组成单元。在Photoshop上将图片放大可以看到是由一个个的小格子组成的，这一个个的小格子就是一个像素。如图所示：这每一个小格子都是一个像素。

DPI：(dots per inch) 即每英寸上能打印的点数量。常用于打印设备上，这个值越高，打印出的效果越精细。

PPI：(pixels per inch)即每英寸上的像素数。表示在屏幕上的显示效果。值越高，显示出的图像越精细。DPI和PPI概念是不一样的，但对于UI软件设计来说可以理解为就是一个意思。

下面我们举个例子计算一下iPhone4的PPI。

它的尺寸是3.5英寸，分辨率是640x960。所以它的PPI=640/宽度=960/宽度。注意我们常说的3.5英寸并不是手机屏幕的长或宽，而是工业生产上所用的对角线长度。 因为屏幕是矩形，对角线分成了两个直角三角形，用勾股定理能推出：PPI=（长宽平方和的开平方/对角线长度）。

这并不是说可以计算出对角线上的像素数，而是在数学定义上正好可以用勾股定理来解释. 所以iPhone4的PPI就是（640平方+960平方），它俩的和开平方除以3.5。结果就是330。

为什么官方说iPhone4的PPI是326呢，那是因为iPhone4的屏幕具体尺寸是3.54英寸，而我们为了方便都说3.5英寸，所以结果稍大了一些。

pt:长度单位，1pt=1/72英寸=0.035厘米。这是一个常用于打印行业的单位。

dp:定义当屏幕的PPI为160时，1dp=1px，这时1dp的长度为1/160=0.006英寸。 当手机屏幕的PPI不同时，比如在320PPI屏幕上，这时1dp=2px,这时1dp的长度为2/320=0.006英寸。也就是说DP类似于我们所说的物理尺寸了，这可以保证用dp做为单位时在PPI不同的屏幕上看起来效果是相同的。