在浏览器中最常用、最容易实现且能保障性能的是 位置（position）、大小（scale）、旋转（rotation）、透明度（opacity） 这四种属性的变化，当变化这四种属性的任意一种或几种就能达到交互微动效的目的时，无须再加入其它不必要的属性，以免影响动效流畅度。

属性的变化一般又分为 线性（liner）变化 和 曲线（curves）变化两种。

1. 线性变化

线性变化具有 匀速、骤停 这两个特征，一般适用于与物理属性无关的过渡动效（如透明度属性的变化，包含渐隐渐现或颜色间的切换），或有规律的加载动效（如均匀的循环、数值变化或进度变化）。在与物理参数有关的变化中（如位置变化），尽量避免使用线性变化，否则很容易给人带来动效僵硬、不自然的感觉。

2. 曲线变化

曲线包含多种类型，在交互微动效设计中，缓动曲线（easing）的应用范围最广、效果最自然、对用户的干扰也较小，多用于与物理属性相关的属性变化中，常用场景如下：

结语

交互微动效以功能性为主，须遵循克制有度、清晰聚焦、自然流畅这三个核心设计原则。在设计前，思考希望如何影响用户的注意力、动效的目标是什么、动效出现的频率和触发机制是怎样的，在设计时选择合适动效类型和持续时间并关注反馈的响应时间，做到有理有据、令人信服。

作者：Jana