界面设计中的动画原理：可理解的变速过渡效果-深入研究加速和减速.pdfVIP

界面设计中的动画原理：可理解的变速过渡效果 -深入研究加速和减速 你认为这两个球在做什么 绿球弹跳很明显，但是红球在怎样运动？当然，它像绿球一样上下运动，落下和弹起所用的时间和 绿球一样。然而，红球感觉很机械，而绿球让人感觉它确实在弹跳。为什么我们会有这种感受上的 差异呢？ 答案是变速过渡效果 (Easing) 。 这篇文章就是关于变速过渡效果的，貌似这是显而易见的，但要了解真正发生的事情，还需要深入 了解动画的基本原理。文章中，我们将会逐步学习：基本概念、探讨加速减速，拆解缓冲曲线，最 终学习到这一切是如何应用于 UI设计的。 时间和空间位移 (Timing and Spacing) 首先，我们需要理解两个重要的概念 —— 时间和空间，二者是紧密相关、密不可分的。为了使动画 更有可读性，他们至关重要。 注： 可读性“ ”是说动画绘制者如何定义动画的精准度，用来清晰而容易地理解正在发生的 事情。例如：不可读 = 不清楚发生的事情很易读 =它非常清楚，立刻能懂 时间 在案例中，两个球在同一顶端同时落下， 0.5秒到达地面， 1秒回到原位。这