25学堂今天这节课是跟大家分享和告诉产品经理,去如何选择合适的APP原型设计工具。
到今天为止,25学堂应该介绍了不少,国内的国外的都有很多APP原型设计工具。
国内的APP原型设计工具:墨刀、vxplo互动大师、Mockup plus(Mockplus 是最为简洁高效的原型设计工具)、乎之原型等
国外的APP原型设计工具:Proto.io、Pixate、axure RP、Pixate 、pidoco等等
因为APP原型设计工具也分为2类:
一类基于页面的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 —不过它们好像更加企业级(就是挺贵的),我有可能以后尝试一下。
好吧,下一节课我们就继续看看这些获选的工具吧!
全站高品质素材免费下载!