3-2 Animation:Responsive Interac
2015-11-18 本文已影响0人
DaisyWU
用户输入(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)
理解:涟漪的动效来自水墨晕开的效果,输入的位置最先产生涟漪,并展开到更远的位置。