2.1.1 iOS設計尺寸

1. 相關單位

PPI：像素密度（Pixels Per Inch），是屏幕分辨率單位，表示每英寸所擁有的像素數量，如圖2-1所示。像素密度越大，畫面越細膩。因此，iPhone 4與iPhone 3GS的屏幕尺寸雖然相同，但實際像素大了一倍，清晰度自然更高。

Asset：比例因子。標準分辨率顯示器具有1∶1的像素密度，用@1x表示，其中一個像素等于一個點。高分辨率顯示器具有更高的像素密度，比例因子為2.0或3.0，分別用@2x和@3x表示，如圖2-2所示。因此，高分辨率顯示器需要具有更多像素的圖像。

邏輯像素和物理像素：邏輯像素（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. 設計尺寸

iOS常見的設備尺寸如圖2-4和圖2-5所示。在進行界面設計時，為了一稿適配多種尺寸，都是以iPhone 6/6s/7/8為基準的。如果使用Photoshop，就創建750px×1334px尺寸的畫布；如果使用Sketch，就創建375pt×667pt尺寸的畫布。