教你如何选择适合你的手机APP原型设计工具

25学堂今天这节课是跟大家分享和告诉产品经理,去如何选择合适的APP原型设计工具。

到今天为止,25学堂应该介绍了不少,国内的国外的都有很多APP原型设计工具。

原型设计工具

国内的APP原型设计工具:墨刀、vxplo互动大师、Mockup plus(Mockplus 是最为简洁高效的原型设计工具)、乎之原型等

国外的APP原型设计工具:Proto.io、Pixate、axure RP、Pixate 、pidoco等等

 

 

因为APP原型设计工具也分为2类:

一类基于页面的APP原型设计工具

一类基于层的APP原型设计工具

看到这里,大伙有谁可以快速辨认出我们现在常用的APP原型设计工具是基于页面还是基于基于层的呢?

 

我发现用多数原型设计工具再造这种重度动画效果的应用(图标以不同的速度向不同的方向移动)几乎不可能。大多数工具仅仅是让你连接静态“页面”,只有那些更复杂的才能让你在给定的页面里不同的对象或“层”添加动效。

app原型设计工具原理

 

1、基于页面的工具

在基于页面的工具里,你布置好不同的屏,然后建立热点或者按钮将它们连接在一起。你轻触一个屏上某个按钮来进入另一个屏。基于页面的工具一般支持屏之间的多种过渡效果,比如淡入、从右滑入,从下滑入等等。虽然有点笨拙,但是当你还在设法搞清楚一个app的流程,比如说需要多少屏、它们如何呈现出来、按钮如何布置等等,用这种工具快速作出“实体模型”还算是个不错的方法。

基于页面的工具有: Briefs, InVision, Notism, Flinto, Fluid,Mockup.io, Prott, POP, Marvel, Balsamiq, Red Pen 和 Keynotopia.

的确,这里面有些工具可以让你在一个页面里带有动效或者滚动区域,但是你无法用它们来模拟真实的原生app所有的交互效果。

 

2、基于层的工具

每个元件、界面元素,或者说层,都可以设置为可触摸、可滑动、可拖拽,还能带动效。然而,用这类工具制作一个完整的app原型会让人发疯的,会有太多的工作量,基本上就等于创建一个真正的app。但是,它们用来测试新的交互效果,或者微调一下动效的时间参数还是很棒的。

我测试的是Proto.io, Pixate, Framer, Facebook的Origami 和 RelativeWave的Form。坦率的说,还有几个其他的 — Axure 和 Indigo Studio —不过它们好像更加企业级(就是挺贵的),我有可能以后尝试一下。

好吧,下一节课我们就继续看看这些获选的工具吧!

 

1、最好用的在线App原型设计工具推荐-墨刀

2、五款移动APP在线原型设计工具,值得收藏

3、用Axure制作APP交互原型的视频教程【共6节课】

 

每天更新,
全站高品质素材免费下载!