全方位科普手册：产品的动效设计

看完本文你会学到：

1. 为什么必要动效计划？

• 什么是动效计划？

• 动效在产物计划的浸染

• 动效计划的好尺度

2. 怎样计划动效？

• 6 个构想动效的要领

• 6 个实现动效的要领

3. 动效的种别

4. 常用的动效软件

5. 让动效落地的 4 个要领

为什么必要计划动效？

我最开始打仗动效计划，只是认为又炫，又酷，翻腾的，旋转的，爆炸的。只是认为奇怪，好玩，可以炫技。可以让计划越发酷炫。也许大部门同窗，在做刚开始打仗的时辰多几几何城市有和我差不多的设法。这就是我们做动效计划的目标吗？应该不是。

办理为什么要做动效计划这个题目，就要搞清晰什么是动效计划？动效计划有什么浸染？

1. 什么是动效计划呢？

动效大范畴鼓起，或许始于扁平化计划之后，扁平化计划的甜头在于用户的留意力可以齐集在界面的焦点信息上，将对用户无效的计划元素去掉，不被计划所打搅分手留意力，行使体验越发纯粹天然。这个思绪是对的，回归了产物计划的本质，就是提供更好的行使体验，而不是提供更漂涟?麋面计划。可是，过于扁平化的计划，也带来了新的题目，一些伟大层级相关怎样揭示？用户怎样被引导和吸引？这与用户在实际3D天下中的天然感觉很纷歧致。以是Google推出了Material Design计划说话。

Material design 计划类型中，将动效计划这一章定名为「Animation」，动画，生动的意思。

动词 Animate 是「赋予生命」的意思，动效可以界说为行使相同动画的伎俩，赋予界面生命和活力。

前面我们说过Material design计划说话，一部门浸染是为了办理过于扁平化计划所带来的破绽，伟大层级相关怎样揭示，用户怎样被引导和代入。为了办理这个题目，Material design 计划气魄沤背同充实操作Z轴，通过度层计划以及动效相共同的方法，在扁平化基本上提供应用户更好领略的层级相关，赋予计划以情绪增进用户行使进程中的参加度。

2. 动效计划对付产物计划有什么浸染？

动效计划的浸染

如上图所示，动效对付产物计划的浸染包括：

• 转达层级信息 ；

• 转达状态信息；

• 提醒潜匿信息成果；

• 转达情作用信息。

知道了这些，那么，我们为什么必要动效计划？

通过上面说的，团结我们自身产物计划的特征，我们可以总结出动效计划的念头首要有如下几点：

• 使守候不死板；

• 使变革不生硬；

• 使反馈不光调；

• 使体验有情绪；

• 行使户更愉悦。

好的动效是什么?

知道为什么做动效计划，那我们应该做什么样的动效计划？可能说好的动效计划是什么呢？是炫酷的，翻腾的，旋转的，爆炸的吗? 庞洪水平是评判好与坏的尺度吗？

海外一位闻名的一线计划师，曾经在分享会上对付好的动效下过这样一个界说：

好的动效应该是隐形的，好的动效应该是以进步可用性为条件，而且以令人认为天然蕴藉的方法提供有用用户反馈的一种机制。

这句话着实就是，好的动效计划是吻合的，是对付用户行使体验的晋升，最终处事的是体验而不是展示你的动画计划。

既然云云 ，那么让我们总结一下好的动效计划的尺度。

起主要具备一下几点特征：

• 快速且流通；

• 恰到甜头的反馈；

• 晋升操纵感觉；

• 提供精采的视觉结果。

动效计划尺度

其次，好的动效计划应该是起首处事于体验，其次恰当计划（思量全面，如机能，实现本钱，是否滋扰用户等），再次就是要让用户感觉到你输出的情绪互动，最后也是最根基的就是要具有视觉上的美感。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!