产品原型设计常用软件一览
最近从身边设计师小伙伴了解了一下现在大家做产品原型都用什么软件。
我很想了解这个的原因是因为前几年Axure比较火,然而现在我感到面向最终用户,而又想要有各种动画效果的原型很多都不是用Axure来做的,比如,我的同事做网页动画效果比较多,于是用Proto.io。做企业级软件、网页和app用得原型工具也细分了。
我的小伙伴们提到了这些原型制作工具:Axure, Balsamiq,Proto.io,Invision,FrameJS,Origami。我个人感到这几年对做动效的设计师的需求越来越大了,感兴趣的小伙伴可以多多尝试这些软件哦。
Axure
Axure:功能复杂,也越来越庞大了,如果做多页面流程和复杂逻辑的需要,用它很合适,但不如其他原型工具轻便和专注。Axure的dynamic panel非常强大,页面上有先后弹出框什么的都靠它了。动画方面,Axure总体上来讲还是不错的,在逐渐丰富自己的动画效果库,不过相比其他专做动画的工具如Framejs,Origami,的话,还是远远落后的。
(我的经验:Axure是我用的最多的原型制作工具,从第5版一直到现在的第8版,能够明显感到Axure团队对它的改进。然而,在众多原型工具走云端的时代,Axure还没能跟上潮流。唯一在云端的是生成的原型,可以通过短链接进行分享,加密或不加密。云端原型支持评论,不过还相当基本,而且似乎重新生成原型的话,以前的评论就会不见。这一点相比Invision上的多人评论功能,整体差得太远。总体上来讲,Axure还不错,用它做过点击交互多和逻辑比较复杂的企业软件页面,以及动画少但是逻辑复杂的用户端界面,结果都不错。和除做原型之外,我还用它做线框图,做完后直接生成Word文档转PDF,不完美但还算好用,不过应该还比不上专业的线框图工具Omnigraffle,用它完全是因为想少用一个工具……稍微有点偏离它本身做原型的目的了,不过省出了使用另一个软件和维护线框图版本的时间,你说值不值呢?)
BalsamiqBalsamiq:手绘效果的线框图和原型工具,导出成PDF后,支持简单的页面跳转。Balsamiq有桌面版,也支持团队云端合作编辑,还有Google Drive插件。
Proto.ioProto.io:我另一个设计同事最常用的原型工具,他做网页动画效果比较多, 这个软件用得得心应手。另外,他还常常做出原型后导出视频为客户做演示,效果超棒。
invisionInvision:如果只需要实现简单的页面跳转,Invision足够了。只要建立项目后,将已做好的图片导入项目,在图片上设置点击区域,生成原型后,可以邀请别人(如同事、客户)来点评,这个功能做得特别好。
对于手机端app动画效果的原型工具,小伙伴们推荐了FramerJS,Facebook的Origami和Principle。
OrigamiFacebook的Origami支持拖拽控件来制作交互,同时支持在手机上预览,年底出新版,值得一看。
FramerJSFramerJS可以做精细的动效,创建任何想要的动画和交互,可以调用API 加载数据,支持响应式设计,支持导入Sketch。