用于制作高质量移动APP原型的工具有哪些?

类似 UIDesigner Axure 制作原型的工具还有哪些?

阅读 12.2k
4 个回答

题主,别费劲了,我告诉你最好的原型工具是:白板/纸+笔,什么软件都是菜。

之前你好像问过用前端实现原型的问题,很多人都说费事让你用软件。我只想说,你如果有一个好前端,根本不费事,但是好前端都会用 纸+笔,这是最高效最灵活的原型工具。

如果客户一定要求出高保真的东西,我推荐你一个东西:Sketch,秒杀一切的存在,谁用谁知道。

其他的原型工具实在太多了,我几乎都用过,但最后都放弃了,终于还是回归了 纸+笔,那叫一个舒坦。

给你看一个实例,去年底临危受命,一天的时间手绘了一整个应用的原型,之后找个美工来做图/切图,iOS/Android 开发用了三个多星期,一个月搞定一个项目。去给客户提案的时候,我就直接把这些手稿拍照分享到 iCloud 上,然后投影讲解,客户自己拿着 iPad 坐下面看。其实我觉得画得挺丑得,但是客户倒惊艳了,呵呵,直呼专业不说,还非要拉我给他们内部推广一下原型设计方法。其实没什么方法呀,把想法画出来就是了,重要的是表达本身,而不是方法或工具。

下面是其中的两张(字丑勿怪):

请输入图片描述
请输入图片描述

其实我的意思就是:别被工具折腾,往往最简单最直接的东西效果更好。

Mac下我使用 :

OmniGraffle:有大量现成的stencils,除了没有交互动画,其他都很不错;

Keynote: 可以很好的制作动画,但是stencils不多;

以下内容是摘抄肉饼铺子的文章产品经理的工具箱,主要讲的是移动App的产品设计。

(Axure的缺点)
1. Axure导出的HTML页面,很难在手机上预览和测试效果,这是Axure的致命伤,只能在电脑上作为移动产品原型,做好以后又不能在手机上预览,那产品原型就会和实际做出来的产品相差甚远;
2. Axure是以页面为单位组织元素的,强调页面直接的跳转,但是现在移动产品的设计非常强调屏幕设计,以及屏幕之间的切换;

(Omnigraffle的优点)OmniGraffle的绘图功能非常强大,各种移动产品设计的组件库也非常丰富,它甚至支持图层功能,你可以使用公共图层实现全局的样式和导航,也比较适合移动产品设计。

(Omnigraffle的缺点)但是比较可惜的是,OmniGraffle导出的是图片,只能演示移动界面,却无法演示产品交互,只能放弃;

Keynote是苹果为乔布斯量身定做的演示软件,我其实很惊讶Keynote在国外被大量用来做移动产品原型设计,深入了解之后发现Keynote其实很适合做移动产品原型:

(Keynote的优点)
1. Keynote可以导出可点击的PDF,无论是iOS还是Android上的PDF阅读软件,都可以用来全屏操作产品原型,便于产品经理寻找最终产品的感觉,特别是Keynote可以在iPad上直接展示,对真实产品的操作还原度非常高。
2. Keynote支持丰富的动画效果和场景切换,特别适合用来模拟移动产品的交互效果

(Keynote的缺点)
当然Keynote也不是没有缺点的,目前Keynote尚不支持对slide命名,对于大型的产品原型来说,设置slide之间的跳转变得很麻烦,好在移动产品一般不会特别庞大,所以我的工具箱如今又添加了Keynote这项利器。现在国内用Keynote做产品设计似乎还不是特别多见,希望能够看到更多的移动产品经理使用Keynote做原型,设计出优秀的移动产品。

参考:http://mp.weixin.qq.com/mp/appmsg/show?__biz=MzA4NzA2NjcyMg==&appmsgid=10016453&itemidx=1&sign=4cf3bc2a07cc99737c15c8f1a0a9a81e&ascene=7&uin=OTM1MDQxMDQw

GUI Design Studio:做原型很不错,有专门的图标制作插件,还有很多现成的模板,但是有很多模板是要付费才有的。
Axure PR:这款软件真心好用,特别是做按钮一类非常方便。上手也很快的。
GUI Design Studio教程 4款常用原型软件对比评测

宣传栏