iPhone X發(fā)布，徹底全新的設(shè)計(jì)，也徹底定義了新的體驗(yàn)，與以往的iPhone都有不同，玻璃外殼、搭載著蘋果A11處理器，電池續(xù)航能力比iPhone 7長了兩個(gè)小時(shí)，并且在iPhone X的設(shè)計(jì)上首次使用了全面屏、面部識別、無線充電等技術(shù)，搭載1200萬像素雙攝鏡頭。
然鵝，這些我覺得沒有那頂部的劉海惹人注目，那么UI界面設(shè)計(jì)和交互細(xì)節(jié)也會(huì)有很多改變，不敢評價(jià)，總結(jié)一下官方文檔的內(nèi)容好了，就當(dāng)作筆記了……
設(shè)計(jì)適配：
iPhone X 屏幕寬375pt，1125px@3x，高812pt，比iPhone 8 高度多出20%。（真正的@3x！）
為iPhone X設(shè)計(jì)需要確保布局填充屏幕，不被圓角、傳感器和home指示器（下面有說明）所掩蓋。
iPhone X 屏幕底部任意位置上滑可以返回主屏或者進(jìn)入任務(wù)切換界面，屏幕底部有一個(gè)home指示器固定顯示在app上層。
大多數(shù)app使用系統(tǒng)提供的UI元素，會(huì)自動(dòng)適應(yīng)iPhone X 的屏幕。Navigation bar、tab bar和tool bar會(huì)擴(kuò)展到屏幕頂部和底部弧形區(qū)域。
水平布局時(shí)，table view全屏顯示，內(nèi)容只在中間安全區(qū)顯示，iOS 11新增了一種布局叫做「Safe Area layout guide」。（下圖藍(lán)色+紅色區(qū)域是安全區(qū)域，紅色是margin，注意水平布局時(shí)不顯示狀態(tài)欄，安全區(qū)底部仍然要留出home指示器的位置）
如果app使用自定義控件或非標(biāo)準(zhǔn)布局，要在iPhone X上運(yùn)行良好需要一點(diǎn)修改。
一、全屏顯示
iPhone X和4.7寸iPhone屏幕長寬比不同，提供 Fill 和 Fit 2種圖片縮放方式。
二、重新設(shè)置關(guān)鍵交互和關(guān)鍵信息的位置。
交互元素不要靠近角落
屏幕邊緣的視覺元素要移動(dòng)位置，部分情況下要重新設(shè)計(jì)。
iPhone X 狀態(tài)欄高度更高，在電話和定位等后臺任務(wù)時(shí)，高度不會(huì)變化（就是打電話和導(dǎo)航時(shí)，原先頂部增加的彩色帶，現(xiàn)在變成時(shí)間信息底部的彩色氣泡，見下圖）
水平布局時(shí)，交互元素兩側(cè)距離相等，左側(cè)右側(cè)旋轉(zhuǎn)時(shí)位置固定，方便用戶記憶。
應(yīng)用可以打開edge protection（邊緣保護(hù)？），第1次操作拉出home指示器，第2次退出應(yīng)用。
