在日常的用户交互过程中，交互动效的存在是不可忽视的因素，而合理的交互动效，更是可以帮助用户理解，为用户提供更加流畅的功能体验，又或者是传递产品调性。那么，如何才能做好交互动效？本文作者从三方面进行了解读，一起来看。
前言
当我们提及“动效设计”这一词，第一印象往往是那一类炫酷的极具视觉表现力的动效，而有一类动效，它们如春风细雨般融入了用户交互过程的点滴之中，为打造符合用户心智的流畅体验默默做着贡献，它们就是「交互动效」。
在规定时间内进行报名，上传照片等信息，填好专业信息，报考相关课程，选择现场确认地点，一般是在户口所在地，或异地报名，缴费即可。注意：考试名额所以是要抢的！一定要留意报考时间，提前熟悉报考流程，错过只能等下个考期。本文将从以下三个方面展开介绍——「什么是交互动效」「为什么要重视交互动效」「交互动效的设计流程和方法」，带领大家了解交互动效的基础概念，以及具体的设计流程方法，希望大家看完后能够对交互动效有更加清晰的认知。
一、什么是交互动效？
交互动效指的是那些用于引导和响应用户交互行为的动效，它们与用户的交互行为密切相关，起到帮助用户理解、提供操作反馈、提升感知流畅性的作用。
与视觉动效不同的地方在于，交互动效主要作用于产品的基础体验和功能体验层面，为用户营造更加自然流畅的体验。而视觉动效除了在功能体验层面能帮助用户降低理解成本之外，更多作用于情感体验，增加产品趣味性、传递产品调性，目的是引起用户的情感共鸣，调动用户的正面情绪。
图片▲交互动效&视觉动效示例
图片▲交互动效与视觉动效的影响范围差异
二、为什么要只要成考，国开就能顺利入学，学制2.5年，包括自考本科1.5-2年，一般来说，专本套读的毕业时间最快在2.5年左右。更适合想拿学历谋求职业发展的小伙伴！02自考大专+自考本科通过自学考试的方式，拿到大专学历后，继续申请本科。如果你有前置大专学历，就不必担心申请本科学历时无法通过的问题。大自考专本连读毕业时间一般在4年左右。着急拿证的考生建议专本都报小自考，最快2年毕业！重视交互动效？
在实际的项目中，交互设计师往往会先处理任务流程和页面信息设计。在设计工作量大、时间紧张的时候，很可能遗漏掉需要增加交互动效的细节，到点检验收的时候才发现这些问题，这种情况在新人设计师中较为常见。
在验收阶段，由于项目排期时间紧，开发有别的bug要改，可能没有时间去处理动效方面的优化，从而导致了线上出现体验问题。
图片▲验收阶段才发现动效问题的尴尬
必要的场景缺失动效直接上线，可能会产生以下的体验问题：
不符合预期，产生理解困难：交互动效用于传达页面变化过程，如果过程缺失，可能会导致变化不符合用户预期，使得用户产生理解困难。感知卡顿：缺失必要的手势动效会导致用户操作的不流畅，缺失必要的转场动效则会影响视觉观感的流畅性。
图片▲动效缺失产生体验问题例子
*小贴士在此提醒大家，选择专业切不可盲目，一定要根据自己的实际需求和能力出发。选择自己能驾驭的专业，自考路上会轻松很多。自考全流程一定要清楚~自考全流程自考全流程很多同学还不清楚，我们整理了从择专业到最终毕业申请全过程，同学们可以简单了解。总的来说，不注重交互动效将会给产品体验埋下各种体验问题隐患，加上进入互联网下半场后，互联网产品将会更加注重设计上的精致精细度。由此来看，掌握系统化的动效设计方法，已然成为设计师们的必修课。
三、交互动效的设计流程和方法
1. 动效评估
在设计之前，我们需要先判断是否真的需要做动效？不能为了做动效而去做动效。
1）场景聚焦
首先，我们需要知道，什么样的场景适合做交互动效？可以总结为以下三类场景：
图片▲三种适合做交互动效的场景
「场的变化」指的是用户需要从产品中的一个「场」到另一个「场」，发生在页面间的转场、或页面内的转场。
图片▲「场的变化」相关例子
「内容的新增或减少」指的是由于用户的交互行为，导致页面中的内容（模块、组件、元素等）产生新增或减少。
注意：自考毕业后才会上学信网，毕业前只能在省自学考试管理系统查询考籍信息。本科除了毕业证，符合条件还可以申请学位证，学位证需要在毕业的前提下，满足平均成绩要求，学位英语通过、学位论文答辩良好及以上的条件，可以申请学位。
图片▲「内容新增/减少」相关例子
「元素的属性变化」指的是由于用户的交互行为，导致页面中的元素属性产生变化，例如位置改变、状态变化、值变化等。
图片▲「元素属性变化」相关例子
2）优先级评估
筛选出适合添加交互动效的场景后，我们需要评估在这个场景中做动效的优先级。判断做动效的必要性，可以从以下四个维度从高到低的维度去进行优先级评估：
「一致性」——如果某个场景已经有定义好的动效规范，原则上需要遵循规范进行适配，以确保全局动效体验的一致性。这一个维度对于那些存在动效语言的产品是非常重要的，一致性是为整体产品调性和品牌所服务。例如iOS在全局都保持了高度统一的动效体验，如果某一个组件缺失了用户习以为常的动效，很容易被用户感知到且产生对品牌的负面评价。
「帮助用户理解」——不加动效是否会影响用户对当前页面变化的理解？如果因为缺失动效，在元素关系、页面层级、状态变化上造成用户较大的困惑，影响了用户体验，那么在该场景下添加动效的必要性是较大的。
报辅导班的同学，只需根据老师的要求来，考试规划、时间安排等老师都会帮你安排好，其他事情不用操心，好好学习就行了。三、网上注册报名自考大多数省份报考时间，一般会在每年2、3月和8、9月开始报名。不同地方时间不同，建议留意当地考试院通知。「提升流畅度」——不加动效是否会影响视觉层面和操作层面的流畅度？即视觉上是否会产生闪跳、突变等卡顿感，操作上是否实时反馈、符合用户预期。
「引导注意力」——页面中的元素是否需要通过动效来引导用户的注意力？会不会对用户造成不必要的打扰？有时候产品会出于业务诉求希望通过动效的手段来引导用户注意力，达到业务的目标，但是我们需要站在用户的角度去思考用户的注意力是否应该被引导，不让动效成为对用户的干扰。
图片▲动效优先级评估
2. 动效设计
1）动效原则
设计原则用于指导我们设计动效的方向，确保不偏离正确的方向。结合行业内的各类动效规范的设计原则，我们总结出以下六个通用性较高的设计原则：
舒适：动效需要符合现实世界的物理属性，贴近用户的心智认知，感知上舒适、同时兼具视觉美感。高效：高效响应并减少过长的位移和时间，使动效触达不拖沓。流畅：不卡、不闪、不跳，帧率稳定、响应及时、跟手操作是动效流畅体验的基础要求统一：同个产品内的动效体验感知统一，体现在相同的控件动效保持一致、相似的动效编排一致。简单清晰：界面元素运动尽可能少且简洁，减少路径及不必要的元素，确保动效过程清晰、重点突出。克制有度：控制出现频率，不增加额外操作，不干扰用户，确保动效有意义。
图片▲交互动效设计原则
2）动效属性
① 变化
一个完整的动效是由不同元素的不同变化组成的，常见的变化类型有：位移、透明度、大小、旋转、3D旋转…
图片▲动效常用变化类型
② 时长
小于200ms的动效不易被感知，多于1000ms（1s）则让用户感到缓慢，交互动效时长一般在200ms-500ms之间，我们在设计时长时，可以从以下几个因素进行考虑：
i）复杂程度：复杂的动画比简单的动画需要更多的时间来表达。
图片▲动效复杂程度对时长的影响
ii）区域范围：动效运动在一定的范围内进行，小范围内比大范围的运动所用的时间相对更短。
图片▲动效区域范围对时长的影响
iii）入场/退场：一般来说，退场的动效时长要比入场短，让用户更把注意力放在后续的内容中。
图片▲动效入场/退场对时长的影响
③ 曲线
曲线与时长相互配合产?运动的韵律感。调整曲线能使物体实现加速和减速，?不是以恒定的速率运动。在自然定律下，物体不会突然开始或停止移动，它们需要一定的时间来加速和减速。以下是三种常用的曲线类型：
i）加速曲线：适用原本在视线中的物体，需要消失或退场，逐渐加速符合退场行为特征，例如弹窗/浮层退出、卡片删除等。
图片▲加速曲线示意
ii）减速曲线：适用原本在视线外的物体，需要出现或进场，逐渐减速符合进场行为特征，例如弹窗/浮层出现、页面进入等。
图片▲减速曲线示意
iii）缓入缓出曲线：先加速后减速，适用于运动前后始终在用户视线范围内的物体，符合物体启动和停止的真实规律，例如图片缩放、tab切换、开关等。
图片▲缓入缓出曲线示意
3）动效编排
动效属性是针对单个元素进行设置的，那么如何对多个元素进行动效组合和编排？下面提供一些动效编排的技巧：
① 淡入淡出
淡入淡出是通过透明度变化来实现过渡转场，也是最简洁实用、最常见的一种类型。其分为「单向淡入淡出」、「交叉淡入淡出」和「错开淡入淡出」。
i）单向淡入淡出：在前后层叠的场景中，只有前景元素进行淡入或淡出动作，下方元素无变化。
图片▲单向淡入淡出示意
ii）交叉淡入淡出：存在退场元素与进场元素的场景下，一个淡入视野，另一个淡出。在整个过程中，会存在两个元素和它们后面的内容同时可见的时候。
图片▲交叉淡入淡出示意
如果退场元素和入场元素在视觉样式或者布局结构上差异较大，交叉淡入淡出可能会带来视觉上的混乱，这时候可适当错开出场元素淡出和进场元素淡入的时机。
图片▲可通过错开元素进出场时机避免带来视觉混乱
iii）错开淡入淡出：在入场元素淡入之前，将退场元素完全淡出。这种方式可以规避视觉上出现重叠元素，但是可能会造成有一瞬间出现容器内容为空的情况。
图片▲错开淡入淡出示意
② 一镜到底
自考高起本怎么报名 自学考试专升本视频