认识达内从这里开始

我们在前几期的文章中给大家简单介绍了UI设计师为什么要学习动效设计以及动效设计的应用优势等内容，而本文我们就继续来了解一下，如何评价动效设计的好坏。

从感官体验上来讲动效设计非常活泼有趣，但其背后存在明确的原则，这些原则能够帮助设计师对作品进行自我评估,然而动效原则众多且晦涩抽象,所以笔者将其归纳为以下三个设问句,需要大家反复思考权衡这3个问题：

(1)承载功能性了吗?

动效设计一定是某项功能的载体,任何动效都有其意义,它能够补充理解能力的差距。

思考自己动效的功能是什么?终目标是什么?产品意图是什么?阐述层级关系?吸引用户注意力?对用户操作做出反馈?让页面变得更加美观?或者是在这些表现层面之后的其他意义?

这些内容往往是穿插在一起的，读者可从上文提到的阐述，吸引，反馈，提升四个方向入手。

(2)动效合理吗?

符合客观世界规律：元素运动的方式是否符合物理规则?元素的使用是否符合用户常识以及对产品的认知?

一致性：交互设计原则也存在于动效设计中，运动中元素的X(横向)Y(纵向)Z(垂直屏幕方向)轴方向应该存在规律，元素的运动应该是有序的。同时，动效的视觉语言(基本动画原则：动态曲线，动效风格等)也应该是一致的。

效率：元素是否简洁?是否存在夸张的动态效果?用户讨厌被无关的内容分散注意力，时长动效的时长是否合适?

(3)动效生动吗?

在不降低用户执行任务效率的前提下，我们应该使动画更加生动，更具趣味性，表达情绪，避免枯燥。关于“生动”，我们可以从以下方面入手：

速度：线性的速度会使得物体的运动看起来机械呆板，调整运动曲线可以很好地解决这个问题。

缓入(easein)：当物体以慢速开始并积累速度时，这一过程被称为缓入，使用的时机以目的为准侧进行判断，例如物体移出画面时，该元素重要性降低，所以可以让其进行加速运动。

缓出(easeout)：与缓入恰恰相反，当物体快速开始运动并降低速度时，这一过程被称为缓出。例如物体移入画面时，该元素重要性较强，所以可以让其进行减速运动，同时可避免对于用户的惊吓

缓入缓出(easein-out)：适合用来表达元素形态状态的改变，加速时间要小于减速时间，动画能够引导用户更加关注元素的结束部分。从物理性角度讲，缓动动画遵循的是惯性定律——物体运动不会突然停止和瞬间加速(都有加速和减速过程)。

然而单一改变速度并不足以将画面变得生动，我们需要了解一下三个关键要素：

惯性、重力与材质

我们可以尝试赋予元素各种属性来加强其生动性

惯性：物体因为惯性原因，可能会发生形态或者速度的改变

重力：物体因为重力原因，可能会发生形态或者速度的改变，重心的存在也使得一些对象在移动之前需要做出准备动作。

材质：赋予物体不同的材质属性，该物体可能会发生形态或者速度的改变，例如果冻状的弹性效果，不同材质的在惯性和重力会呈现不同的状态。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。