面向交互设计师的互动指南

什么让交互“顺手”

点按、拖拽、甩动、滑动 — 你在手机上的每一次触摸， 背后都是一次手势识别：系统从手指运动中捕捉模式，再做出回应。 本指南将逐一拆解这些手势背后的机制，并附上可交互的 demo， 让你边读边感受。

直接操控

触摸交互设计里最重要的原则是 直接操控： 内容随手指一比一移动，几乎没有可感知延迟。做到这一点， 屏幕就像一块真实可触摸的表面；一旦出现哪怕约 50ms 的滞后，这种错觉便会碎裂 — 你不再是在"触摸内容"，而是在"遥控内容"。

Apple 的交互研究表明，用户对输入延迟的感知阈值可低至 约 10ms。 因此本指南中的每个手势都遵循同一原则：手指在屏幕上时，优先做即时 1:1 跟手； 手指抬起后，再交由物理系统接管 — 弹簧、动量、吸附，各司其职。

反馈闭环

一次触摸交互，通常会走过四个阶段：

• Press — 手指触碰屏幕。界面应立即给出视觉反馈 — 高亮、缩放、涟漪皆可 — 告诉用户：输入已被接收。
• Follow — 手指若移动，内容便 1:1 跟随。这是直接操控的核心阶段，系统也在持续判断这次动作会发展成哪种手势。
• Release — 手指抬起。系统据此确定事件类型 — tap、fling 还是 swipe — 并提交对应结果。
• Settle — 物理系统接管。内容会带着动量滑行，弹回吸附点，或在边界处反弹。这个阶段传达的是手势的"后果"。

当四个阶段俱在且调校得当，交互便显得 连续而鲜活。缺任何一环 — 按下没有反馈、跟手出现卡顿、抬手后生硬停止 — 体验都会出现断裂。

试试看：反馈闭环如何工作

在下方区域触摸或点击并拖动，观察状态指示器如何在四个阶段间切换。