一、iPhone X的优势在哪里

不出意外，第一批买到iPhone X的用户，将会和十年前那批尝鲜初代iPhone者一样，有幸拉开智能手机划时代的大幕。不一样的是，在过往的几个小时里，数十万中国用户和我们一道加入了这次拉幕行动，第一时间拿到iPhone X。这里面有很多和拿到初代iPhone的人一样，对iPhone X充满了好奇和疑惑，相信我们接下来的这篇上手，会让你更了解你手中的这款iPhone X。

不管是外观设计，还是使用交互，iPhone X相比于前几代都发生了十分明显的变化，当然8388元起的售价也让不少人开始掂量，买完后肾会不会疼到窒息。但从笔者的上手体验来看，它将不只是你炫耀的工具，更是你今后一年亲密的伙伴。

这刘海长度 Tony老师看了想**

在没摸到真机之前，笔者也看过不少关于iPhone X的外观照片，从照片来看iPhone X还真算不上好看，凸出的摄像头、破坏整体感的“刘海”设计、超粗边框都让它看起来不属于外观精致的行列。但iPhone X真机拿到手上让笔者对其印象有了极大的改观，用“精致”二字来形容也并不过分。

iPhone X与iPhone 8比有哪些不同？

iPhone 8和 iPhone X

iPhone X体积与iPhone 8相似，重量略重，但将两台手机放在一起，你能明显看出它们的差距：iPhone 8只是一款落后于时代设计潮流的产品，而iPhone X却是跨时代的。在iPhone X上，苹果并没有选用以往的铝合金轻质材料，而是采用了手术级不锈钢来做中框，配合前后的玻璃面板，分量不轻也不难理解。而不锈钢中框的好处就是更加坚固耐用，但显然，想要获得精良的装配，工艺难度不低。

iPhone X外观设计听说很杂*？

iPhone X外观设计一体性

虽然后置摄像头凸出，但整体给人的感觉iPhone X一体性还是不错的，或许这就要归功于拥有同样质感的金属摄像头保护圈设计。银色版中框接近金属原色，并且其玻璃面板下采用了七层染色工艺，加入了反射光学层来增强视觉效果。在深空灰版本上，苹果采用了“物理气相沉淀”工艺，让不锈钢边框与玻璃的颜色十分一致。

这刘海Tony老师看了要**

iPhone X拥有不错的息屏美学

说iPhone X的外观，正面的这块异性全面屏绝对不可忽视。iPhone X取消了正面指纹识别的Home键，将屏幕延伸至上下顶端，在息屏时除了听筒的通孔，玻璃面板上就无其他开孔，拥有不错的息屏美学气息。点亮屏幕，虽然“刘海”设计被广泛调侃，但其观感还是值得肯定的，至少屏幕四角的倒角是与边框弧度平行一致的，这或许就要得益于苹果采用的折叠和电路堆叠技术。

iPhone X屏幕怎么样？

iPhone X屏幕

iPhone X正面搭载的是一块5.8英寸的OLED屏幕，分辨率2436 x 1125，像素密度达到了458ppi，是苹果有史以来用在手机上的高精度的屏幕。这块屏幕的高亮度据苹果官方信息可达625nits，并且支持3D Touch，而且实现了HDR高动态范围显示，并且采用的原彩技术可以根据周围环境的色温来调节屏幕白平衡，让屏幕观感更加舒适。

边缘显示没有变形

除此之外，子像素锯齿处理技术确保了边缘显示没有变形。面板玻璃的强化层比以往厚出50%，可以进一步的保证机身强度。另外，iPhone X达到了IP67防水防尘级别，可以起到一定的防水作用。

面部识别很牛X重点不仅仅在于快

“刘海”布局

在iPhone X上，苹果取消了从iPhone5s上开始使用的Touch ID指纹识别，取而代之的是FaceID面部识别技术，这也是“刘海”上拥有众多元件的原因。在刘海上，除了听筒，还设有红外镜头、泛光感应元件、距离感应器、环境光传感器、麦克风、700万像素前置相机、点阵投射器。单单用于面部识别的就有红外镜头、泛光感应元件、点阵投射器三个。

面部识别过程

整个解锁的过程与其他安卓手机实现的原理不同，Face ID可以投射超过 30,000个肉眼不可见的光点并进行反射接收，对它们进行分析后为脸部绘制精确细致的深度图，过程就如同3D建模。也就是说，Face ID的面部识别是可以感知深度的，这就可以确保面部识别功能不被照片欺*。另外，由于采用的是发射光线后反射接收，也就解决了光源的问题，所以在暗光下仍能实现解锁。

通过翻转脸部，iPhone X即可完成用户的面部信息录入。从常规的场景使用来说，Face ID拥有不错的使用体验，亮屏即可实现解锁。但与目前市场上存在于其它智能手机面部识别功能不同的是，Face ID在面部解锁后仍需一部手动*作才能到桌面，虽然增加了一部*作，但解决了面部识别容易误解的问题。

Face ID的安全性是一大亮点，这也是苹果敢用面部识别进行支付确认的前提。笔者用清晰度较高的照片对iPhone X进行测试，也确实没有*过Face ID。不过就笔者已知的消息，Face ID是可以被长相相近的双胞胎解锁的，但这种情况并不多见，至少笔者附近就没有双胞胎；另外，Face ID的注视感知是默认开启的，用户可以手动关闭。开启时需要睁开眼睛才能实现解锁。综合来说，Face ID的安全性还是很不错的。

极暗环境下可以实现解锁

除了安全性，Face ID的优势还体现在暗光环境的使用上。其它直接通过前置相机获取用户面部图像的面部识别在光线极暗的环境中无法实现图像获取，而Face ID接收的是反射的红外信号，所以暗光环境使用并不会收到影响。从实际测试来看，FaceID确实能在极暗的环境中实现解锁。

动话表情

利用iPhone X集成的深感摄像头系统，除了实现Face ID，还可以完成其他功能，比如在**时可以获取景深，制造人像光效。另外一个比较有趣的是功能就是动话表情（Animoji），iPhone X可以利用深感摄像头系统采集用户面部表情，并以此制作成动画表情短视频，可以用于社交。

*作终于发生了让人热泪盈眶的变化

iPhone X也有适配不佳的毛病

适配并不完美

iPhone X采用了一块异形全面屏，但目前来看，iOS 11对于应用的画面适配并不完美，不少常用应用都存在上下黑边区域，比较影响观感。截图方面，iPhone X的截图是一个矩形，并不会因为“刘海”和圆角的遮挡而出现缺漏。当然这都不是主要问题，苹果在软件生态上拥有良好的建设环境，相信会在短时间内完成大部分常用软件的适配，而令人关心的，莫过于新机的交互方式了。

全新交互好不好用先不说，前提是会用

Home键的取消导致iOS以往的人机交互方式不再适用，全新的交互体系也因为全面屏的搭载应运而生。在iPhone X搭载的iOS 11上，苹果加入了多种手势*作来实现交互。就目前的趋势来看，手势交互或称为全面屏时代为流行的交互方式，安卓阵营不少全面屏产品也都加入了相关的手势交互体系，目前比较典型的有vivo X20、OPPO R11s、努比亚Z17S。

从底部上滑返回桌面

上滑停顿进入后台

在iPhone X上，从屏幕底部的长条状返回栏向上划便可以回到主页；从屏幕底部的返回栏上划到屏幕中间位置，稍作停顿，便可调出多任务界面；在多任务界面长按APP卡片，再点击红叉，或者向上划，就可以退出应用后台；从屏幕右上角下拉唤出控制中心；从屏幕左上角或者中间刘海部分下拉唤出通知；从返回栏稍靠上的位置往下滑一点点距离开启便捷访问。

截图过程

除了手势*作，iPhone X可以通过侧边键完成一系类功能控制：长按——呼出Siri，同时短按侧边键和音量加——截图，长按侧边键和任意音量键——关机，依次短按音量加、音量减，再长按侧边键——强制关机，快速按两次侧边键——启用Apple Pay，快速按三次侧边键——辅助功能快捷键，快速按五次侧边键——启用SOS。

从笔者的使用体验来说，iPhoneX的手势交互对于单手*作并不友好，因为滑动的位置方式太多，有些位置手势单手大拇指难以完成，而且从新定义的侧边键功能也有些多，给用户带来了不低的学习成本。但不得不承认的是，手势交互要比传统交互有趣的多。

跑分看呆一众安卓旗舰 AR游戏也很神奇

iPhone X也采用了A11 Bionic（仿生）芯片，采用2个高性能核心和4个高能效的核心，高主频可达2.4Ghz，依然是64位设计，类似于ARM **g.LITTLE架构，但是架构一贯是苹果自主研发，其6个核心可以同时运行，兼顾性能和功耗。相比iPhone7时代的苹果A10 Fusion（融合），苹果A11 Bionic的性能核心提升了25%，高能效核心提升了高达70%，图形处理器性能提升30%，尤为显著。不过iPhone X搭载了3GB运存，现在来看有些略小。

安兔兔跑分

从实际跑分来看，iPhoneX的成绩确实可以用逆天形容。安兔兔跑分达到了214191分，这样的成绩远远超过安卓阵营的CPU，看来安卓阵营又得加紧追赶了。

iPhone X的AR游戏

除了强大的性能，A11 Bionic处理器的另一个主打点是智能。其拥有一个每秒运算次数高可达 6000亿次的神经网络引擎，能够轻松胜任机器学习任务，为Face ID何动画表情提供性能保障。当然，有趣的要数A11 Bionic能够让AR增强现实技术更近一步，我们也因此能够在iPhone X上玩到沉浸感出色的AR游戏。

当然，AR技术也不只能用在游戏上。比如AR导航，通过在实际画面中标出路线，为用户提供更加直观的导航信息；AR购物，比较实用，尤其体现在家居家装类。用户可挑选该场馆中的虚拟家居产品，并在手机上看到真实空间中1:1的摆放效果，并且可以移动和旋转商品，商品会自动贴合场景，当有多个商品存在时，彼此会保持相对位置，用以辅助用户购买。而这些以及更多，都需要iPhone X的后期适配，当然前景也是非常广阔的。

双OIS告诉你iPhone X拍照不是闹着玩的

iPhone X搭载1200万像素广角及长焦双镜头摄像头，广角镜头ƒ/1.8光圈，长焦镜头ƒ/2.4光圈，并且搭载了比以往更大、速度更快的感光元件，突出的莫过于两个镜头都支持OIS光学防抖。以往用iPhone 7 Plus的长焦镜头拍摄时，由于不支持光学防抖，拍摄体验较差，暗光下噪点控制不佳。iPhone X双光学防抖的加入让所有的拍摄场景都能获得良好的拍摄体验，而且画质也有进一步提升。

以下为笔者拍摄的样张：

写在后

写到这里，本次iPhone X的首销快速上手也就接近尾声了。相信大家已经对iPhone X的主要功能有了一定的了解。我们继续回到老问题上：iPhone X到底值不值得买？根据笔者快速上手的信息来看，如果你不差钱儿，iPhone X确实是上上之选——别致的外观、独特的Face ID、全新的交互、*棚的性能、不错的拍摄体验都可以成为你选购它的理由。

二、为iPhone X设计, iOS 11设计指南

iPhone X，一款屏幕更高且几乎没有边框的新一代iPhone。iOS11伴随着iPhone X的诞生而产生新的适配规则。5.8英寸的OLED屏幕比iPhone 8 Plus的5.5英寸屏幕还要大，但机身尺寸与iPhone 8相同。对于设计师而言，这意味着更自由的设计空间。

更高的屏幕

正如下图所示，高出来的145 pt可能意味着增加了一行内容，或者增加了一个我们曾经认为太过狭窄的菜单。尽管分辨率不一样，但是这部分多出来的空间同样适用于iPhone 8 and 8 Plus，因为它们拥有相同的比例。

更多的内容空间

如果与初的iphone相比，iPhone X增加了332 pt的高度，这相当于7个导航条的高度。未来在新款iPhone上呈现的内容将会看起来更棒，同时汉堡包菜单也被弱化。

当把不同时代的两款iPhone放在一起时，我们可以注意到内容的空间几乎翻了一番。普遍来说，这意味着目前的应用程序需要包含这些栏目：状态栏、导航栏、选项卡和用于访问主屏幕的指示器（home indicator）。省去这些栏目不仅会使用户体验变差，而且还会让你的应用程序与iOS的原生程序不一致。

“齐刘海”

也许新设计中有争议的前10%是“齐刘海”。原深感摄像头系统，也被成为凹槽（国内形象的称为“齐刘海”），它作为一个分割元素使得iPhone X的屏幕真正实现了“从屏幕边缘到手机边缘”。从技术上来看，由于集成了Face ID、摄像头和听筒，去掉凹槽是不可能的，从设计上来看，这是苹果近年来大的妥协之一。但是，看看其他手机制造商是如何解决这个问题的时候，不管是“高额头”还是“低下巴”，抑或是两者的结合，很难说他们没有妥协。

苹果建议不要使用黑色状态栏来隐藏这个凹槽。他们的理由是，尽管这个地方很令人头疼，但是其仍然为状态栏和额外的内容提供了宝贵的空间。它使得上下文内容产生连贯性，同时给人一种屏幕更大的感觉。诸如壁纸、地图和色彩等背景元素在被圆角和凹槽稍微修剪时不会受到太大影响。通过隐藏该空间，你的app将会感觉更小，同时与其它应用程序不一致。

大标题

在iOS 11中，屏幕的标题大小一般为34pt（点），并且是粗黑字体。有趣的是，当你向上滑动屏幕时，标题会自动转换到导航栏的位置上，把宝贵的空间还给我们。在横屏的状态下只留给导航栏很小的一部分区域，这就给设计师们提出了一个非常明确的信息，首先，你应该更合理的利用这些额外的空间；其次，你需要使你的设计具有自动适配性，因为很可能在竖屏的时候拥有的额外空间，横屏的模式下这些空间就不存在了。

更大的状态栏

状态栏的高度相较之前增加了一倍多，从20pt增加到44pt。现在通知栏可以通过左状态栏下滑来唤醒，而控制中心则是由右导航栏的下滑*作来唤醒的。当快速完成*作后，用户只需要轻扫一下屏幕的底部边缘就能轻松返回到主屏幕。但是，如果想要看到导航栏，就必须中断轻扫这个动作。

安全区域布局指南

当我们在为iPhone X进行设计时，我们应当时刻注意并且尽量去避免设计的内容被圆角和凹槽裁剪掉的情况。怎样才能更好的避免这样的情况呢？安全区域的使用可以很好的帮助你，确保内容不被裁剪掉。一般来说，背景的使用上可以不受安全区域的限制，而文本，图像和按钮这些都需要在安全区域内进行设计。

横屏状态下的iPhone X

在横屏的模式中，状态栏是隐藏的，目的是为了将内容的空间大化。iOS 11的导航栏减小到了32pt，标签栏是30pt，虚拟home键的尺寸为23pt。虽然大多数情况下用户不会在iPhone X上切换到横向模式，但还会有一些比较重要的使用场景会用到横屏的模式。例如，我们在翻看横向的照片，全屏视频或者阅读文字较大的文章时，都会采用横屏的模式。当用户完成使用后，会直觉性的切换回竖屏模式，那么，我们就必须要保证切换后的内容也可以正常展示给用户，特别是当设备在横屏时停留在一个比较舒适的位置的时候。

如果你的app已经可以适配到iPad上了，那为什么不能也很好的在iPhone上进行横屏适配呢？大多数的app都已经开始采用响应式布局的设计理念，从而以小的成本来获得大的收益。

iPhon X横屏状态下的网页

如果你是一名产品设计师，你可能会在网页上进行工作。在横屏的iPhone X上，你的网页在左右两侧会存在一个较大的空白区域。这是因为安全区自动切割超出安全区域的内容部分所带来的糟糕结果。为了避免这种尴尬，苹果出台了一套规范以此指导你的网页在横屏时适配iPhone X。这样基本可以使网页在横屏状态横向拓展背景以填充屏幕的同时，确保安全区域内网页内容的完整显示。

圆角

内容的剪辑也会发生在iPhoneX屏幕的四角。除非你隐藏了状态栏及底部的触碰区，否则不会面对这样的问题，因为他们覆盖了屏幕的四角。但是，对于大多数全屏使用的应用程序，比如相机确保四角中有足够的空白是非常重要的。建议你的按钮半径设置为16pt，以完美的遵循圆角的规则。

在iOS模拟器上预览你的应用程序

发布之后iPhone X可能会迅速售空，因此，我们大多数人无法立即使用。手头没有设备，唯一的方法就是通过iOS模拟器。您可以通过安装Xcode来预览您的应用程序和网站。

汉堡菜单之死

十年来，设计师们争先恐后地在原先的iPhone小屏幕上适配着内容，有很多设计师因为标签栏占用了太多的屏幕空间而彻底省去它。还有一些人的做法相对有创意一些，他们会放一个能从左面滑出的按钮来替代。这也就是初的汉堡菜单。虽然起初很新鲜有趣，但终却发现它是可用性的一个噩梦。因为在使用时，用户需要更多的点击*作。这也就意味着二级标签会更少使用。而且人们常常会忘记还隐藏了更多的内容。

随着屏幕的变大，单手*作也开始受到了影响。苹果公司甚至设计了双击home键就可以下滑整个用户界面的手势*作，这样以便手指可以够到导航栏。而汉堡菜单通常又是放在屏幕的左上角，用户就需要一个额外的双击才能到达这个菜单了。这也就导致了用户更难对这个菜单进行*作。随着屏幕的加长，设计师也不再需要那么纠结内容占了多少屏幕空间了。所以现在设计时都会选择用标签栏来取代汉堡菜单。iPhone X更是如此，也就是说，如果你的应用程序有超过两部分的内容，那我们就强烈建议你使用标签栏，而且iOS11的标签栏占用的屏幕空间也更小。

汉堡菜单在网页设计上是很常见的，也可以说是移动网页在手机上的设计体验比不上基于手机的设计体验更好的原因之一。虽然目前一些适配手机的网页采用了原生的控件，这对于网页设计来说是一个很棒的方法，但是，在iOS系统中尤其是iPhone X的设计中，你依然应该使用标签栏来代替汉堡菜单。

自适应布局和多任务处理

随着越来越多的屏幕分辨率需要适配，让你的页面布局具有适配性越加重要。使用像Sketch的Constraints和Xcode的Auto Layout这样的工具，你需要在设计的时候要考虑到屏幕尺寸是灵活的，在需要的时候可以展开多余的菜单。

STACK VIEWS

在Xcode里，你还会发现Stack Views,这是一个神奇的工具用来帮助你的布局实现更灵活的变化。一些元素和组可以动态的堆积在一起，你需要做的仅仅是编辑是元素间的间距以及框内的内容填充。然后你可以使用Auto Layout来完成剩下的工作。苹果的建议是先使用Stack Views再使用Auto Layout。

点（pt）和像素（px）

开发人员使用点值，因此了解点值与像素的区别非常重要。当iPhone第一次推出时，这两个单位是一样的：1pt等于1px。然后，当视网膜的屏幕出现时，1pt变成了2px。所以，把pt看做首代iPhone中一个物理区域的标准大小，px就是存在于这个物理区域内的实际像素的密度（iPhone4，5，6，7，8=@ 2x，iPhone 8 Plus，iPhone X=@ 3x）。

iPhone的解决方案

iPhone主要有5个分辨率：320×480 pt（iPhone 4），320×568 pt（iPhone 5），375×667 pt（iPhone 8），414×736 pt（iPhone 8 Plus）和375×812 pt（iPhone X）。布局不缩放，但可基于屏幕的分辨率进行扩展。例如，导航栏只调整宽度，但保持相同的高度，里面的元素大小也保持不变。

iPhone 8 Plus是唯一在横向模式下更像iPad的iPhone。换句话说，此时可能会出现一个左侧导航来替代标签栏。

DESIGN

译文地址：UXC

三、iPhone***13***为何还要保留刘海屏

iPhone 13为何还要保留刘海屏

iPhone 13为何还要保留刘海屏， iPhone13这次依然是一部小改款的手机，原本可以进行大改动的设计在iPhone13上依然被保留，而且很多设计都已经跟不上设计潮流，iPhone 13为何还要保留刘海屏。

iPhone 13为何还要保留刘海屏1

在苹果发布完iPhone13以后，很多网友质疑苹果现在为何依然保留刘海屏，只是采取缩小不是取消，看完这个图就明白了！

小小的刘海竟然包含了这么多黑科技，内部包含许多看似不起眼但作用关键的零件，包括有红外摄像头、泛光感应元件、距离传感器、环境光感应器、扬声器、麦克风、前置摄像头、点阵投影器八种零件。

刘海内多种零件能起到丰富的作用，比如用于人脸识别、前置拍摄、通话降噪、光感应等等。

其实在iPhone X发布以后，我们都形象地称iPhoneX屏幕顶部下凹的一块为“齐刘海”，但苹果对其有一个更官方的称呼--“原深感摄像头系统”。

苹果官方的解释为:原深感摄像头系统让你能随手拍摄精彩纷呈的照片，并能使用面容ID功能。整个系统藏身于显示屏顶部一个极小的空间内，它体积虽小，缺遍布着我们精心研发的各种尖端技术。

早在之前就说过，苹果的刘海下面装了这么多的机械组件，都很重要，这也是苹果沿用刘海屏设计这么多年的原因，一下子砍掉是不可能的！

iPhone 13为何还要保留刘海屏2

iPhone13这次依然是一部小改款的手机，在很多设计方面原本被外界寄予了厚望，但是在发布之后大家才发现苹果依然我行我素，原本可以进行大改动的设计在iPhone13上依然被保留，而且很多设计都已经跟不上设计潮流，而让网友吐槽的是这四个设计方面。#iPhone13#

依然保留的刘海屏

iPhone13这次依然保留了一成不变的刘海屏，这是被外界吐槽的设计之一。国产旗舰手机均已经抛弃了刘海屏的设计，唯独只有苹果还在坚持使用。可能因为多年的变化实在是说不过去，这次iPhone13将刘海屏的`尺寸给缩短了，比上一代看起来刘海屏的尺寸更小，但是上下的宽度却更高了。

虽然刘海屏的尺寸小了一些，但是在正面的辨识度上，iPhone13依然不是很高。

没有TouchID技术

iPhone13这次依然是没有加入TouchID技术，而且之前传闻iPhone13将会搭载全新FaceID支持戴口罩识别解锁的技术也并没有实现，这也就意味着iPhone13如果在佩戴口罩的状态下，依然需要通过输入密码来进行手机的解锁过程。如果iPhone13加入了TouchID技术，那么在FaceID无法使用的前提下，通过指纹来识别解锁也更加方便。

不过令人遗憾的是iPhone13没有加入TouchID，也没有升级FaceID，这在戴口罩使用时依然非常麻烦。

20W规格的充电

苹果在发布会上虽然表示在电池的续航能力表现方面，比上一代的iPhone12更加优秀，比如在视频的续航时间上iPhone13增加了2小时，音频的续航时间上iPhone13增加了10小时。但是苹果从头到尾都没有提到iPhone13的充电规格是多少，所以只能默认iPhone13的快充规格依然是20W，这不禁让人大失所望。

在国产手机动辄配备100W的快充规格情况下，iPhone13依然还是搭载20W的快充规格，这实在是让人匪夷所思，所以这也是让消费者吐槽的原因之一。

一成不变的1200万镜头

苹果在发布会中表示iPhone13系列升级了相机系统，比如超广角镜头低光下拍照提升92%，广角镜头低光拍照效果提升2.2倍，新增了3倍光学变焦拍照等等。但是苹果也没有表示iPhone13的相机镜头的参数是多少，看样子iPhone13系列依然还是1200万像素的相机镜头，这与动辄1亿像素的相机镜头相比，真的是顽固不化。

iPhone的拍照能力已经被国产手机远远地甩在了身后，而且iPhone13上的相机硬件升级幅度依然很小，堪比挤牙膏。

唯一的好消息

这次iPhone13系列唯一的好消息，可能就是价格了。以iPhone13Pro的128GB版本为例，京东上的售价为7999元，而iPhone12Pro的128GB版本的售价却为8499元，作为一款全新的新品机型竟然iPhone13Pro比iPhone12Pro的售价还要便宜，这对于消费者来说确实是一个好消息。或许iPhone13系列的售价对于消费者来说，是唯一的一个好消息。