对 UI 设计师来说，iPhone X 意味着什么？

在平面印刷设计中，为了顾及之后纸张裁切过程中可能出现的误差，设计师会在画布四周留出的一点边缘空间，这一圈额外的空间就叫做「出血」。同时，设计师一般也会设置一个「安全区」，确保设计稿中的重要内容都出现在安全区内。

对数字化时代下的 UI 设计师来说，我们本可以永远把「出血」和「安全区」的概念永远抛之脑后，因为屏幕不用裁切！全世界也许 99.99% 的手机屏都是规整的矩形，我们的安全区就是整块矩形屏（安卓系统底部的虚拟按键可以近似理解为屏幕外，设计时可以忽略）。然而 iPhone X 这个妖蛾子的出现，又迫使我们重新找回那个久远的记忆……

让我们来看看苹果定义的 iPhone X 设计「安全区」吧：

手机纵向持握状态下，安全区是从屏幕最顶端往下 40 pt 开始计算的，要注意的是，它并不是和「齐刘海」完全齐平的，而是要再往下一点。「下巴」位置上，从下往上推 34 pt 以上的部分开始才被视为安全区。

纵向持握状态下的安全区设计还比较容易理解，但到了横向持握状态，安全区的概念就有点反直觉了：

横向状态下（假设是逆时针旋转 90 度），原本的「刘海」部分到了左侧，「出血」部分实际占用面积不变，而尽管虚拟 Home 条挪到了下方的长边上，屏幕最右边虽然没有任何系统及元素，但苹果依然建议将其设置为与左侧「刘海」相对称的「出血」。也就是说，在横向状态下，你的安全区是个半岛，只有上方是连接到屏幕边缘的。这又是为什么呢？为什么苹果官方不建议设计师充分利用最右边的空白面积呢？为什么非要左右对称地设置「出血」呢？尤其考虑到对于很多手机游戏来说，任何一点屏幕空间都是宝贵的，血条，金钱，操作键，小地图，大地图等等，太多元素逼着设计师充分利用每一寸空间了。

苹果官方给出的解释是，由于你无法预测用户在横向持握下会把「刘海」放在左边还是右边，如果安全区不是横向居中放置的，会造成界面中元素与手机边缘的相对位置不固定。他们认为，用户在使用手机时（尤其是玩游戏的时候）高度依赖手部的肌肉记忆，不对称设计尽管空间利用率更高，但与用户的肌肉记忆相背，由此导致的失败操作容易让用户沮丧。因此，苹果向广大设计师们高声疾呼：请把按键全都放到安全区里来吧！

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!