为什么使用动画？
了解动画在应用程序整体体验中所起的关键作用。
动画在传统意义上，是指通过操控静态图像来制造运动的错觉。单词“动画”源自拉丁语“anima”和“animare”，分别意为“生命”和“赋予生命”。
当我们想到通过静态图像创造动态效果时，首先浮现脑海的通常是翻页书（flipbook）。翻页书是一种包含一系列逐渐变化的图像的小册子。当你快速翻动书页时，就会产生图像在移动的视觉错觉。
翻页书的概念构成了当今大多数动画的基础。在网页开发领域，动画是通过在一定时间内逐步修改元素的属性来实现的。与一系列静态图像不同，网页使用“帧”的概念，每一帧都反映属性的渐进变化。
示例
假设你希望将某个元素向右移动 50px。默认的做法是直接将 translateX 属性设置为 50px，这会使元素瞬间完成移动。而采用动画的方式，则是在一段时间内以较小的增量逐步改变 translateX 属性，最终达到 50px 的目标值。
No configuration found for ID: 1b1e4a3ea7932578affde979d0e298bd9568993a4e435642264ceddf52d5e2da
动画的重要性
动画在应用程序的用户体验（UX）中扮演着至关重要的角色。精心设计的一组动画能让应用显得更快速、更精致、更具专业感。
动画不仅能带来趣味性的体验，让用户感到愉悦，也具有实际的应用价值。如今的现代技术中，动画已深入到我们日常感知之中，以至于我们的大脑往往不会特别注意到它们的存在。但一旦移除这些动画，我们会立刻察觉到某种不协调的感觉。
以下是动画在用户界面（UI）开发中的一些典型应用场景：
在大多数应用中，这一点至关重要：帮助用户区分哪些元素可以交互，哪些不能。一个简单的例子就是按钮或卡片的悬停状态，用以提示用户这些元素是可点击的。
确认用户的操作
这是对用户行为的视觉反馈，表明应用已识别到用户的操作，例如按钮点击或表单提交。
吸引用户的注意力
有时我们需要引导用户关注页面的特定区域。例如，通知或收件箱按钮可以添加脉冲或闪烁的指示器，提醒用户注意。
一个充满 UI 元素的页面可能让使用者感到不知所措，难以判断下一步该做什么。我们可以利用动画来引导用户完成操作流程。例如，在信息流类应用中，可以对每条独立的帖子进行单独的动画处理，以表明每个帖子都可以独立交互。