使用动效来呈现手势

手势本身是动态的，它和动效本身有着高度的相似性。作为设计师，使用动效来呈现手势的交互和效果是非常自然的逻辑。为了让用户能够更为清晰的明白手势的正确用法，你可以在相应的元素上加上文本说明，并且搭配相应的交互动效，展示操作方式和执行结果。就像下面的案例所示：

使用动效进行手势交互引导的时候，有三种比较流行的方式。

第一种是提示动效。提示动效主要以预览的形式展现了如何运用手势来与特定的元素进行交互。它是作为手势和触发交互之间的桥梁而存在的。比如下面这个布丁怪物的游戏就是以手势操作为主的，动效结合游戏场景，呈现给用户交互的基本方式。

第二种方式也很有效，内容展示。相比于第一种方式，内容展示更加微妙，它向用户呈现了交互所能呈现出来的内容和结果。就像下面这个案例，它简单的展示了卡片之后还隐藏着其他的卡片，隐晦而微妙地暗示用户，使用滑动手势就能看到后面的卡片了。

第三种方式是着重推荐的，也是我认为最有效的一种，借助可供性设计的原理来呈现手势交互。为了呈现手势交互的可供性，设计师应该通过设计呈现出“用户能怎么操作”，iOS 的锁屏相机就是一个典型案例，当用户在锁屏状态下点击右下角的相机按钮的时候，屏幕会向上弹跳，展示它是可向上滑动打开的（这一功能的“能指”）。