圖片來源于蘋果官網(wǎng)
首先我們習慣用iPhone7的375*667pt為設計稿向上適配iPhone7puls的屏幕较锡。但是iPhone X的出現(xiàn)看似要打破這個局面聋袋，其實不然音比。
iPhone X的屏幕分辨率是1125*2436px換算成三倍圖則為375*812pt（@3x）相比iPhone7的375*667pt只高了145pt。所以我們可以把iPhone X簡單看成iPhone7的“加長版”隧哮。
加長版的iPhone7
iPhone X算是一個“奇葩”屏設計了桶良，去掉了原有的home鍵又增加了“齊劉海”的狀態(tài)欄設計沮翔。根據(jù)蘋果官方給出的設計規(guī)范陨帆。Navigation bar和Bottom bar將做出較大的改變來適配這個“奇葩”屏幕的設計。
iPhone7和X的區(qū)別
官方給出的設計規(guī)范就是Navigation bar增加到44pt即給“齊劉翰墒矗”增加了26pt疲牵，而Bottom bar以下則增加了34pt。剩下的85pt則是多余出來的位置榆鼠。
當然這塊1125*2436的“異形屏”并不是全部區(qū)域都是可用的纲爸，實際上根據(jù)官方給出的規(guī)范說明，除去全屏顯示體驗的情況下妆够，存在著設計的“安全區(qū)”识啦。
豎屏安全區(qū)域
橫屏安全區(qū)域
這樣是適配對iPhone X的影響并不會太大负蚊。可以正常的從375*667pt的@3x適配到iPhone X颓哮。但是部分全屏設計頁面還是得做細節(jié)的調整家妆。包括全面顯示的頁面、啟動頁和引導頁等等
部分頁面重新排版設計
