蘋果要求開發者調整界面,適應 iPhone X 那塊形狀獨特的屏幕

iPhone iPhone 7 蒂姆·庫克 異形 好奇心日報 好奇心日報 2017-09-16
蘋果要求開發者調整界面,適應 iPhone X 那塊形狀獨特的屏幕

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

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

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

可能你平時不怎麼在意屏幕最上方會顯示什麼,但缺了一個口子之後,應用開發者需要做一些界面調整的工作。

蘋果在發佈會後更新了 UIkit 和 XCode 開發工具,以及新的人機界面指南(Human Interface Guidelines),還發布了一個“為 iPhone X 搭建應用”的頁面,用視頻向開發者介紹怎麼對應用做 iPhone X 優化。

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

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

蘋果給出的視頻展示了蘋果認為“理想情況下”適配 iPhone X 的應用應該怎樣設計。基本的思路是,調整排版讓關鍵信息不在頂部以及圓角處顯示,也不能被底部用於返回主界面的 Dock 窄條影響。

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

蘋果要求開發者調整界面,適應 iPhone X 那塊形狀獨特的屏幕

聯繫人應用也是一樣,當你橫屏滑動列表的時候,應用開發者要確保文字不會頂到“額頭”的位置。

蘋果要求開發者調整界面,適應 iPhone X 那塊形狀獨特的屏幕

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

蘋果要求開發者調整界面,適應 iPhone X 那塊形狀獨特的屏幕

對開發者來說,倘若原本的設計利用到了屏幕邊邊角角的位置,那麼現在需要調整整個界面的排版。

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

但現在他們要改一改設計了,蘋果在界面指南中直接說“如果你的應用目前隱藏狀態欄,重新考慮這個決定在 iPhone X 上的樣子。”

蘋果要求開發者調整界面,適應 iPhone X 那塊形狀獨特的屏幕

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

對用戶來說可能也是如此,儘管蘋果提供瞭解決方案要求開發者做優化,但無論如果你的屏幕都缺了一塊東西,怎麼看左右都不對稱。

蘋果有數量龐大的開發者數量,今年 WWDC 公佈的數字是迄今 App Store 已經有超過 1800 億次下載,分給開發者的錢有 700 億美元。

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

但現在來看,這些複雜的事情要開發者自己去做了。

題圖來自現場拍攝

相關推薦

推薦中...