海德体育从设计的维度，动态设计可以分为交互动效和Ae动效，在这两方面个人都有相关落地项目。但是自己感觉学得不够系统，只是能做需求，做得还不够好，所以最近几天我都在学习研究Material Design交互动态系统规范。从整体框架和细节入手，我结合日常业务设计思考总结了几点，也输出了一套动效标注模板，希望对大家有帮助。

　　相信很多设计师在日常业务中都会主动挖掘机会点，来为产品增值赋能。机会点可以是交互动效，但是我们该怎样和产品同学沟通推动才更有说服力呢？如果只是说提升用户体验，说服力是很弱的。因此，我深度学习了Material Design动态系统规范，结合界面案例总结了几点作用：

　　比如标签栏tab切换、下拉菜单出现，加入动效，符合现实场景动态，界面更加生动海德体育，还能缓解用户对内容的枯燥感。

　　缓动曲线，调整过渡元素的速度，按物理规律自然地加速或减速，这样动画才会显得自然愉悦。在不同的平台或软件，缓动曲线可能会有不同的命名，MaterialDesign规范定义了四种：

　　减速曲线（也称为EaseOut），元素从屏幕外快速进入并逐渐减速，在静止时结束海德体育。这种缓动曲线可以用在半屏面板出现的动画海德体育。快速进入，可以迅速响应用户的操作行为；当用户大脑收到即时反馈后海德体育，为了避免高速移动带来的紧迫感，元素需要缓慢减速到静止。同时，让用户在等待过程中可以提前识别和接收内容信息，动画结束后可以第一时间操作。

　　设计师了解完动效原则、持续时间、缓动曲线后，当业务需要定制一套动效标准时，我们需要结合产品调性制定动效风格。工具类产品专注内容，可以使用直接、简洁的风格；娱乐类产品，可以使用俏皮、活泼的风格。影响动效风格主要有几点：速度、运动路径、缓动曲线、海拔高度

　　4. 默认情况下，背景内容在动画过程是静止的。为了动画更生动活泼，可以调整背景内容比例来强调海拔高度。

　　从对比效果来看，持续时间较短、斜向移动的直线路径、默认过渡、默认海拔高度的动画风格直接、简洁，及时反馈，专注内容；持续时间较长、斜向移动的弧形路径、弹跳过渡、变化的海拔高度的动画风格强调动画的过程，俏皮、活泼、生动有趣。如果是办公产品，需要克制下，不要盲目强调动画。

　　设计师完成交互动效Demo后，就要输出一份动效标注交付开发实现。在实际项目中，我有遇到过一些问题：有些设计师反馈文字表格不直观、不易编辑，有些开发同学反馈动画曲线看不懂。为了解决这些协作问题，我结合动效标注的项目经验、参考Material design规范动画曲线和咨询开发同学的意见，最终搭建了一个Sketch动效标注模板，组件化搭建编辑，比较方便。

　　以上就是我对Material Design交互动态系统的学习总结。理解交互动效的具体作用，我们才能更有说服力地和产品沟通推动落地。在设计过程中海德体育，我们应当遵循自然、及时反馈、简单明了、一致性的原则，结合产品调性打磨出一套自然愉悦的动效标准。还需要注意一点，要恰当使用持续时间和缓动曲线。由于个人还没经历过整套产品交互动效系统的搭建，还有许多不足之处，接下来会继续学习！