iPhone X 被庫克描述成“未來的手機”，不過對許多應用開發(fā)者來說，迎接這個“未來”的第一步是修改應用。

為了實現(xiàn)正面的“全面屏”而又不缺失關(guān)鍵組件，iPhone X 頂部有一條 1/2 屏幕寬度的黑色窄條，依次排列著放著：紅外攝像頭、泛光燈、距離傳感器、環(huán)境光傳感器、聽筒、麥克風、正面攝像頭和光點投射器。

再加上顯示區(qū)域的圓角設計，整塊屏幕不再是長方形，而是種一個詭異的異形。按照庫克在發(fā)布會上的演示，iPhone X 頂部的兩端會顯示時間、電量和信號格。運營商的名稱也不見了，需要滑動時間才能看到。

可能你平時不怎么在意屏幕最上方會顯示什么，但缺了一個口子之后，應用開發(fā)者需要做一些界面調(diào)整的工作。

蘋果在發(fā)布會后更新了 UIkit 和 XCode 開發(fā)工具，以及新的人機界面指南（Human Interface Guidelines），還發(fā)布了一個“為 iPhone X 搭建應用”的頁面，用視頻向開發(fā)者介紹怎么對應用做 iPhone X 優(yōu)化。

指南文件描述到，iPhone X 的屏幕比 4.7 寸的 iPhone 7 高了 145 個像素，使得屏幕顯示區(qū)域增加 20%，被“額頭”分割成左右兩塊的屏幕區(qū)域，也會跟隨應用顯示內(nèi)容。

大部分情況下，豎屏顯示都不會出現(xiàn)太大問題，應用頂端會顯示狀態(tài)欄也就是放著時間和信號格的橫幅，但橫屏情況下的“額頭”會影響顯示區(qū)域。

蘋果給出的視頻展示了蘋果認為“理想情況下”適配 iPhone X 的應用應該怎樣設計?；镜乃悸肥?，調(diào)整排版讓關(guān)鍵信息不在頂部以及圓角處顯示，也不能被底部用于返回主界面的 Dock 窄條影響。

比如用 Safari 瀏覽網(wǎng)頁的時候，界面雖然填充至整個異形屏幕，但左右兩邊都需要留有空白，文字的排版集中在中間位置。

聯(lián)系人應用也是一樣，當你橫屏滑動列表的時候，應用開發(fā)者要確保文字不會頂?shù)健邦~頭”的位置。

不過好像有一些情況還是不能解決，比如全屏播放視頻和圖片，畫面鋪開在整個屏幕上，但“額頭”的區(qū)域永遠缺了一大塊。

對開發(fā)者來說，倘若原本的設計利用到了屏幕邊邊角角的位置，那么現(xiàn)在需要調(diào)整整個界面的排版。

有不少應用為了產(chǎn)生“沉浸感”的體驗，會在某些情況下隱藏頂部狀態(tài)欄。很多閱讀類應用都利用這種方式盡量讓一頁展示更多的文字。

但現(xiàn)在他們要改一改設計了，蘋果在界面指南中直接說“如果你的應用目前隱藏狀態(tài)欄，重新考慮這個決定在 iPhone X 上的樣子?！薄徝住ㄕ尽?

蘋果給出的全屏顯示下、各個機型顯示效果的示意圖

這些調(diào)整讓開發(fā)者開心不起來。Twitter 賬號為 @Marcel Wichmann 的界面交互設計師在看了視頻之后說：“這種情況下的主要問題不是缺口本身，而是根本沒有應用能夠做到充分利用（這塊異形屏幕）?！?

對用戶來說可能也是如此，盡管蘋果提供了解決方案要求開發(fā)者做優(yōu)化，但無論如果你的屏幕都缺了一塊東西，怎么看左右都不對稱。

蘋果有數(shù)量龐大的開發(fā)者數(shù)量，今年 WWDC 公布的數(shù)字是迄今 App Store 已經(jīng)有超過 1800 億次下載，分給開發(fā)者的錢有 700 億美元。

所以每一個細微的變動都可能需要龐大的工作量來推動開發(fā)者修改。理論上蘋果應該給出一個解決方案，讓應用開發(fā)者不做任何改動就能適應新的形狀。如果開發(fā)者想要利用那部分區(qū)域，再調(diào)整自己的應用，而不是反過來。

但現(xiàn)在來看，這些復雜的事情要開發(fā)者自己去做了。

題圖來自現(xiàn)場拍攝

喜歡這篇文章？去 App 商店搜 好奇心日報 ，鄰米建站。