demo演示是什么意思_十分钟学会制作动态Demo

一、设计师为什么要会做动态Demo？

1、提高沟通协作效率

日常工作中，如果只是用文字和图片来表达Demo的动态逻辑，简单一些的效果，比较容易表达。但一些相对较为复杂的效果，就比较困难了。如下图，是在某项目中的模块动态交互说明，不知道这样表达，是否你和我也会一样，觉得不够直观，而且也很难想象到具体会是什么样的。

同时在理解图片和文字的表述上，每个人可能都会有自己的理解方式，很容易造成双方理解不一致的情况，有时可能沟通很久，都没办法让对方清晰的理解。

因此为避免问题，快速的将动态的Demo真实的表达出来，会更直观的说明。同时一些流程的交互逻辑，还可上手体验，也是介绍方案最佳的有效解决办法，间接提高双方工作的协同效率。

2、帮助思考细节、明确逻辑

如果你有过制作Demo的经历，那么你一定会遇到过，在实际制作的过程中，暴露出没有考虑到的问题。比如弹窗的弹出，是从页面正中心位置弹出？还是从点击位弹出？弹出的效果是从小到大，还是会有一些弹性值？先放大再缩小？再比如，具体的动效逻辑，什么时候开始动，什么时候不动，触发的逻辑是什么，动画出现单次还是始终循环？这些只有在制作实际效果的时候，才会容易让人静下心来仔细思考，同时也会避免在上线前走查时发现问题，却来不急修改和调整。

3、告别“天马行空”

你是否曾经介绍一些动态效果方案，被开发小哥吐槽过于“异想天开”？或者被对方指责方案想的不够透彻，结果碰一鼻子灰，最终以实现不了而告终。因此与其“天马行空”的阔谈，不如直接做出来，给他看。

4、扩充技能

这一点就不用细说了，“十八般武艺”，样样精通，一定是你做设计师道路上的加分项。

以上几点，充分能说明设计师掌握动态Demo制作技能的必要性，具体我们应该用什么样的工具呢？

二、用什么工具？

1、依据使用场景选用

关于制作软件，如今应用市场有太多太多，个人认为，对于交互设计师来说，能够兼容动效和可交互原型两种使用场景的软件，是最佳选项。而对于视觉同学来说，动效的需求会更大，需要能够制作出更细腻的效果。因此不同的应用场景，不同的岗位，适合的软件也不同。网上有很多相关资料，大家可以自行根据需求搜索。我个人推荐，其实不用各个软件都要学会，掌握1~2个即可，下面根据不同的使用场景推荐三个软件给大家。

1）复杂动效推荐&