更多

    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 的「凹位」了。
    毋須付近萬港元,只需下載《 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 被模擬的「凹位」遮蓋。
    屏幕上方的 Wi-Fi、通知等 Icon 被模擬的「凹位」遮蓋。

    [/forth_paragraph][forth_paragraph]

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

    [/forth_paragraph][forth_paragraph]

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

    [/forth_paragraph][forth_paragraph]

    玩 Pokemon Go 會遮蓋地圖,看不到遠方道館上是甚麼精靈。
    玩 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]

     

    Screenshot_20170919-162226

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

    [/double_paragraph][double_paragraph]

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

    [/double_paragraph] [/row]

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

    [row][double_paragraph]

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

    [/double_paragraph][double_paragraph]

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

    [/double_paragraph] [/row]

    您會感興趣的內容

    相關文章