北京時(shí)間9月13日凌晨1點(diǎn)，蘋果在美國加利福尼亞州的Apple Park園區(qū)召開了2018年蘋果秋季新品發(fā)布會(huì)；發(fā)布的三款新iPhone包括兩款OLED屏幕的iPhone XS和iPhone XS Max，屏幕尺寸分別為5.8英寸和6.5英寸，和iPhone XR，配備6.1英寸LCD液晶屏。
新機(jī)型的發(fā)布，必然會(huì)對(duì)UI設(shè)計(jì)師的適配產(chǎn)生一些影響，下面U妹帶大家一起來看看都有哪些變化？
一、?屏幕尺寸與分辨率
二、如何進(jìn)行適配？
手機(jī)適配采用幾倍圖與PPI是有關(guān)系的，也就是所謂的像素密度，現(xiàn)在，我們都是以750x1334px的尺寸作為設(shè)計(jì)稿進(jìn)行設(shè)計(jì)，以@2x為基準(zhǔn)做設(shè)計(jì)稿，有一種情況現(xiàn)在非常普遍，那就是一稿兩用；設(shè)計(jì)師都是做IOS版本的設(shè)計(jì)稿，同時(shí)適配安卓，這樣既節(jié)省了開發(fā)時(shí)間和并減少了項(xiàng)目成本。
1、對(duì)于iPhone XS
新發(fā)布iPhone XS（458ppi），5.8英寸，分辨率為1125x2436px，與iPhone X（三倍圖）是一致的，所以我們可以得出iPhone XS也是使用的三倍圖@3x。
2、對(duì)于iPhone XS Max
iPhone XS Max（458ppi），6.5英寸，分辨率為1242*2688px，而iPhone8 Plus（三倍圖，401ppi），分辨率為1242x2208px，iPhoneXS Max比iPhone8 Plus的PPI僅多了50多，跟iPhoneX（三倍圖）的PPI一致，可以看出iPhoneXs Max使用的同樣是三倍圖@3x。
從屏幕寬高比例來看：
iPhone XS Max寬度1242/3=414pt，iPhone8 Plus寬度1242/3=414pt，兩者的寬度一致
iPhone XS Max高度2688/3=896pt，iPhone8 Plus高度2208/3=736pt；
iPhone XS Max比iPhone8 Plus長一截，多了160pt。
我們發(fā)現(xiàn)，iPhone XS Max的適配，和去年設(shè)計(jì)師適配iPhoneX差不了多少。
3、對(duì)于iPhone XR
iPhone XR（326ppi），6.1英寸，分辨率為828x1792px，可以看到iPhone XR與iOS二倍圖的PPI（326ppi）一致，可以看出iPhone XR使用的是二倍圖@2x。
從屏幕寬高比例來看：
iPhone XR寬度828/2=414pt，iPhone XS Max寬度1242/3=414pt；
iPhone XR高度1792/2=896pt，iPhone XS Max高度2688/3=896pt；
對(duì)比發(fā)現(xiàn)，iPhone XR與iPhone XS Max寬高比是一致的！這意味著?UI設(shè)計(jì)者做完iPhone XS Max的適配后，直接進(jìn)行等比例縮放2/3就可以得到iPhone XR了，不用重新進(jìn)行修改布局（也可以先做iPhone XR的適配，再等比例縮放到iPhone XS Max）。?
三、布局與安全區(qū)域
在為iPhone X做設(shè)計(jì)時(shí)，由于之前的直角屏幕變?yōu)榱藞A角，所以我們必須確保布局覆蓋到整個(gè)屏幕，不會(huì)被設(shè)備屏幕上的圓角、傳感器和指示燈所遮蔽。
對(duì)于應(yīng)用程序中大多數(shù)使用標(biāo)準(zhǔn)化的、系統(tǒng)提供的UI元素（如導(dǎo)航欄、表格等）會(huì)自動(dòng)適配iPhone X。背景延伸到顯示器邊緣。
以上是官方提供的布局指南，這個(gè)布局有助于內(nèi)容的定位，對(duì)齊和間距安全區(qū)域可以防止內(nèi)容覆蓋狀態(tài)欄，導(dǎo)航欄，工具欄和標(biāo)簽欄。
豎直時(shí)的安全區(qū)可延伸至螢?zāi)蛔笥覂蓚?cè)，上部留44pt給狀態(tài)欄；布局邊距通常左右再內(nèi)縮15pt。
橫向時(shí)的安全區(qū)左右兩側(cè)皆內(nèi)縮44pt；布局邊距通常左右再內(nèi)縮15pt。
需要特別注意的是，將手機(jī)橫向展示時(shí)，需要注意“劉海”區(qū)域，做設(shè)計(jì)時(shí)盡可能左右對(duì)稱內(nèi)縮，可達(dá)成體驗(yàn)的一致性。
四、總結(jié)
對(duì)于新發(fā)布的3種機(jī)型，我們還是以750x1334px為設(shè)計(jì)稿尺寸，切圖資源正常輸出@2X、@3X為切圖資源，設(shè)計(jì)稿尺寸不變，在適配上，iPhone XR使用的是二倍圖@2x切圖資源，iPhone XS、iPhone XS Max使用的是三倍圖@3x切圖資源。
