dpi、PPI、dp、pt、sp这几个词语是不是看到就感觉脑子蒙圈了？

作为一名 UI/UX/PD/etc. 设计师，因为不了解这些知识而闹笑话的事情几乎每天都在发生，不知道这些甚至连自己的做设计的电脑屏幕都不了解你觉得真的好吗？

没关系。今天学霸边肖整理了一套系统解剖，教你正确区分！如果你觉得这篇文章有用，请收藏。如果你是小白，你应该把它收藏起来，以备将来学习和使用！正确在评论区写下你的感受。让我们一起成长！

还有什么是DPI和PPI？

& ltFont]是英文Dots PerInch的缩写。最早的时候，这个单位是用来描述一台打印机的性能，也就是说这台打印机最多可以用多少点来打印一英寸的内容。目前市面上常见的家用黑白打印机一般达到600 * 600dpi，而家用彩色照片打印机可以达到5760 * 1440 dpi。DPI越高，每英寸的墨水点数就越多，打印出来的图像就越清晰锐利。

UI设计高端学习群:583915450，100G学习教程资料，注:领取资料

& ltFont]是每英寸像素的缩写，意思是每英寸可以容纳多少像素

举个简单的例子，我们的iPhone(6~7)宽2.3英寸，高4.1英寸。根据勾股定理，屏幕尺寸(屏幕对角线距离)为4.7英寸。同时，iPhone(6~7)的屏幕宽度(每条线)为750像素(发光点)，屏幕高度(每条垂直线)为1334像素(发光点)。

分辨率、像素和屏幕尺寸，

& lt[font]你指的是每英寸的像素，而分辨率指的是屏幕的像素大小。比如1334*750是iPhone(6~7)的分辨率，说iPhone(6~7)的分辨率是326是不对的，326是它每英寸的像素，单位是PPI。问别人像素多大是一个很鸡贼的问题(面试遇到这样的问题要小心)。虽然我们说像素是屏幕的发光点，是物理上的，但是像素脱离屏幕大小之后就没有大小了。你可以把1920 * 1080像素放入40英寸的小米电视机，也可以把所有相同的像素放入5.5英寸的iPhone7 Plus手机。对于40英寸，

所以设计师仅仅看屏幕的分辨率，实际意义不大。分辨率计算出来的每英寸像素(PPI)才是设计师要注意的问题。我们可以通过屏幕的分辨率和大小来计算屏幕每英寸的像素。

再次以iPhone(6~7)为例。我们知道屏幕的水平物理尺寸是2.3英寸，水平方向有750个像素。根据下面的公式，我们可以计算出iPhone(6~7)的屏幕是326PPI，也就是说每英寸有326个像素。

其实不管我们怎么划分，计算出来的每英寸像素(PPI)都会是这个数，宽像素除以宽物理长度，高像素除以高物理长度的数接近326。

对设计会有什么影响？

iPhone 7上显示的326*326px正方形色块的物理尺寸将是1*1英寸。这是因为屏幕每英寸可以容纳326像素，所以326像素合起来只有1英寸。假设我们可以把iPhone 7的屏幕PPI降低50%到163，色块还是326*326px。这个色块的物理尺寸会变成2*2英寸，但在像素数量相同的情况下，看起来会大一倍。

因为我们的色块尺寸是326*326px，而这个163PPI的假iPhone 7每英寸只有163像素，为了显示326*326px的色块，需要额外的1英寸屏幕，所以这个色块在屏幕上看起来“长大”了两倍。

总结:

没有像素大小。你可以把1920 *1080像素放进一台40英寸的小米电视，也可以把所有相同的像素放进一台5.5英寸的iPhone7 Plus手机。

只有当我们和屏幕尺寸在一起的时候，谈论像素才有意义，因为我们可以计算屏幕的PPI。

虽然概念和DPI PPI差不多，但是我还是劝你不要把它们混在一起，虽然很多人可能会告诉你没关系。

在设计的过程中，我们其实不用去计算各种东西的实际尺寸，但是很好的把握其中的原理，可以让你心里有底，这可能就是我们常说的“意识”。不要以为每个人的屏幕都会和你的一样。