熊先生做原型之货比三家

Posted 2020-08-13

作为一名产品小白，学会使用一款原型设计工具是一项硬指标，然而现在网上流传的国内外原型设计工具这么多，到底要选哪一款呢？无奈的熊先生只好弱弱地去向大神请教，前辈们大方的推荐了三款：Axure、Justinmind还有Mockplus。于是，站在岔路口的我，掏出来本子，把三款工具都试了一遍，做了几个级别的比较。嘿嘿，实践出真知。

1. 入门第一天级——交互设置

Axure：        

Mockplus：  

Justinmind：          

原型设计中最基础的步骤必然是交互设置，对于产品汪来说，交互设置都不会做的话，收拾好东西，回家洗洗睡吧。所以，为了不睡的太早，熊先生紧紧的抱住了Mockplus的大腿，这个交互设置是在是太简单了，一个拖拽，解救小白于弹指之间。

2. 入门第二天级——页面跳转

Axure：        

Mockplus：            

Justinmind：        

如果入门第一天学习的是基础的交互设置，那么第二天要学习的就是页面的跳转了。这一个环节中Mockplus仍然以拖拽的简单方式更胜一筹，红色的链接线可以直观的看到将要设置交互的页面。与之类似的则是Justinmind，然而在拖着一个组件到达我要设置的页面位置时，组件又突然变成了小小的链接标志，莫名有了种配个眼镜的冲动。至于Axure，我太懒了，真的不想鼠标点点点的去设置了。

3. 进阶级——手势交互

Axure：         

Mockplus：           

Justinmind：          

这个就没什么好说的了，Justinmind获得了压倒性的胜利，因为。。。那两位压根就没有手势交互的设置。如果你的原型设计中有硬性要求采用手势交互的设计，那么，请使用Justinmind，因为这三款工具中，他是唯一的选择。

4. 骨灰级——变量判断

Axure：       

Mockplus：           

Justinmind：          

在演示中根据变量来实现交互的触发，第一次听到这个设置的感觉是：我读书少，不要骗我！不过在经验丰富的大神指导下，我在Justinmind和Axure中完成了这样的设置。但是，我仍然停留在不明觉厉的阶段，因为也很简单：我！不！会！做！这个必须是高端骨灰级玩家才能掌握的技能，我还是先老老实实退下吧。

5. 实践中——回归原位

Axure：        

Mockplus：            

Justinmind：         

昨天跟着大神一起做原型，其中需要做一个来回移动的球，点击向右平行移动，再次点击全部回到原位。熊先生自己在心里盘算着，虽然看起来不多，但是这要是做下来应该是很多步骤吧，而且要将几乎相同的方式设置两遍，好烦啊。可是大神设置了一步就演示了，结果还成功了。赶紧请教！原来人家是内测用户，有Mockplus的2.1.9版本。这个版本中有一项神奇的功能就是自动还原。没错，就是让你不需要进行任何反向设置也能回归原位的功能。真心从细节上减轻了设计师的工作量。而且只需要在参数面板中轻轻一点即可。整个过程简单，任性。

经过了五项的比较之后三款工具可以说各有千秋，但是Mockplus对于小白的我来说还是更加合适一点，它的设计思路似乎更加简单快捷；而在需要更复杂的设计上Axure具有一定的优势；Justinmind则在手势交互方面一枝独秀。

另：貌似最近一直跳票的Mockplus终于要发新版本了。3000个矢量图标和导出项目树等功能听上去还让人觉得有点小期待呢。这么长时间的等待到底值不值得，看来马上就要见分晓了，让我们一起期待吧！