原型工具对比

2017.02.21

前几年关注过这一块,今天突然有同事问我如何选择。由于软件更新太快了,怕误导别人。所以又去一个一个体验下目前市面上存在的应用。简单的写下使用的体验,分享给大家。至于那个应用好,那个应用不好,这个就看使用者了,毕竟萝卜青菜各有所爱。有人喜欢复杂的,有人喜欢简单的。

Principle

首当其冲的推荐 Principle,原因很简单,整个界面操作交互模式和 Sketch 比较贴近,而且不需要安装插件即可完成 Sketch 文件的导入(测试中需要打开 Sketch 当前制作文件,然后在 Principle 中选择导入)。整个软件处理需要的动作比较简单,只需要你拖动,选择触发的条件和触发后的效果。同时可以在真机三进行演示,也可以在模拟中演示,完了还可以输出视频。

最强大的地方,还可以对动画进行细微的调整,比如时间等其他参数。

可以查看他们的演示视频(需翻墙)

网址:http://principleformac.com
费用:$129
是否需要安装插件:否
平台:Mac
操作难度:轻松
推荐指数:🌟🌟🌟🌟🌟

Origami

Origami是 Facebook 团队推出来的工具,最早只是一个效果的插件,后来直接变成了客户端。从 Sketch 导入的方式,只需要你打开 Sketch ,复制你需要的图层到 Origami 中即可(注意,可能有尺寸的问题,需要保存演示的模型和你设计的模型尺寸相当)。然后在 Origami 中输入相关的逻辑,需要去学习下逻辑对应的操作,可以看他们的入门页面,基本上花点时间就能掌握里面的处理方式。由于带着程序员的思维去操作东西,可能有些设计师童鞋并不感冒,但是能实现的效果都是很赞的。确实很强大。可以看他们很多实现的效果,点击查看,一旦上手了,这个软件能发挥的作用绝对超过你的期望。
Screen Shot 2017-02-21 at 14.47.25.png

网址:http://origami.design/
费用:无
是否需要安装插件:否
平台:Mac
操作难度:中等
推荐指数:🌟🌟🌟🌟

Flinto

比较老牌的原型制作公司了,Flinto 其实和 Principle差不多,很多童鞋喜欢这个主要是因为他们支持的效果更多点,而且 Flinto 团队本身很懂的包装,各种捆绑销售,加上制作的速度很快,所以广受喜欢。界面交互也是和 Sketch 不一样,唯一不同的地方就是 Flinto 是通过插件的形式让 Sketch 文件导入到 Flinto 上。其他在我看来并没有什么区别,可能是用的不够多。有兴趣的童鞋可以自己去关注下~

网址:https://www.flinto.com
费用:$99
是否需要安装插件:是
平台:Mac
操作难度:简单
推荐指数:🌟🌟🌟🌟🌟

演示视频(需翻墙)

Framer

这个大杀器就是大名鼎鼎的 Framer 了,嗯,你需要有一定的代码能力,然后制作的效果绝对秒杀前面推荐的,最关键它能和容易贴合 Xcode。所以基本上拥有一定代码能力的设计师都喜欢用 Framer ,但是对于小白来说,并不推荐。需要的童鞋可以自行去学习哈。教程并不复杂。也可以直接导入 .psd .sketch 文件。

演示视频(需翻墙)

网址:https://framer.com/
费用:$129/年 或者 15/月
是否需要安装插件:否
平台:Mac
操作难度:复杂
推荐指数:🌟🌟🌟🌟

Protopie

Screen Shot 2017-02-21 at 14.46.26.png

总的来说,这也是一个集万千功能于一身的产品,导入 Sketch 的方式,稍微要多加了一步,需要先去 Sketch 里勾选输出的图层,再到 Protopie 中导入。提供的触发条件很多,居然有 3D touch 效果。整个操作的方式有点类似于 AE,加入触发条件,反馈效果,时间轴。Protopie 还提供了大量的 Demo,下载之后直接打开即可自行,方便童鞋去学习里面的功能。看了下要实现一个复杂的效果,所花的时间还是很久的。

演示视频(需翻墙)

网址:https://www.protopie.io/
费用:$79
是否需要安装插件:否
平台:Mac
操作难度:中等
推荐指数:🌟🌟🌟🌟🌟

Pixate

这货绝对属于吐槽,本来是一个很好的软件,被 Google 收购了以后,尼玛说关闭就关闭!Google 简直就是关闭产品第一毒瘤。所以不推荐了,但是你可以下到的版本还是可以去尝试的,免费的。无法直接 Sketch 导入,但是可以贴图。制作的效果也很多,而且操作简单。

Floid

这个尝试了下,虽然功能上还是不错的。该有的效果都有,而且免费,但是不推荐了。主要有两点

1.该软件 Sketch 导入经常失败。
2.版本太老,很久没有更新了,模版里面居然还是 iPhone 6 。。。

不在乎以上两点的童鞋,可以直接使用,整个操作方式和 Pixate 差不多。对,它可以导出 html,可以直接变成一个演示的静态模型。

多说一句

最后多说一句,工具终归是工具,挑选一件得心应手的即可。没有必要太在乎,如果你喜欢用 keynote 做动画,大可去用~喜欢就好。