3-2 Animation：Responsive Interaction

用户输入（User Input）

Touch, voice, mouse, and keyboard are all equally important input methods.

触摸、语音、鼠标和键盘是同等重要的输入方式。

UI elements appear tangible, even though they are behind a layer of glass (the device screen). To bridge that gap, visual and motion cues acknowledge input immediately and animate in ways that look and feel like direct manipulation.

尽管隔着屏幕，UI元素看上去是可以触摸的。通过视觉和动效的暗示，让用户感觉输入是直接操纵以及能够立即得到响应的。

表层的响应（Surface Reaction）

理解：内容层面的响应，在点击（press and release）或拖拽时（drag in and out）产生涟漪（ripple）效果。除了点击操作，在语音输入时也通过麦克风图标上产生涟漪表达正在输入，还包括键盘的输入等。

元素的响应（Material Reaction）

理解：material元素层面的响应，如卡片在被点击时被提起（lift）到动态高度偏移时在视觉上有阴影的变化。另外在展开或收起一个material元素时，应该从输入源位置开始展开或收起到该位置，使得响应动效与用户的操作产生关联。

辐射状的响应（Radial Reaction）

理解：涟漪的动效来自水墨晕开的效果，输入的位置最先产生涟漪，并展开到更远的位置。