iPhone X 還沒開賣,大家就開始試驗帶「劉海」的 App 是什麼效果了
9 月 iPhone 發布會上,這款毫無疑問即將引領手機設計製造新浪潮的 iPhone X 正式亮相。它的標誌性特徵 sensor housing ——也被稱為頂部「劉海」—— 集成了八個感測器來實現 Face ID 等創新功能。然而這個劉海有礙觀瞻的觀點也甚囂塵上,它和窄邊框的屏幕等,都給設計師和開發者都帶來了不小的麻煩。
對於用戶而言,iPhone X 的劉海可能是讓人又愛又恨的設計。
愛的是,這一劉海像司馬昭之心一樣傳達著「我在使用 iPhone X」這一個事實,正如 iPhone 7 的亮黑色一般。當然,包括 Face ID 以及 Animoji 等在內的新穎功能也會讓人愛不釋手。
恨的原因,也很明顯,這個劉海讓屏幕不再方正圓潤,就像一塊膏藥般永遠的貼在你的屏幕上。看視頻、看照片亦或其他,當你使用大部分應用時,它可能都會很顯眼。
在豎屏模式下,這個劉海影響視覺體驗的情況可能會好些。因為當我們在使用 iPhone 時,多數情況下不會注意到狀態欄。iPhone X 將狀態欄和劉海放在同一排,同樣地,你也會比較容易地忽略劉海的存在。如果應用的主色調採用黑色等與劉海較為接近的顏色,它在 iPhone X 上的呈現會很和諧,而如果應用是白色背景,那麼劉海自然會很突出。
@CARROT:If this doesn』t make you want spend $1,000 in November, I don』t know what will. (如果這都不可以讓你在 11 月刷掉 1000 美元,我真不知道啥可以了。)
在橫屏模式下,這個劉海則會以各種方式「叫囂著」宣告自己在屏幕上的存在。看看微博和 Twitter 的大量吐槽就知道了。
@Owen Williams:new iPhone format: 16:9:notch. (新的 iPhone 規格:16:9:劉海。)
@Thomas Fuchs:iPhone X renders webpages with literal white bars on the sides.(iPhone X 渲染網頁時會在兩側加上小白條。)
@圖拉鼎:大型崩潰現場之「在 iPhone X 與 iPhone 8 上瀏覽Apple.com」。
@jedmund:「The notch was a good idea」—Apple fanboys, 2017. I present to you Exhibit A.(「這個劉海真棒——2017年果粉如是說。這個劉海好不好你自己心裡還沒有點 B 數嘛!)
對於開發者和設計師來說,這個劉海帶給他們的是更多的麻煩。如何將自己的應用,在 iPhone X 這個異形屏幕上優雅地顯示,可真是一個難題。Apple 更新了 Human Interface Guidelines來為開發者提供適配 iPhone X 指南,從中可以看出,Apple 希望開發者將這個劉海毫無遮掩地呈現在 iPhone X 的「腦袋上」。
??指南一:當為 iPhone X 適配應用時,請確保布局填充整個屏幕,同時不被設備的圓角、感測器和下方的 Home 條所遮擋。
??指南二:不要嘗試去隱藏設備的圓角、劉海或 Home 條,比如故意在屏幕頂部和底部使用黑色素材。
Apple 的設計指南里並沒有告訴開發者和設計師到底怎麼來處理好劉海區域的視覺設計。開發者於是想到了各種姿勢來試圖讓這個劉海不會影響到內容的呈現,比如使用動態非同步排版和渲染。
@Vojta Stavik:I think I』ve fixed the notch issue in landscape ??(我猜我已經解決了橫屏模式下劉海的顯示問題)
當然這些做法有些過分吐槽的意味,對於這類信息顯示的處理,iOS 原生應用正傳達出 Apple 的意思:劉海上下不要放任何內容。
好在我們平時最常用的應用,如微信、支付寶等都沒有橫屏模式,劉海的問題倒不是太大。當我們看照片時,在不將圖片放大的情況下,這個劉海也不會遮擋到圖片內容。而在手機橫屏看視頻或者玩遊戲時,就讓劉海大方地露出來吧。
少數派接下來會持續報道新 iPhone 和 iOS 11 的方方面面,歡迎你通過 少數派 iOS App及時獲取最新內容。
閱讀少數派更多關於新 iPhone 的內容:
- iPhone 8 開售,換機前請收好這份 iPhone 選購指南
- 取消了 Home 鍵的 iPhone X,交互方式都有哪些變化?
- iPhone X 不是屏幕面積最大的?從蘋果官網尋找發布會上沒提的那些事
- 「少數派帶你看新 iPhone」專題