万字干货！「iOS 振动」设计与落地全方位解析

写文章也像做一款产品一样，随着技术的进步、识的迭代要进行合理的优化与更新。去的 2 年里，移动设备的更新迭代让振动反馈有更的想象空间，因此文在旧版文章的基础上做以下修订。

• 增加了 iPhone 新 API 内容；
• 结合最近的工内容总结，将旧版中一笔带的落地现模块展开详细阐述；
• 将振动反馈的用途以加合理的方式行分类阐述。希望能够帮设师朋友完振动设计的思考、设计、落地的流程。

旧版文章：

我们的触觉

“她滑滑的，明亮着，像涂了‘明油’一般，有鸡蛋清那样软，那样嫩”，这是朱自清的散《绿》中对梅雨潭的一描写。“滑”、“软”、“嫩”是对触觉赋予意蕴的独特表达，这些我们一旦听到就会在脑海里浮现画面的描述是来自于生中无数次触觉带给我们的独特体验。

在体五感觉，触觉与其他感觉相比与我们身体接触更广，体全身上下都是触觉信号接收。尽管如此，类触觉能够传递信息是有限，常有视觉信息 1 %。不过，触觉类带来情感体验又是不可或缺，如没有它存在，我们在日常生活与现实物体互动过程将变索然味。技品也是如此，论是 VR 体感游戏是日常使用手，过动带来触觉反馈起到了画龙睛作用。

iPhone 的振动模块

软件体验升级需要依赖硬件不断迭代。iPhone 动体验被用户赞叹不已，这自于与苹用户体验极致追求，即使在大多数用户看来关痛痒动功能，苹也进不断升级迭代，提高动模块性能，带来更舒适体验。

在 iPhone 振动模块的升级程，苹果不断增大振动模块积，从转子马达到马达的更新换代让震感越来越细腻，下图所示。

△ 上图内硬件图来自乎用户「云子信」

直到后，iPhone 7 / 7 plus 全新线性马达 Tapitic Engine 问世，iOS 10 的振动接口向发者，如此高配置的线性马达提供的细腻反馈不但使 iOS 系统具科技与的融合之，且赋能了第三方应用使用振动反馈提高产品体验。

可能有些读者会疑惑，全新的 Tapitic Engine 振动模式和以往有什不同之呢？先回忆一下在以往各种机的振动给带来的体验，基本都是嘈杂的声音加上酸麻的，体验非常拙劣，而 Tapitic Engine 实现了在不发出声音的情况下提供更细腻舒适的振动体验，如下图。

另外振动给另一个负面响就是其干扰性，大多数其机提供的振动并没有进行间和度的，这带来的问题是无论在何种景下，机都会给同的振动反馈，没有进行任何景的细。比如对于危险操作可能需要长久度大的反馈，而一些轻量化的提示只需要轻的振动即可，但是由于硬件的限制，大部安卓机都是一视同仁，而拥有 Tapitic Engine 的 iPhone 则可以定义多种不同的度，还可以穿插度使用模拟更多景，后文会详细介绍相关应用。

安卓手机的振动模块

刚才提，绝大多数的安卓机型不可以对振动的度进行定义，因此不管在系统软件还是第三方软件中，如果景需要振动辅助，基本都是振动麻的一声“嗡”就不了了之了。只有少数有极神的安卓厂商会在振动体验上不遗余力，向苹果齐，但由于大部第三方应用开发者难以针对各个安卓机型不同的硬件振动模块进行适配，所以大部安卓机型上的第三方 App 如果需要振动都是调用一度，仍然未对振动度做景细，体验依然不尽人。

触觉设计的用途

尽管触觉传递的息远远少于视觉和听觉，但通常也不会将触觉作为传递息的主要段，只将其作为视觉反馈和听觉反馈的一种补充和配。备的振动模块产生的触觉反馈，可以有效提高交互的易知性，并赋予产品生命力，增用户的情化体验。一来说，息传达和模拟现实是它主要的用途，下来将一一介绍。

1. 信息传达

振动反馈所能够提供的息是非常少量的，但是在一些殊景中，它存在着不可或缺的作用。在息传达的用途中，振动反馈通常有种功能：提示操作的结果是否发生；隐喻操作结果的性质。

提示操作的结果是否发生

在一些殊的景中，通过视觉和听觉产生的息可能不足够或者无法及传递给使用者，此就需要通过振动反馈来传递息，告知操作者操作的结果是否发生。

例如在车载软件的设计中，需要考虑到：1.操作者无法将视觉注意集中于界面上；2.道路环境中存在各种嘈杂的噪音干扰。基于上两点，驾驶者无法及时通过获取视觉和听觉信息了解操作的结果是否发生，如按钮是否被触发。此时通过振产生的触觉信息就可弥补视觉和听觉信息的足。

当然，振反馈的接受者一定是操作者，如手机来电和微信消息的振反馈可在静音或过于嘈杂的环境中保证接收者够获取来电示。

再比如 iPhone 从底部上滑后不松开手指定时后调出后台 App 进程，界左边会出现后台 App 移入视觉反馈，时会生动反馈告知用户进程页已经触发，可以在此时松开手指了。

再比如很多品下刷新都从前文提示改为了动提示。用户下距离到临界值并触发动后，用户感受到动后松手刷新了，而不用再使用“继续下刷新、释放刷新”等冗余文案来提示用户，如下图下房应用。

隐喻操作结果的性质

在一次振反馈中，振幅和频率同的变会建立同的物隐喻，从而给操作者同的感受。如 iOS 中置一个默认的 API 预设了 成功、失败、警告 种振反馈，分别对应结果的性质。

成功：Success。幅从低到高，传递积极信号，隐喻本操作结为成功。案例：脸识成功。

警告：Warning。幅从高到底，传递消极信号，隐喻本操作有风险，需要确认。案例：摇动以撤销。

失败：Error。幅先变高再变低，隐喻本操作结为失败。案例：脸识失败。

由于在 iOS 这个 API 广泛应用已经让用户将操作结性质与动类型立了联系，此很多 iOS 端游戏会接调用这个 API 去表现操作结性质。以我近期在玩儿《遇》为例，成功触发查看关卡按钮后会有「成功：Success」动反馈，

翅膀能量耗尽后继续击飞按钮会有「失败：Error」 动反馈。

2. 模拟现实

人们容易对自己熟悉的事物产生好感。在产设计中，我们经使现实生中见的视觉形象和声音进行隐喻联，与户建立情感连接。触觉例外，日生中各种各样的现实物体都会给我们带来同的触觉感受。电器按钮的阻尼感、节日烟爆炸传递的震感、拨齿轮带来的摩擦感等等都是我们与现实世界之间的触觉交互。振反馈可充分地模拟并给我们带来逼真的触觉体验。

在微信聊天页，双击头像触发功能后，伴随着头像左右抖动会生相应动，视觉和触觉配合让个交互流程更加生动。

为了研究不品上动带来反馈感受，我体验了很多品，论将动反馈运用到极致，不不提 QQ 戳戳功能，它动时节、强度与帧动画效是匹配，其设计团队匠心独具可见斑。为了观地让大家感受动变化，以戳戳「放大招」为例制作了效图大家展示大概动强度随时变化过程。下图，动画过程可以拆解为大招能量收、大招发射、大招撞墙、屏幕摇晃，分应不动强度，使体验极为真实和令惊喜。

我们使用 iMessage 发送短信时，如选择了烟花特效，在短信发出瞬，全屏幕会布满骤然绽放烟花。更令惊喜是，线性在此时进大大小小动模拟出烟花爆裂感，仿佛烟花是在我们手里绽放般。

不仅仅是上述案例，过动带来触觉反馈在应用设计层我们带来了巨大想象空。枪击，抛硬币，鼓，齿轮，等等等等，再加上视觉和听觉配合，更是带了用户身临其境体验。

设计与落地

看完了上文介绍动反馈应用，大家定觉十分有趣，是于我们设计师来说，如何设计和落地才是最要。那么接下来让我们看看我们有哪些已知工具可以帮助我们吧！

iOS 提供许拥有特定默认值的振动反馈 API，每个 API 之间的区别在振幅、频率或间隔时间，每个 API 中又有不同的类型，每个类型在振幅、频率或间隔时间上又有着微妙的差别，我们以通用合适的 API 选择恰当的类型从而满不同的场需要。在 2019 年 6 月的苹果开者大上，iOS 新推出新的 API：Core Haptics，它支持开者自己定义振幅和频率，从而为用户带来更加样化的触验。（文将以默认值 API 和自定义 API 区分两者。）

因此考虑某功能的交互添加哪种类型的振动反馈时，我们可以选用默认 API 或自义 API。下面将介绍这两类 API 并展示如何设落。

1. 默认值 API

默认值 API 穷举

默认值 API 为我们提供许不需要我们自己去整振幅和频率的振动选项。随着系统的更新，iOS 提供的默认值 API 一直在增加，但是每个 API 的适机型、适系统不是完一样的。我们要根据覆盖的系统和机型的需求选用最合适的一款 API，根据场去选用 API 中合适的类型。下面我将穷举出 iOS 现有的所有提供默认值振动的 API。果仅仅是将 API 展示出来，并不能帮助大家感受其中不同振动类型的具感，因此我也将该 API 的特定振动等级在哪个主流 App 中的哪个功能中应用也罗列出来，果大家想要感受某个 API 中某个类型的振动等级，打开相应的 App 验一下即。选择合适的 API 和类型将相应的 API 名称和类型的代号告诉开就以现无缝落地，也不出现让开加个振动，结果开做出的效果和我们设计师自己想要的完不一样的情况。

• Vibration 长动

AudioServicesPlaySystemSound(kSystemSoundID_Vibrate);

简介：历史最悠久 API，高频率持续 1s 动，常用于消息知；

适：部苹果手机机型和部系统版；

案例：微信新消息通知。

• 3D touch（TapticEngine）

Peek 触感：AudioServicesPlaySystemSound(1519);

Pop 触感：AudioServicesPlaySystemSound(1520);

三次连续短振（三次 Peek 触感连续振动）：AudioServicesPlaySystemSound(1521);

特点：常用于 3D touch 中，Pop 的震感略强于 Peek；

适配：只支持 iPhone 6s 及以上机型，如果机型不支持将不振动；

案例：长按或重按控制中心的某个控制项目；微信的情景菜单放大为页面；暂无案例。

• UIImpactFeedbackGenerator

微弱短振-Light（表示小的界面元素的物理碰撞或互动时）

UIImpactFeedbackGenerator *generator = [[UIImpactFeedbackGenerator alloc] initWithStyle: UIImpactFeedbackStyleLight];

[generator prepare];

[generator impactOccurred];

中等短振-Medium（表示中等大的界面素的物理碰撞或互动）

UIImpactFeedbackGenerator *generator = [[UIImpactFeedbackGenerator alloc] initWithStyle: UIImpactFeedbackStyleMedium];

[generator prepare];

[generator impactOccurred];

明显短-Heavy（表示较大界元素物理碰撞或互动时）

UIImpactFeedbackGenerator *generator = [[UIImpactFeedbackGenerator alloc] initWithStyle: UIImpactFeedbackStyleHeavy];

[generator prepare];

[generator impactOccurred];

特点：常用于下拉刷新手势反馈；

适配：只支持 iPhone 7 及以上机型且系统需 iOS 10 及以上，如果机型或系统不支持将不振动；

案例：使 iOS 的时钟调节时间刻、iOS 开控件的开启和闭；支付宝我的应编辑页中长按某个应；支付宝首页长按功区触发二级操作。Heavy 与 3D touch 振感中的 Peek 极为接，使 Peek 的案例换 Heavy 是可行的；

• UINotificationFeedbackGenerator

成功-Success（表示一个任务或行为的完成）

UINotificationFeedbackGenerator *notificationFeedbackGenerator = [[UINotificationFeedbackGenerator alloc] init];

[notificationFeedbackGenerator notificationOccurred:UINotificationFeedbackTypeSuccess];

警告-Warning（表示进行一个任或行为产生了警告）

UINotificationFeedbackGenerator *notificationFeedbackGenerator = [[UINotificationFeedbackGenerator alloc] init];

[notificationFeedbackGenerator notificationOccurred:UINotificationFeedbackTypeWarning];

失败：Error（表示个任务或为失败）

UINotificationFeedbackGenerator *notificationFeedbackGenerator = [[UINotificationFeedbackGenerator alloc] init];

[notificationFeedbackGenerator notificationOccurred:UINotificationFeedbackTypeError];

特点：此 API 的三类型都连续振动多次，常应用于功、警告、失败的场景；

适配：只支持 iPhone 7 或更新款机型且系统需 iOS 10 或以上，如果机型或系统不支持将不振动；

案例：人脸识别成功；摇撤销；人脸识别失败、锁屏后输入密码错误。

• UISelectionFeedbackGenerator

UISelectionFeedbackGenerator *selectionFeedbackGenerator = [[UISelectionFeedbackGenerator alloc] init];

[selectionFeedbackGenerator selectionChanged];

特点：常应用于选择的场景；

适配：只支持 iPhone 7 及以上机型且系统需 iOS 10 或以上，如果机型不支持将不振动；

案例：Chrome 浏览器拉后左右滑择项、iOS 照片 App 或微信里看图片放大到极限值继续放大后弹时；

掉连续振的类，全 API 中单次振的振感从小到大的序为：

• UISelectionFeedbackGenerator（弱）
• UIImpactFeedbackGenerator-light（适中）
• UIImpactFeedbackGenerator-medium（适）
• UIImpactFeedbackGenerator-heavy（强烈）
• 3D touch-peek（强烈）
• 3D touch-poop（烈）
• Vibration（嘈杂）

大家在使用并不要被它各的点局限，别是当使用这些默认值振动模拟现实，通过开脑洞巧妙地组使用会产生想不的效果，比如刚才在用途部提的 QQ 戳一戳的计就非常别出心裁。

落地案例

• 案例 1：登录页提示勾选协议

我们体验完所有默认动 API 后，我们于动反馈等级选择会开始有定判断力。比如如要配合网易云音乐登录页中没有勾协议就点击登录后的这个醒画，我们择哪个 API 最合适呢？

了解了上述 API 并体验相的振后，大可直观发现「UINotificationFeedbackTypeError」最适合这个操作失败的场景。大告知开发使的 API 为 UINotificationFeedback，类为 Error，开发就可精确地调，效落地了。

• 案例 2：功能引导

案例 1 中只调用了某 API 中单一的类型，但时我们达到某些效果需将这些不同的 API 类型组合一复杂的振动反馈，此时我们就需详细标注了，我们需标注出调用的 API 以及类型、每振动之间的间隔时间。下面以之过的一引导动画例向家展示落过程。

项目背景：鲸云音效新增了闪光振动功能，用户开启后在听歌机闪光灯和振动马达会跟随节奏闪烁和振动。为了在入吸引用户进入置页面体验新功能，需要计一个引导方式吸引用户点击入。

设计表现：配合闪光振的功属性，为入口处的鲸音效的图标设计跳舞的画，并为图标的每个节拍匹配一个振反馈，增趣味性、真实感和感官上的丰富。画的效果如图示。

振标注：标注需要我们确定两个参数，分别是「振的 API 与类」和「每次振的间隔时间」。面的[ ]的容是代码层面实现组合复杂振的逻辑。

[播放 UIImpactFeedbackGenerator-light，

等待 0.45s,

播放 UIImpactFeedbackGenerator-light，

等待 0.39,

播放 UIImpactFeedbackGenerator-light，

等待 0.35,

播放 UIImpactFeedbackGenerator-light，

等待 0.7,

播放 UISelectionFeedbackGenerator，

等待上个播完,

播放 UIImpactFeedbackGenerator-light，

等待上个播完,

播放 UISelectionFeedbackGenerator，

等待上个播完,

播放 UIImpactFeedbackGenerator-light，

等待上个播完，

......]

我们以代码现的逻辑进行标注，以给到开工程师下图的标注形式。（仅供参考，设计前与开工程师沟通确定标注内容）

需要注意的是：每两个振动之间必须加间隔时间，否则两个振动就同时振动；间隔时间包括前一个振动运行的时间。

此时的小伙伴可能会疑惑：设好的振动需如何预览呢？如果到发同事出之后再体验好不好的话，那样万一修改的话，本岂不很高？

确实如此，当制作复杂的振动反馈组，计凭空想象是难把控不同度当振动组后形成的结果的，如果没有一个可以实编辑和预览的工，使用默认值 API 去计复杂的的振动是难直观得去反复调出最佳效果的。还好这个问题是有解决方案的，Github 上有一位博主通过将 iOS 振动默认值整成了一个 demo App，名字叫 Piano，在 Github 上的地址是 https://github.com/saoudrizwan/Piano ，demo 的安装过程比较复杂，安装包、安装和使用教程大家可以在文章结尾按指引领取。安装完成后，大家就可以直观地置振动等和间隔间，并且可以实预览震了。

当确定了震的计后，在实现阶段有种方式，第一是仍然使用之前文中提的标注方式来标注，然后让开发按照标注编写代码。第二种是直用上述的 Piano App 导出代码给开发同学使用，但是缺点是开发同学需要花点间引入第三方框架，会让应用安装包体积大概增加 50k。种方式大家选择。

2. 自定义 API

上述的默认值调用方式可以让不必过多思考就可以选择出适的振动等，但是对于一些定义程度要求高的模拟需求就远远不够了。这需要使用 iOS13 提供的新 API -Core Haptics。Core Haptics 支持将音频文件转为振动，而且计可以通过第三方软件可视化绘制「振幅」和「频率」的值，导出 haptic 格式文件后直交给开发工程使用。

想要绘制体验优质的自定义振，我们首先需要了解「振幅」和「频率」这两个物量与声音有么样的系。

物体动生声波，声波到我们耳朵鼓膜后被我们感受到，变成了可识声音。物体动范围和强度越大，幅越大，它将影响音量大小。秒动数越多，频率越高，它影响着音调高低，常能听到频率 20-20000hz 声音。

我们把一段声波输一个正弦波到示波器，振幅越大，波和波谷偏离零位的距离越远。频率越高，波动越密集。

在绘自定义的振动反馈时，我们也是主要编辑两个参数来达到相应的效果。使用软件 Lofelt Studio 将我们绘的振动导出为文件给到开直接用。

比如我如果设一款驾驶摩托车的游戏，场景摩托车从近处启动后驶向远方，需设相应的振动配合画面音效。相应的数变化振幅不断降低，频率不断提高，从模拟出真实世界的效果。 Lofelt Studio 中绘制出的效果如下。

具体的软件使用方法就不此赘述了，学习趣的小伙伴可以点击文章结尾处按照指引领取安装包使用教程。

虽然这个定义 API 已经发布许久，但是应用它的 iOS 端 App 或游戏还是比较少的，当考虑在 App 或游戏中应用，除了根据现实模拟之外，还可以参考一些非 iOS 端优秀的游戏产品是如何计的，如 NS、PlayStation 等。比如以最近在玩儿的 NS 上的《马奥赛车 8》举例，它在柄的振动反馈上下足了心思，加速、撞击、获得道等行为都能够触发不同的振动反馈，每个反馈都是根据现实进行映射。下面以加速带助力和起步二者为例，简介绍下其波形征以及在 Lofelt Studio 中的绘制效果。

除了游戏领域，这自义 API 音视频类产品的应用也非常广泛。试一下，如果我们欣赏一首歌曲的过程中，不但可以通过听觉感受它的旋律，还能通过触觉感受模拟声源的振动，那么这给我们的多感官丰富体验一妙不可言。

QQ 音挑选了节奏比较的十首歌曲置为色歌，再针对这十首歌曲针对性地计振动，体验非常细腻。别是《发如雪》开头的雨点落地面的振动模拟，极为细腻和逼真。

爱奇艺的蹦迪模式，会适配一些以音为主题的综艺，比如《中国新说唱》《队的夏》，在歌演唱会触发振动反馈。

使用原则

以下 8 条原则以 iOS 人机交互规范基础，结合我的实践验总结。

1. 建立清晰的因果关系

振动反馈需与用户的特操作建立清晰的因果关系。如果操作与振动反馈之间的延迟过，就会让用户觉得非常莫其妙。

2. 目的谨慎使用

虽然振动反馈对于体验的提升较的价，但我们还应谨慎使用，从确保它能够我们的产品提供持续性的价。我们可以使用它去产品增加很多独出裁的设去吸引用户，也可以仅仅添加少去强化一些具结果性的交互，但将它应用到太多琐碎且不重的交互就可能得其反，给用户造不必的负担。

3. 保持一致性

确保振动反馈的一致性体验。某特的振动反馈会让用户将它与特的操作绪关联起。比如，如果我们使用一常用于任务功的较面积极的振动反馈去表达任务失败，用户就会非常疑惑不知所措。

4. 可选择性

使振动反馈设可选项。允许用户关闭振动反馈，确保它时产品仍然能够常使用。

5. 考虑普性

确保我们的产品充分测试振动反馈。不同的人不同的偏好对振动不同的耐受度，所以我们需去寻找尽可能多的人行测试。

6. 考虑对硬件的影响

确保振动不会扰到其他操作。比如陀螺仪、摄、麦克风可能会受到振动的影响不能常作。

7. 可作其他反馈的补充

振动反馈也可以作其他反馈的补充。尤其游戏设中，当视觉、听觉、触觉的反馈相辅相，高还原度去模拟实世界时，用户将会获得连贯自然的体验。

8. 性化场景考虑行制化

游戏中，考虑使用制的振动反馈去强化用户的体验（使用文提到的自义 API 实）。除了系统提供的那些自振动反馈的控件外，我们应该游戏设一些独的、特色的振动反馈。比如，振动可以加强体撞击时的真实感，还可以暗示用户通过视觉不易察觉的内，比如敌人逐渐逼近的脚。

触觉体验设计步骤

一交互流程中，如何判断否加入振动反馈，我们可借鉴以下几点。

1. 明确用户需求

首先明确用户的需求，道用户在某次任务中需要达到什么目的。

2. 梳理互流程

将用户的某次任务流程分为单个操，当用户进行一系列操将完成任务。

3. 明确传达信息

明确每一步操中能够帮助用户尽快完成当前步骤的重要信息。比用户需要获得什么样的反馈信息才能开始下一步？

4. 选择传达形式

选择合适的信息传达形式，比是视、听或者是触。不同的传达形式适合的场不同，传递的信息密度也不同。

5. 落地设计结果

确定传达形式，确设计结果的用，避免给用户造成不必要的干扰。

以每 App 都的下拉刷新的功能例，使用述骤行设。

• 用户在使用下拉刷新时，主要的需求是获取新的内容。
• 下拉刷新的交互过程中，用户的操作骤：下拉页面；松手指获得新内。
• 那在这个交互流程中，有哪些反馈息能够帮助用户尽快完成当前步骤呢？从①步骤过渡②步骤需要给予用户的反馈息是「下拉页面的距离是否已经足触发刷新的需要」。
• 这条反馈信息首先我们够想到通过视觉、听觉或触觉进行传达，但是听觉适应的场景具有限性，因此我们暂考虑。我们优先择视觉反馈，如通过字「拉刷」到「松手刷」的变示户拉页面的距离已经满足触发刷的需要，但是户在拉刷的操作通是非专注性的，视觉反馈有时会被户忽略，此时我们可增触觉反馈，作为视觉反馈的补充或直接替代掉它。
• 最后确保触觉反馈强度能够被用户获取不会打扰到用户。

结语

产品每一次的硬件迭代总是会给计带来巨大的想象空间，作为计，需要在术日新月异的代不断开拓视野，拓展计的边界。同也是由于术的进步，可能本文的术实现方案在未来的某个间就被淘汰和抛弃，所以希望大家对本文持批判性度，对文章内可能的疏漏予以指出，将及更新或更正。

参考资料：

• 《微互》 者: 塞弗 (Dan Saffer)
• 《iOS 中关于 Taptic-Engine 震动反馈的深入解析》 作者：深蓝_S： https://www.jianshu.com/p/d4567dbd7dde
• 《如何评价 iPhone 上的振动反馈？》中「云可」的回答，作者：云可： https://www.zhihu.com/question/264649851
• iOS Human Interface Guidelines： https://developer.Apple.com/design/human-interface-guidelines/ios/user-interaction/haptics/
• Piano demo on Github： https://github.com/saoudrizwan/Piano

注作者微信公众号：「设成于思」