功能性转场动画效果设计

       

功能性转场动画是用户体验设计的重要一环，它通常出如今页面衔接、命令执行或对象编辑的过程当中，同时也有相似错误提示、操做提示中涌现出来的。它令人机交互更加友好，更人性化。

经过排列组合、分裂、变化形状，运动可使对象更加灵动。功能性的动画，应该流畅地在导航内容间引导用户，解释屏幕内容的变化，并强调元素层级。

成功的动效设计具备如下6个特征：

1. 响应及时且恰当

视觉反馈在UI设计中极度重要，由于它符合了用户在平常生活中的体验。在现实生活中，拖拉、拨动各类物体，都会响应咱们的操做，这符合用户的预期。

响应一是要及时，二是要恰当很是重要，不然就会形成对用户经验的挑战，形成体验差。

2. 提高关联性

让页面之间与触发它们的元素或操做关联起来。帮助用户在界面布局中理解刚发生的变化，是什么操做致使了这个变化。

3. 了解天然规律

不要刻意追求动画效果，全部的运动都应该遵循真实生活中力的做用，好比重力、磁场力、摩擦力、弹力等等。相似的，在好的界面设计中，你能时刻感觉到这些。

4. 有目的的引导

设计好视觉线并引导用户到适当的位置。动画必定是页面中最为亮眼的那个部分。不管文字段落仍是静止图片都没法与之相提并论。用好的过渡效果引导用户到下一步操做，适当的动画能帮助用户保持方向，不会感受内容的忽然改变。

5. 该快的必定要快

元素在不一样位置和状态间运动时，运动要足够快，不要让人等待；也不可过快，让过渡可以理解。不要缓慢的动画，由于它产生了没必要要的停顿，延长了整个过程。

6. 明确

过渡效果应当避免一次作太多事情，由于若是许多物体往不一样方向或沿着不一样路径运动，它们就会使人困惑。过渡效果应当明确、简洁、条理清晰。记住，关于动画，少便是多。咱们应该只专一于动画能为用户带来的实际价值。