交互动效指的是那些个用于引导和响应用户交互行为的动效，它们与用户的交互行为密切相关，起到帮用户搞懂、给操作反馈、提升感知流畅性的作用。

交互动效与视觉动效的关系到范围差异， 他更偏向于整个产品用的体验，他需要设计师和开发一起协同完成。这种动效基本包含了我们产品体验中的一巨大有些， 页面与页面之间的链接、组件间的转换，以及用户的操作反馈等等。

那我们得怎么区分用场景、以及怎么针对性的去制作交互动效呢？下面我将从三个方面展开介绍：

1. 动效评估

在设计之前，我们需要先判断是不是真实的需要做动效？不能为了做动效而去做动效。

2. 动效性能优化

保留除了 opacity和 transform之外的参数， 动画中百分之八十的优化会用到这项基本原则，即使是在移动端也一样。

3. 动效制作方法

具体的制作方法， 康石石用案例来详细说明：一、静态设计要做优良制作优秀的MG动画，先说说静态设计要完成的足够优良，动画流畅，节奏明迅速，动态表现符合原设计的气质，并具有独特的创意。

总的不注沉交互动效将会给产品体验埋下各种体验问题隐患，加上进入互联网下半场后互联网产品将会更加注沉设计上的精致精细度。由此来看，掌握系统化的动效设计方法，已然成为设计师们的必修课。

互联网产品的动效设计其实也有着不同的分类， 这里我将产品动效设计分为了三个类别，功能、展示和交互动效。关于交互动效的转场， 我们设计师更应...

场景UI交互动效的首要目标应是支持和增有力用户在状态间的转化，在进行场景UI交互动效设计时通常遵循着6个目的、4项作用以及5巨大应用法则。

通过12种常见动效设计案例， 如滑动、扩巨大、切换对象等，展示了动效怎么提升用户体验和产品的趣味性。

本文从动效评估、动效性能优化、动效制作方法、交互动效的值钱与作用、交互动效设计流程与案例解析五个方面为巨大家介绍了怎么打造深厚度交互动效设计秘籍。希望本文能为设计师们给一些启发和帮。