本文由Apple官方人機(jī)交互指南翻譯，希望對您有所幫助。

iPhone X屏幕更大，更高分辨率，圓角，以及在屏幕邊緣顯示的能力，為我們提供了前所未有的身臨其境，內(nèi)容豐富的體驗(yàn)。

屏幕尺寸

在垂直尺寸方面，iPhone X屏幕的寬度與iPhone 6，iPhone 7和iPhone 8的寬度相同。不同之處在于iPhone X比4.7英寸屏幕高出145pt，這給出了垂直內(nèi)容?？臻g增加20％。

iPhone X支持高分辨率應(yīng)用程序圖稿。 iPhone X具有高分辨率屏幕，比例因子為@ 3x。對于字體和其他平面樣式矢量圖形，最好提供高分辨率的PDF圖稿。對于柵格化的藝術(shù)作品，最好同時(shí)提供藝術(shù)作品的@ 3x和@ 2x版本。請參閱“尺寸，分辨率”和“尺寸，分辨率”。和“自定義圖標(biāo)”各節(jié)詳情。

布局

設(shè)計(jì)iPhone X應(yīng)用程序時(shí)，請確保內(nèi)容填滿整個(gè)屏幕，同時(shí)確保設(shè)備的圓角，傳感器外殼和其他屏幕指示器不會(huì)遮擋內(nèi)容。

如果應(yīng)用程序使用系統(tǒng)附帶的UI元素（例如導(dǎo)航欄，表格和集合），這些元素將自動(dòng)適應(yīng)系統(tǒng)的新形狀。延伸到屏幕邊緣的背景材料和UI元素將自動(dòng)放置在正確的位置。如下所示。

如果應(yīng)用程序使用自定義布局，則與iPhone X兼容相對容易，特別是對于使用自定義布局并遵循安全區(qū)域和邊緣布局指南的應(yīng)用程序。

在iPhone X上預(yù)覽您的應(yīng)用程序。您可以使用Simulator（Xcode附帶的軟件）模擬iPhone X上的應(yīng)用程序并檢查大小和其他布局問題。某些功能（如寬色圖像）最好在實(shí)際設(shè)備上預(yù)覽，以確保沒有問題。

提供全屏體驗(yàn)。確保背景位于屏幕之外，并且仍然可以將確保垂直滾動(dòng)的布局（例如表格和集合）刷到屏幕底部。

插入額外內(nèi)容以避免裁剪內(nèi)容。一般來說，內(nèi)容是對稱居中的，從任何角度來看都不足為奇;它還確保由于屏幕的圓角而不會(huì)裁剪內(nèi)容，并且內(nèi)容不會(huì)被屏幕上的傳感器外殼捕獲。用指示燈阻擋。要獲得最佳布局，請使用系統(tǒng)提供的標(biāo)準(zhǔn)界面元素和自適應(yīng)布局來構(gòu)建應(yīng)用程序界面。所有應(yīng)用程序都應(yīng)遵循UIkit中定義的安全區(qū)域和布局邊界，以確保設(shè)備和文本之間的合理填充。安全區(qū)還確保狀態(tài)欄，導(dǎo)航欄，工具欄和標(biāo)簽欄不會(huì)遮蓋內(nèi)容。

請注意狀態(tài)欄的高度。 iPhone X上的狀態(tài)欄略高于其他iPhone上的狀態(tài)欄。如果您的應(yīng)用認(rèn)為狀態(tài)欄的高度已修復(fù)且內(nèi)容位于狀態(tài)欄下方，則您必須將應(yīng)用內(nèi)容的位置調(diào)整為用戶的設(shè)備。另請注意，當(dāng)正在進(jìn)行錄制和位置跟蹤的任務(wù)時(shí)，iPhone X上狀態(tài)欄的高度也會(huì)保持不變。

如果您的應(yīng)用隱藏了狀態(tài)欄，現(xiàn)在您需要重新考慮該計(jì)劃。與4.7英寸iPhone相比，iPhone X的屏幕為內(nèi)容提供了更多的垂直空間，iPhone X占用的區(qū)域可能無法被您的應(yīng)用程序充分利用。狀態(tài)欄還允許用戶查找有用的信息。只有在交換其他值時(shí)才能隱藏狀態(tài)欄。

使用現(xiàn)有圖像時(shí)，請注意屏幕寬高比的差異。如圖1所示。 iPhone X和4.7英寸iPhone具有不同的寬高比。當(dāng)iPhone X全屏顯示時(shí)，4.7英寸iPhone上的全屏圖像將被裁剪或設(shè)置為letterboxed。同樣，當(dāng)iPhone X全屏圖像顯示在4.7英寸iPhone上時(shí)，也會(huì)出現(xiàn)裁剪或背包式顯示屏。在兩種不同的屏幕尺寸上顯示時(shí)，請確保重要內(nèi)容不會(huì)丟失。

不要將交互式控件放在屏幕的底部或角落。當(dāng)人們位于屏幕底部時(shí)，他們會(huì)使用滑動(dòng)手勢來訪問主屏幕和其他不在這些區(qū)域中互動(dòng)的應(yīng)用。同時(shí)，屏幕的遠(yuǎn)端角落的用戶很難到達(dá)。

請勿掩蓋或特別注意屏幕的按鍵顯示功能。請勿在屏幕頂部和底部放置黑色條紋，以隱藏主屏幕上的設(shè)備圓角，傳感器外殼或指示燈。不要使用括號，邊框，形狀或指示性文字等視覺裝飾，不要特別注意這些區(qū)域。

允許自動(dòng)隱藏?zé)艄?，以便輕松訪問主屏幕。當(dāng)自動(dòng)隱藏?zé)舸蜷_時(shí)，如果用戶在幾秒鐘內(nèi)沒有觸摸屏幕，則隱藏?zé)艄?。如果用戶再次觸摸屏幕，指示燈將在此處亮起。此行為僅在播放視頻或查看被動(dòng)觀看體驗(yàn)（如照片幻燈片）時(shí)有效。

顏色

iPhone X上的顯示屏支持P3色彩空間，產(chǎn)生比sRGB更飽和的色彩。

使用更多顏色來增強(qiáng)視覺體驗(yàn)。使用更多顏色將使您的照片和視頻看起來更逼真，并使您的視覺數(shù)據(jù)和狀態(tài)指示器更加直觀。

手勢

iPhone X屏幕使用屏幕邊緣手勢來訪問主屏幕，應(yīng)用程序切換器，通知中心和控制中心。

不要影響系統(tǒng)層的屏幕邊緣手勢。人們在每個(gè)應(yīng)用上都使用這些手勢。在極少數(shù)情況下，像游戲這樣的沉浸式應(yīng)用需要自定義高于系統(tǒng)級別的屏幕邊緣手勢。例如，第一次滑動(dòng)將喚起特定于應(yīng)用的手勢，第二次滑動(dòng)將喚起系統(tǒng)級手勢。應(yīng)謹(jǐn)慎使用此行為（稱為邊緣保護(hù)），因?yàn)樗赡苁褂脩綦y以訪問系統(tǒng)級操作。

其他設(shè)計(jì)考慮因素

設(shè)備認(rèn)證方法準(zhǔn)確。 iPhone X支持Face ID身份驗(yàn)證。如果您的應(yīng)用程序與Apple Pay或其他系統(tǒng)身份驗(yàn)證功能集成，請不要在iPhone X上使用Touch ID。同樣，應(yīng)用程序不應(yīng)在支持Touch ID的設(shè)備上使用Face ID。

請勿復(fù)制系統(tǒng)提供的鍵盤功能。在iPhone X上，即使您使用自定義鍵盤，Emoji/Globe按鈕和Dictation按鈕也會(huì)自動(dòng)出現(xiàn)在鍵盤下方。您的應(yīng)用不應(yīng)影響這些按鈕，因此請?jiān)阪I盤上使用

請勿重復(fù)系統(tǒng)提供的鍵盤功能。在iPhone X上，即使使用自定義鍵盤，Emoji/Globe按鈕和Dictation按鈕也會(huì)自動(dòng)顯示在鍵盤下方。您的應(yīng)用程序不會(huì)影響這些按鈕，因此請避免重復(fù)鍵盤上的這些按鈕以引起混淆。

« 一個(gè)神奇的網(wǎng)站：為什么58個(gè)城市可以“假”而不會(huì)掉下來？ | 程偉劉清上榜《時(shí)代》“技術(shù)領(lǐng)域最具影響力的20人” »