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