美文网首页
3-2 Animation:Responsive Interac

3-2 Animation:Responsive Interac

作者: DaisyWU | 来源:发表于2015-11-18 17:10 被阅读0次

    用户输入(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)

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

    相关文章

      网友评论

          本文标题:3-2 Animation:Responsive Interac

          本文链接:https://www.haomeiwen.com/subject/ifflhttx.html