Android人出App恶搞iPhoneX“M字额”AppleUI设计指引睇真啲

想买 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 及拍照时也发觉“凹位”确实会掩盖重要内容，造成不便。

屏幕上方的 Wi-Fi、通知等 Icon 被模拟的“凹位”遮盖。

拍照会看不到模拟“凹位”部分拍到什么。

看文章问题不大，因为可以向上下滑动来看所有字。

玩 Pokemon Go 会遮盖地图，看不到远方道馆上是什么精灵。

看照片会因为“凹位”而看不到部分景色。

看影片时，“凹位”更遮盖了女星的容貌。

喜欢嘲讽 iPhone X 的 Android 用户可能觉得“XOutof10”手机 App 很有趣，但可惜此 App 没提供 iOS 版供 iPhone 用户体验。不过与其安装个模碍“凹位”，又不清楚 iPhone X 事实上是否这样处理（例如影片在 iPhone X 是可缩小至凹位以内），不如看看我们 在 Apple 发表当日，于美国 Apple Park 亲身试用真正 iPhone X 的影片吧。]

《 PCM 》亲身玩真正 iPhone X

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 》的问题不可能发生。

首先 Apple 已划出直向及横向的 Safe Area，手机 App 开发者不应把重要内容放在 Safe Area 之外。

其次开发者不应在上面的 Sensor Housing 及下面的 Home Indicator 加框掩盖，中间的内容及背景颜色应延伸至最顶及最底。

另外因为 iPhone X 四边都是圆角，开发者需注意不应把按钮贴近圆角边缘，应把按钮往内放。

iPhone X 没有 Home 键，所以用户在 Home Indicator 位置向上推一下，就会离开程式。如果手机 App 会用到向上推的手势，开放者可启用 Edge Protection“锁定”，用户向上推一下只会露出 Home Indicator，再推第二下才会离开程式。

这款 AR 游戏是个很好的示范，可见中间的内容延伸至四边圆角。（详细可观看下面由 Alan 拍摄的影片。）