更多

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

    Avatar
    呀粗
    覺得科技很有趣,努力增補電腦知識中。喜歡儲設計精美的電腦產品包裝盒。

    市價 $700 多元最平 AX Router TP-Link Archer AX10 開箱實測

    TP-Link Archer AX10 市價只為 $700 多元,是香港市場最便宜的 AX Router 之餘,更比很多 AC 舊制式都還要便宜!速度就採用 AX1500 規格,究竟有沒有「伏」?即看開箱文吧!

    非大廠都有不錯 GUI、套件頗多 TerraMaster F2-210 開箱實測

    NAS 市場看似是 Synology、QNAP 和 Asustor 三足鼎立,但其實市場上還有其他品牌。今次就和大家揭開 TerraMaster F2-210 的神袐面紗,看看它圖像豐富的 GUI 網頁介面和手機 App。

    【全民自保】防火牆封鎖 LIHKG 都唔怕 教你簡單用 WARP VPN 上連登

    網上傳出 Lihkg.com 連登被大專院校網絡及部分寬頻網絡供應商封鎖之消息,有人建議使用 WARP VPN 作為後備方案,手機經 WARP Server 連接互聯網或 lihkg.com,以下教大家如何簡單啟用。

    想買 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]

    您會感興趣的內容

    相關文章