7、用Adobe AE创建首个项目：动画勾选图标

用Adobe AE创建首个项目：动画勾选图标

1. 动画在UX中的重要性

有时候你可能会想，既然能用文本或插图，为何还要费力创建动画呢？其实，动画在用户体验（UX）方面非常有帮助。它能帮助我们与用户交流，传达诸如动作或情感等多种信息。

我们要创建一个勾选图标，用于向用户表明购买已成功完成，资金安全且使用得当。从UX角度看，我们希望用户感受到以下几种情绪：
- 安全感 ：购买操作正确完成。
- 放心感 ：交易过程中资金没有损失。
- 兴奋感 ：就像给自己买了件新T恤后的那种兴奋。

动画不仅仅是为了让应用中的动态图形看起来更酷，更重要的是让用户的生活更轻松、更快乐，让人们感觉更好。

2. 将图标导入After Effects

假设你已经使用Sketch、Figma或Adobe XD这三种基于矢量的工具之一完成了图标的设计。如果还未选择矢量工具，推荐使用Adobe XD，它自带导出到AE的选项，无需额外安装扩展或插件。

2.1 从Sketch导入文件到AE

为避免动画问题，建议保持插图简洁整齐。例如，一些布尔运算、文本层或符号在导出到AE时可能会产生问题。操作步骤如下：
1. 在Sketch中打开图标，点击顶部菜单栏的“文件”|“打开本地文档”，找到指定文件夹并打开“lottie/chapter04/sketch/lottie_sketch”。
2. 安装适用于Sketch和AE的AEUX插件。
3. 安装完成后，点击顶部菜单栏