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

　

1. 为什么需要动效设计？

什么是动效设计？

动效在产品设计的作用

动效设计的好尺度

2. 如何设计动效？

6 个构思动效的方法

6 个实现动效的方法

3. 动效的类别

4. 常用的动效软件

5. 让动效落地的 4 个方法

为什么需要设计动效？

我最开始接触动效设计，只是觉得又炫，又酷，翻滚的，旋转的，爆炸的。只是觉得新鲜，好玩，，可以炫技。可以让设计更加酷炫。可能大部分同学，在做刚开始接触的时候多多少少都会有和我差不久不多的想法。这就是我们做动效设计的目的吗？应该不是。

解决为什么要做动效设计这个问题，就要搞清楚什么是动效设计？动效设计有什么作用？

1. 什么是动效设计呢？

动效大范围兴起，大概始于扁平化设计之后，扁平化设计的好处在于用户的注意力可以集中在界面的核心信息上，将对用户无效的设计元素去掉，不被设计所打扰分散注意力，使用体验更加纯粹自然。这个思路是对的，回归了产品设计的素质，就是提供更好的使用体验，而不是提供更标致的界面设计。但是，过于扁平化的设计，也带来了新的问题，一些复杂层级关系如何展现？用户如何被引导和吸引？这与用户在现实3D世界中的自然感受很纷歧致。所以Google推出了Material Design设计语言。

Material design 设计规范中，将动效设计这一章命名为「Animation」，动画，活泼的意思。

动词 Animate 是「赋予生命」的意思，动效可以定义为使用类似动画的手法，赋予界面生命和活力。

前面我们说过Material design设计语言，一部分作用是为了解决过于扁平化设计所带来的毛病，复杂层级关系如何展现，用户如何被引导和代入。为了解决这个问题，Material design 设计风格，充分利用Z轴，通过分层设计以及动效相配合的方式，在扁平化基础上提供给用户更好理解的层级关系，赋予设计以情感增加用户使用过程中的参与度。

2. 动效设计对于产品设计有什么作用？

动效设计的作用

如上图所示，动效对于产品设计的作用包罗：

传递层级信息 ；

传递状态信息；

提示隐藏信息功能；

传递情感化信息。

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

通过上面说的，结合我们自身产品设计的特性，我们可以总结出动效设计的动机主要有如下几点：

使等待不枯燥；

使变革不生硬；

使反馈不仅调；

使体验有情感；

使用户更愉悦。

好的动效是什么?

知道为什么做动效设计，那我们应该做什么样的动效设计？或者说好的动效设计是什么呢？是炫酷的，翻滚的，旋转的，爆炸的吗? 复杂程度是评判好与坏的尺度吗？

国外一位著名的一线设计师，曾经在分享会上对于好的动效下过这样一个定义：

好的动效应该是隐形的，好的动效应该是以提高可用性为前提，而且以令人觉得自然含蓄的方式提供有效用户反馈的一种机制。

这句话其实就是，好的动效设计是合适的，是对于用户使用体验的提升，最终办事的是体验而不是展示你的动画设计。

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

首先要具备一下几点特性：

快速且流畅；

恰到好处的反馈；

提升操作感受；

提供良好的视觉效果。

动效设计尺度

其次，好的动效设计应该是首先办事于体验，其次适当设计（考虑全面，如性能，实现成本，是否干扰用户等），再次就是要让用户感受到你输出的情感互动，最后也是最基本的就是要具有视觉上的美感。

标签：

相关文章： SEO大师助手  如何快速学习淘宝运营？  智能工具助力网站排名与流量飞跃  软件开发的一般流程  如何实现微信群的流量变现？6个方法！  推广赚钱，轻松变现！  抖音高权重账号哪里能购买？  [SMR通信研究]全渠道互联网营销转型之路  锁定长尾关键词，百度热度巧运用  如何快速在闲鱼找到卖家？  数据融合是什么意思  衡水抖音SEO优化，如何策划更有效？  新版北京国际版门户网站正式上线浙江男子在出租屋躺平不上班，妻子无奈去足浴店打工：他让我养他  SEO技术精炼，关键词优化大师  美图3964万美元收购设计网站站酷靠《伪装者》走红，演技好长得漂亮，出道30年婚姻成谜  销售关单是什么意思  利用社交软件和引流脚本自动引流，推广交友类app赚钱干货分享！  SEO目标路径：关键词优化策略，如何提升排名？,三度seo  邦彦技术申请交换设备专利，通过扩展通道网络将独立的以太网接口模块、以太网远传模块、ATM群路接口模块相互连接，形成能够支持数据交换的交换设备高句丽是古代的朝鲜？那么高丽又是哪里，它们是同一个国家吗？  视觉创作新纪元，无限可能启航  提升cpa产品转化率的4个小技巧！  存货占用资金的应计利息是什么意思  响应式会计税务事务所网站模板  响应式美发造型设计网站模板  火星软件SEO优化，如何快速提升网站排名？,seo蜘蛛弛源码违规词  谈判技巧和沟通策略有啥  AI写作助手，灵感无限，告别文荒！  金融资产包括什么  权重计算：简单加权平均法  SEO排名加速，高效优化策略  SEO站长网下载攻略速递  以赠品来辅助产品运营应满足哪些条件?  员工外出旅游通知  高效推广必备，精选网站30选！  如何制定ebay运营攻略？  产品运营规划的内容和策略  上市公司融资券什么意思  写作助手：效率提升利器  如何修改淘宝的评价内容呢？  了解网站热图有利于浏览访客与用户兴趣的掌握  智能助手，价值非凡，回报卓越，一价全包。  周口SEO强企，网站独领风骚！  监控营销反馈为的是更好改进  首都广播电视节目制作业协会年会在京举行比刘晓庆还耐老的女星, 曾遭老外骗财色致破产, 今52岁风韵犹存！  掌握了这6种免费的主流网络推广方法，引流获客不再是问题！  cpc广告和cpm广告是什么意思？应该怎么做？  AI赋能创作，效率品质双提升  常熟SEO公司价格如何？哪家性价比高？  遵义网站SEO如何操作？难易程度如何？  百度排名靠前靠谱吗？揭秘真相！,微商网站推广有什么好处