动画设计技巧

1. 动画设计不仅应当优美，更应当服务于功能。

2. 是关注一个应用本身、还是更关注这个应用的元素从 A 点到 B 点转变的过程？？？？

3.动画设计的目的： 有效地引导用户的注意力

4.原则

     原则一：视觉连贯性

      在两个视觉效果不同的页面之间的转场应该平滑、轻快，更重要的是使用户感觉 清晰 而非 困惑 。

- 新入元素(Incoming elements):完全新的元素需要有新手引导，从已有场景中转变而来的元素需要重新被识别

- 淡出元素(Outgoing elements)：与当前场景不相关的元素应当以恰当的方式被移除

- 通用元素(Shared elements)：指那些从转场开始到结束都没有发生变化的元素。可以是细微至单个图标，也可以是显著到占据屏幕的图片展示

     原则二：有层次的时序

     在建立转场的时候，对于元素移动的顺序和时机都要详加考虑。要确保这个动画能使 信息的展示具有层次 感。也就是说，它能 引导用户的关注力 ，将最重要的内容传递给用户。元素转场的时序要平滑并且避免脱节的感觉。 所有元素同时变动的话会使得重要的内容无法突出展示

     原则三：连贯的编排

     由于转场元素在整屏范围里移动，他们需要以协调的方式运动。起到 引导视觉焦点作用 的元素，其整个移动过程都要 有意义、有秩序 。 随机的动画会分散注意力 。一个编排好的应用也 能够给用户提供学习的时机 。如果转场的所有元素都很好的协调，用户对于这个应用的理解也会增强。他们「理解」这个应用， 不会因为动画而无所适从。

5.思考点

     在设计动画的时候，可以从以下几点开始考虑：

- 用户的注意力应该被如何引导？什么元素和动画能辅助实现这个目标？新入元素、淡出元素和通用元素在这个转场中应该怎样被强调或弱化？

- 在设计场景时考虑到转场，并且尽量通过色彩和通用元素在不同场景转化间建立视觉联系

- 审慎地添加动画，思考如何移动一个特定的元素，从而使这个转场更明晰并使人愉悦