在iPhone5面世之前，iPhone只有3.5寸的版本，卻有兩種不同的分辨率，為了方便開發(fā)人員適配祟蚀，iOS統(tǒng)一使用點(Point)對界面元素的大小進行描述；在非retina屏幕上割卖，1pt=1pixel前酿，在retina屏幕上 1pt = 2pixel。而后iOS分辨率不斷提高鹏溯，但是依然沿用pt來表示罢维，由于在相同的物理空間中有更多的像素，所以每個pt有更多的pixel丙挽。
iOS開發(fā)中要為你應(yīng)用所支持的設(shè)備提供相應(yīng)分辨率的圖像
您可以通過將每個圖像中的像素數(shù)乘以特定比例因子來實現(xiàn)此目的肺孵。標準分辨率圖像的比例因子為1.0(非retina屏使用，現(xiàn)在基本不適配)颜阐，被稱為@ 1x圖像平窘。高分辨率圖像的比例因子為2.0或3.0，被稱為@ 2x和@ 3x圖像凳怨。假設(shè)您有一個標準分辨率@ 1x圖像瑰艘，例如100px×100px。這個圖像的@ 2x版本將是200px×200px肤舞。@ 3x版本將是300px×300px紫新。
| 設(shè)備 | 比例因子 |
|---|---|
| iPhone X,Plus系列,iPad Pro | @3x |
| 其他retina分辨率iOS設(shè)備 | @2x |
| 非retina分辨率iOS設(shè)備 | @1x |
應(yīng)用圖標
每個應(yīng)用程序都需要一個圖標，在App Store中引起注意李剖，并在主屏幕上脫穎而出芒率。圖標是用戶對你的應(yīng)用程序的第一印象。它也出現(xiàn)在整個系統(tǒng)中篙顺，如設(shè)置和搜索結(jié)果偶芍。
應(yīng)用圖標屬性
圖標文件需要滿足
| 屬性 | 值 |
|---|---|
| 格式 | PNG |
| 色域 | sRGB或者P3 |
| 圖層 | 無疊加層和透明圖層 |
| 形狀 | 不帶圓角的正方形 |
應(yīng)用程序在主屏幕的圖標大小
每個應(yīng)用程序都必須提供小圖標以便在主屏幕和整個系統(tǒng)上安裝應(yīng)用程序充择，以及在App Store中顯示更大的圖標。
| 設(shè)備 | 圖標尺寸 |
|---|---|
| iPhone | 60pt × 60pt |
| iPad Pro | 83.5pt × 83.5pt |
| iPad,iPad mini | 76pt × 76pt |
| App Store | 1024pt × 1024pt @1x |
Spotlight,設(shè)置,和通知中心的圖標
| 設(shè)備 | Spotlight | 設(shè)置 | 通知 |
|---|---|---|---|
| iPhone/iPad | 40pt × 40pt | 29pt × 29pt | 20pt × 20pt |
每個應(yīng)用程序還應(yīng)提供一個小圖標腋寨，以便在spotlight中顯示聪铺。帶有設(shè)置的應(yīng)用程序應(yīng)該提供一個小圖標以顯示在內(nèi)置的“設(shè)置”應(yīng)用程序中，支持通知的應(yīng)用程序應(yīng)該提供一個小圖標以顯示在通知中萄窜。所有的圖標應(yīng)該清楚地標識你的應(yīng)用程序铃剔，理想情況下，它們應(yīng)該匹配你的應(yīng)用程序如果您不提供這些圖標查刻，iOS可能會縮小您的主應(yīng)用程序圖標以顯示在這些位置键兜。
| 設(shè)備 | Spotlight | 設(shè)置 | 通知 |
|---|---|---|---|
| iPhone/iPad | 40pt × 40pt | 29pt × 29pt | 20pt × 20pt |
應(yīng)用程序中的自定義圖標
NavigationBar和Toolbar的圖標大小
| 目標尺寸 | 最大尺寸 |
|---|---|
| 25pt × 25pt | 28pt × 28pt |
TabBar的圖標尺寸
在縱向方向上，標簽欄圖標顯示在標簽標題上方穗泵。在橫向普气，圖標和標題并排顯示。根據(jù)設(shè)備和方向的不同佃延，系統(tǒng)會顯示常規(guī)或緊湊的選項卡欄现诀。您的應(yīng)用程序應(yīng)包含兩種尺寸的自定義選項卡欄圖標。
| 屬性 | 常規(guī)尺寸 | 緊湊尺寸 |
|---|---|---|
| 圓形圖標 | 25pt × 25pt | 18pt × 18pt |
| 方形圖標 | 23pt × 23pt | 17pt × 17pt |
| 寬圖標 | 31pt(寬) | 23pt(寬) |
| 長圖標 | 28pt(長) | 20pt (長) |
程序啟動圖片
啟動圖片會在您的應(yīng)用程序啟動時立即出現(xiàn)履肃。啟動圖片快速被您的應(yīng)用程序的第一個屏幕取代仔沿，給人的印象是你的應(yīng)用程序是快速和響應(yīng)。每個應(yīng)用程序都必須提供啟動屏幕尺棋。
啟動圖片尺寸
| 設(shè)備 | 豎屏 | 橫屏 |
|---|---|---|
| 12.9“iPad Pro | 2048px×2732px | 2732px×2048px |
| 10.5“iPad Pro | 1668px×2224px | 2224px×1668px |
| 9.7“iPad | 1536px×2048px | 2048px×1536px |
| 7.9“iPad mini 4 | 1536px×2048px | 2048px×1536px |
| iPhone X | 1125px×2436px | 2436px×1125px |
| iPhone 8 Plus | 1242px×2208px | 2208px×1242px |
| iPhone 8 | 750px×1334px | 1334px×750px |
| iPhone 7 Plus | 1242px×2208px | 2208px×1242px |
| iPhone 7 | 750px×1334px | 1334px×750px |
| iPhone 6s Plus | 1242px×2208px | 2208px×1242px |
| iPhone 6s | 750px×1334px | 1334px×750px |
| iPhone SE | 640px×1136px | 1136px×640px |
一個制作app應(yīng)用圖標的網(wǎng)站
圖標工廠是一個快速制作iOS和安卓應(yīng)用圖標的網(wǎng)站封锉。
