2.1.1 iOS设计尺寸

iOS系统设计规范

1. 相关单位

PPI：像素密度（Pixels Per Inch），是屏幕分辨率单位，表示每英寸所拥有的像素数量，如图2-1所示。像素密度越大，画面越细腻。因此，iPhone 4与iPhone 3GS的屏幕尺寸虽然相同，但实际像素大了一倍，清晰度自然更高。

图2-1 PPI的计算公式（X、Y分别为横向、纵向的像素数）

Asset：比例因子。标准分辨率显示器具有1∶1的像素密度，用@1x表示，其中一个像素等于一个点。高分辨率显示器具有更高的像素密度，比例因子为2.0或3.0，分别用@2x和@3x表示，如图2-2所示。因此，高分辨率显示器需要具有更多像素的图像。

图2-2 一个10px×10px的标准分辨率（@1x）图像，该图像的@2x版本为20px×20px，@3x版本为30px×30px

逻辑像素和物理像素：逻辑像素（Logic Point）的单位为“点”（points，pt），是根据内容尺寸计算的单位。iOS开发工程师和使用Sketch软件设计界面的UI设计师使用的单位都是pt。物理像素（Physical Pixel）的单位为“像素”（pixels，px），是按照像素格计算的单位，也就是移动设备的实际像素。使用Photoshop软件设计界面的UI设计师使用的单位都是px。

例如，iPhone X/XS的逻辑像素是375pt×812pt，由于视网膜屏像素密度的增加，即1pt=3px，因此iPhone X/XS的物理像素是1125px×2436px，如图2-3所示。

图2-3 逻辑像素与物理像素的转换

2. 设计尺寸

iOS常见的设备尺寸如图2-4和图2-5所示。在进行界面设计时，为了一稿适配多种尺寸，都是以iPhone 6/6s/7/8为基准的。如果使用Photoshop，就创建750px×1334px尺寸的画布；如果使用Sketch，就创建375pt×667pt尺寸的画布。

图2-4 iOS常见设备的尺寸

图2-5 iOS设计标准尺寸