用超多细节探讨 Apple 的设计哲学：交互篇

苹果一家数不多以设驱动的公司。如今，当我们谈论起产品设、用户体验，总离不苹果，它所坚持的设哲学对细节质的极致追求。下面，我就家看看 Apple 在交互方面做的努。

动态的触控区域

Apple 为了解决在移设备上输入本的问题，采了一种流畅并且对户友好的解决方案：基于预测输入系统，扩大虚拟键盘的有效触控区域。

△ 红色为点击区域

例如，the  this 这两单词。当按下「th」的时候，系统预测下一字母可能 e 或 i，从动态增加这两字母的点击范围，以此提高输入的命中率。

然，视觉上你看不到按钮尺寸变化。指尖上，切都在形。

音效触觉反馈

在现实世界，音效、触感和视觉能很自然保持协调，为三者有着很自然关系。苹在数世界也极力保持着这体验。

Taptic Engine 线性震动益于 Taptic Engine 线性震动，让 iPhone 有了触觉上反馈。

1. 闪灯

iPhone X 锁屏上闪灯是个常高级触觉体验例子。手电筒图标会根据手指触碰压力而变化，让你知系统正在响应操作，时也告诉你需要再用力些。

当力度一旦达，系统会有个短震动，告诉你可以了，后还有一个成功的震动反馈。这像不像现实界的老式拉线灯动作？

△ iPhone X 锁屏状闪光灯

2. 闹钟

另外，在闹钟应用中，当你调节轮盘，会有持续的机械震动反馈，且音效是行车链条转动的齿轮声。快速拨动轮盘，视觉上还会有一个物理的惯性力，直力竭停止。

闹钟应用至此，音效、触、视觉三者浑然一体，达了准的协同表现。

终点与手势意图

在 FaceTime 视频通话中，屏幕角落有一个的播放窗代表着。这个浮动的窗，它就可以被移屏幕任的 4个角落，这些角落叫做势的终点。

△ 滑动拖动

你以拖动浮窗到角落，但样需要跨半个屏幕，非常烦。

因此，苹果基于预测量这一概念，捕获滑的量和速。户只需轻量级的滑投掷，即可将浮到达预测位置。苹果把这个叫做，终点和手势意图一致。

利用行为线索

苹果是如果你使手势交互的？

 Safari 浏览器中，每标签页的左角都 X 图标，当点击图标时，标签页会向左滑出，表示它被关闭了。这就暗示，除了点击图标，还可以采用左滑操作关闭标签页。

△ Safari 浏览器

这是过为动画线索，用其个去教另个操作。

△ 上滑动解锁

物理曲线动画

为什么苹系统过渡动画看起来很舒服？

因为苹果大量采用了现实界的物理性：惯性、弹性、重力、阻力。和触控一，苹果把交互动画放在了极高的位置。

△ Apple Music

Apple Music 模态弹窗的动画曲设计非常严谨。在屏幕底栏有个迷你播放器，点击它，以查看播放详情。由点击一操没有任何动量，所以苹果用100% 阻尼来确它不冲。

但你如果拉闭模态弹时，向的方向就有了量，因此苹果了80% 阻尼来获得一些弹性和挤压。可看到上面这个画，最后栏会有微弹效果。

如无必要, 勿增实体

2017 年，苹果发布了 iPhone X，由 Face ID 取代了 Touch ID，确立了的人机交互解锁方式。

但刘海的业设，被用户疯狂吐槽。别的办法呢？苹果首席设官乔纳森·艾维曾价 oppo 的升降式摄设：「这一好的 idea，但我们永远不会这么」。

确实，如必要，勿增实体，这并不符合苹公司追求简洁和体化设计理念。

△ FaceID解锁

虽说丑，但 Face ID 还是有黑科的。在刘海中有一颗红外摄像头，业界一用 850 nm 波长的，但这个波段容易受阳光响。那苹果是怎解决的呢？

它收购一家相机传感器司 InVisage，家司的量子薄膜技术，以让动态范围增加 3 倍，一举将红外摄像头的波长提升到 940nm，才让 iPhone 在强烈的太阳光下能够正常面容识别。

重新定向

在使用设备中，用户的操是一直在改变的，所以互的中间程，同样需要重新定向。

△ 上滑与任务台

如，在点开 App 的过程中，突然意识到我实际上想要打开多任务后台，这时交互手势是可并行的，必等到App全打开，就可向上滑，这个过程就是重定向。

即使已行了操作，也可改变意图，轻松取消操作，始终让界面掌控用户的控制之下。

总结

当需的时候，它永远能及时响应。当滑动操作时候，它永远能理解的意图，并且给自然的触觉反馈。用户创造一系列的愉悦体验，这也许就苹果的设哲学。

欢迎关注作者微信公众号：「洋爷」