一、设计师为什么要会做动态Demo？
1、提高沟通协作效率
日常工作中，如果只是用文字和图片来表达Demo的动态逻辑，简单一些的效果，比较容易表达。但一些相对较为复杂的效果，就比较困难了。如下图，是在某项目中的模块动态交互说明，不知道这样表达，是否你和我也会一样，觉得不够直观，而且也很难想象到具体会是什么样的。
同时在理解图片和文字的表述上，每个人可能都会有自己的理解方式，很容易造成双方理解不一致的情况，有时可能沟通很久，都没办法让对方清晰的理解。
因此为避免问题，快速的将动态的Demo真实的表达出来，会更直观的说明。同时一些流程的交互逻辑，还可上手体验，也是介绍方案最佳的有效解决办法，间接提高双方工作的协同效率。
2、帮助思考细节、明确逻辑
如果你有过制作Demo的经历，那么你一定会遇到过，在实际制作的过程中，暴露出没有考虑到的问题。比如弹窗的弹出，是从页面正中心位置弹出？还是从点击位弹出？弹出的效果是从小到大，还是会有一些弹性值？先放大再缩小？再比如，具体的动效逻辑，什么时候开始动，什么时候不动，触发的逻辑是什么，动画出现单次还是始终循环？这些只有在制作实际效果的时候，才会容易让人静下心来仔细思考，同时也会避免在上线前走查时发现问题，却来不急修改和调整。
3、告别“天马行空”
你是否曾经介绍一些动态效果方案，被开发小哥吐槽过于“异想天开”？或者被对方指责方案想的不够透彻，结果碰一鼻子灰，最终以实现不了而告终。因此与其“天马行空”的阔谈，不如直接做出来，给他看。
4、扩充技能
这一点就不用细说了，“十八般武艺”，样样精通，一定是你做设计师道路上的加分项。
以上几点，充分能说明设计师掌握动态Demo制作技能的必要性，具体我们应该用什么样的工具呢？
二、用什么工具？
1、依据使用场景选用
关于制作软件，如今应用市场有太多太多，个人认为，对于交互设计师来说，能够兼容动效和可交互原型两种使用场景的软件，是最佳选项。而对于视觉同学来说，动效的需求会更大，需要能够制作出更细腻的效果。因此不同的应用场景，不同的岗位，适合的软件也不同。网上有很多相关资料，大家可以自行根据需求搜索。我个人推荐，其实不用各个软件都要学会，掌握1~2个即可，下面根据不同的使用场景推荐三个软件给大家。
1）复杂动效推荐（可导出代码）
个人推荐大家用强大的AE，交互设计师也可以探索学习，但AE不能够制作可交互Demo，视觉同学属于必备技能。视频特效