概述
iPhone這次一下出了三款新機，iPhone Xs、iPhone XR、iPhone Xs Max，那麼問題來了，這三款手機與之前的有什麼不同，設計師的UI尺寸會發生什麼變化，移動端頁面的UI到底應該以多少爲好？接下來我們將一一探討。
看三款新機分辨率
| Device | Portrait dimensions | 計算 |
|---|---|---|
| iPhone Xs Max | 1242px × 2688px | 1242 = 414*3 |
| iPhone Xs | 1125px × 2436px | 1125 = 375*3 |
| iPhone XR | 828px × 1792px | 828 = 414*2 |
上述分辨率好像似曾相識，是不是在哪裏見過，看了計算欄是不是有點，哦。。。還是不太明白。。。
看前輩們的分辨率
| Device | Portrait dimensions | 計算 |
|---|---|---|
| iPhone X | 1125px × 2436px | 1125 = 375*3 |
| iPhone 8 Plus | 1242px × 2208px | 1242 = 414*3 |
| iPhone 8 | 750px × 1334px | 750 = 375*2 |
| iPhone 7 Plus | 1242px × 2208px | 1242 = 414*3 |
| iPhone 7 | 750px × 1334px | 750 = 375*2 |
| iPhone 6s Plus | 1242px × 2208px | 1242 = 414*3 |
| iPhone 6s | 750px × 1334px | 750 = 375*2 |
| iPhone SE | 640px × 1136px | 640 = 320*2 |
| iPhone 5 | 640px × 1136px | 640 = 320*2 |
| iPhone 4 | 640px × 960px | 640 = 320*2 |
以上數據來源iPhone開發者平臺
從iPhone 4 至今，發佈的部分手機設備分辨率如上，看到計算欄我們可以總結出：
iPhone 系列手機的分辨率大致分三類兩種倍數：
| 橫向分辨率 | 基數 | 倍數 | 代表機型 |
|---|---|---|---|
| 640 | 320 | @2X | iPhone 4 4s 5 5s 5c SE |
| 750 | 375 | @2X | iPhone 6 6s 7 8 |
| 1125 | 375 | @3X | iPhone X Xs |
| 828 | 414 | @2X | iPhone XR |
| 1242 | 414 | @3X | iPhone 6s 7 8 Plus，iPhone Xs Max |
行業老兵應該回憶起來了，15年之前，大家做移動端UI設計，尺寸一般用的都是640，15年之後基本上用的是750，除此之外，大家可能用的比較多的還有1080，這個後面會解釋。
設計師用什麼尺寸，肯定是根據市場來的，所以誰也不能保證以後會用什麼尺寸，這完全需要根據設備的市場佔有率來做相應調整。
看分辨率市場數據
根據百度流量研究院統計，截止2018年7月，iOS設備機型排名和分辨率排名：
可以看到在IOS設備上分辨率前兩名佔據了>75%的份額，而且1242與750的佔比很接近，隨着這次iPhone Xs Max（1242×2688）的發佈，必將逐步增加1242分辨率的佔比，超過750分辨率也指日可待，所以接下來設計師的UI尺寸可能會變成1242*2208。
接下里我們來看Android，截止2018年7月，Android設備機型排名和分辨率排名：
可以看出，Android設備中分辨率佔比最大的是1080，這也就解釋了上面提到的有些設計師會用1080的尺寸，因爲這個尺寸是目前Android市場上最通用的，我們可以看出，除了第一名，下面還有1080的橫向分辨率，加起來>50%。
考慮到國內市場，Android佔有率還是遠大於iOS的，所以設計師選擇用1080的尺寸也是毫無爭議，當然大部分的設計師還是熱衷於iOS尺寸，其中原因也不好細說，可能跟個人喜好有關。
還有一種可能是根據公司產品平臺分佈來選擇，比如我們的某個產品只有Android的APP，那肯定就建議用1080的尺寸啦。
如果兩個平臺都有，同時運營又明確統計出了哪個系統或設備分辨率的用戶佔比，那肯定也是有理有據選擇佔比大的那波用戶來服務啦。
得出結論
1.iOS 設備，尺寸保持750×1334，並逐步轉換成 1242×2208
2.Android 設備，尺寸保持1080×1920
扯了半天，UI設計師該用什麼尺寸呢？答案是，先看用戶數據，如果沒有，那就繼續按目前的尺寸就行，跟沒看過這篇文章一樣，繼續幹活。
擴展
前面之所以把一個分辨率拆分成基數*倍數的書寫形式，首先可以讓大家清楚的知道iOS是如何在考慮設備的分辨率的，不是隨便一個數據，其次是因爲分辨率涉及到另外兩個概念，像素密度（PPI）和設備像素比（DPR），上面提到的@2X、@3X和DPR是一個等同的概念，如果大家有興趣，後面可以爲大家詳細講解，也可以直接閱讀我以前寫的文章《移動Web開發基礎-Viewport》。