首頁 流動裝置 手機 Android 人出 App 惡搞 iPhone X「M 字額」 Apple UI 設計指引睇真啲

Android 人出 App 惡搞 iPhone X「M 字額」 Apple UI 設計指引睇真啲

想買 iPhone X,但又不知屏幕上方的鏡頭「凹位」(官方稱為「 Sensor Housing 」)會否妨礙日常應用?機會來了,在花近萬元購買之前,不如下載一個應用程式來試試效果吧。最近有人在 Android 平台上發布了一個名為《 XOutof10 》的 Android App,來調侃 iPhone X 最引人咎病的「M 字額」,可在 Android 手機屏幕上方增設一個模擬 iPhone X 的「凹位」,開發者 Ido ideas 表示「果粉」別再說鏡頭系統不影響觀瞻,自己體驗一下再說吧。

毋須付近萬港元,只需下載《 XOutof10 》 Android App 便可體驗 iPhone X 的「凹位」了。

只要手機 OS 為 Android 6.0 或以上,就可在 Google Play 下載應用程式,把你的 Android 手機搖身一變成最具話題性的 iPhone X 。至於 Android 8.0 Oreo 的用戶,因為 Google Android API 的限制,「凹位」會在擴展狀態列時消失。筆者在安裝後即發現狀態列的時間、 Wi-Fi 、數據服務、 App 通知等 Icon 會被「凹位」遮蓋,兩旁空間又容不下那麼多 Icon 。看影片、閱讀文章、玩 Pokemon Go 及拍照時也發覺「凹位」確實會掩蓋重要內容,造成不便。

[row][forth_paragraph]

屏幕上方的 Wi-Fi、通知等 Icon 被模擬的「凹位」遮蓋。

[/forth_paragraph][forth_paragraph]

拍照會看不到模擬「凹位」部份拍到甚麼。

[/forth_paragraph][forth_paragraph]

看文章問題不大,因為可以向上下滑動來看所有字。

[/forth_paragraph][forth_paragraph]

玩 Pokemon Go 會遮蓋地圖,看不到遠方道館上是甚麼精靈。

[/forth_paragraph][/row]

[row][double_paragraph]

看照片會因為「凹位」而看不到部份景色。

[/double_paragraph][double_paragraph]

看影片時,「凹位」更遮蓋了女星的容貌。

[/double_paragraph] [/row]

喜歡嘲諷 iPhone X 的 Android 用戶可能覺得「XOutof10」手機 App 很有趣,但可惜此 App 沒提供 iOS 版供 iPhone 用戶體驗。不過與其安裝個模礙「凹位」,又不清楚 iPhone X 事實上是否這樣處理(例如影片在 iPhone X 是可縮小至凹位以內),不如看看我們 在 Apple 發表當日,於美國 Apple Park 親身試用真正 iPhone X 的影片吧。]

《 PCM 》親身玩真正 iPhone X

[ot-video][/ot-video]

 

XOutOf10
Android 下載連結:按此

Apple iPhone X 應用程式 UI 設計指引

大家或會覺得以上《 XOutof10 》的示範滑稽可笑,但 Apple 龐大的團隊又怎會讓如此無理的事發生呢?其實 Apple 已發表一份關於 iPhone X 的應用程式 UI 設計指引(Human Interface Guidelines),為開發者提供 iPhone X 的屏幕尺寸、Status Bar 高度、上面「凹位」Sensor Housing 及下面橫條狀的 Home Indicator 需注意的地方。詳細指引可參考 Apple 影片官方網站,以下我們會列出重點,引證上面《 XOutof10 》的問題不可能發生。

[row][double_paragraph]

首先 Apple 已劃出直向及橫向的 Safe Area,手機 App 開發者不應把重要內容放在 Safe Area 之外。

[/double_paragraph][double_paragraph]

其次開發者不應在上面的 Sensor Housing 及下面的 Home Indicator 加框掩蓋,中間的內容及背景顏色應延伸至最頂及最底。

[/double_paragraph] [/row]

另外因為 iPhone X 四邊都是圓角,開發者需注意不應把按鈕貼近圓角邊緣,應把按鈕往內放。

[row][double_paragraph]

iPhone X 沒有 Home 鍵,所以用戶在 Home Indicator 位置向上推一下,就會離開程式。如果手機 App 會用到向上推的手勢,開放者可啟用 Edge Protection「鎖定」,用戶向上推一下只會露出 Home Indicator,再推第二下才會離開程式。

[/double_paragraph][double_paragraph]

這款 AR 遊戲是個很好的示範,可見中間的內容延伸至四邊圓角。(詳細可觀看下面由 Alan 拍攝的影片。)

[/double_paragraph] [/row]

Exit mobile version