熊先生做原型之货比三家
作为一名产品小白，学会使用一款原型设计工具是一项硬指标，然而现在网上流传的国内外原型设计工具这么多，到底要选哪一款呢？无奈的熊先生只好弱弱地去向大神请教，前辈们大方的推荐了三款：Axure、Justinmind还有Mockplus。于是，站在岔路口的我，掏出来本子，把三款工具都试了一遍，做了几个级别的比较。嘿嘿，实践出真知。1. 入门第一天级——交互设置Axure： https://attachments.tower.im/tower/f7be3b05ab484198a7d22d228c08346b?version=auto&filename=%E8%A1%A8%E6%83%851.pngMockplus：https://attachments.tower.im/tower/1d48a209c280403e8f43b4b06960cf16?version=auto&filename=%E8%A1%A8%E6%83%854.png
Justinmind：https://attachments.tower.im/tower/278b46b424864d0088b81f99e5a55e82?version=auto&filename=%E8%A1%A8%E6%83%851.png
原型设计中最基础的步骤必然是交互设置，对于产品汪来说，交互设置都不会做的话，收拾好东西，回家洗洗睡吧。所以，为了不睡的太早，熊先生紧紧的抱住了Mockplus的大腿，这个交互设置是在是太简单了，一个拖拽，解救小白于弹指之间。https://attachments.tower.im/tower/3f587f36e9b54d608393a81c69264d9a?version=auto&filename=M%E4%BA%A4%E4%BA%92.png2. 入门第二天级——页面跳转Axure： https://attachments.tower.im/tower/becdd898df0b4b8ca124a37597cdac87?version=auto&filename=%E8%A1%A8%E6%83%851.png
Mockplus：https://attachments.tower.im/tower/2acd8aa2d0fc43c78b5b1db1ac0b7e3b?version=auto&filename=%E8%A1%A8%E6%83%854.png
Justinmind：https://attachments.tower.im/tower/f9ec53f625274e02beeac0b516e99e85?version=auto&filename=%E8%A1%A8%E6%83%853.png 如果入门第一天学习的是基础的交互设置，那么第二天要学习的就是页面的跳转了。这一个环节中Mockplus仍然以拖拽的简单方式更胜一筹，红色的链接线可以直观的看到将要设置交互的页面。与之类似的则是Justinmind，然而在拖着一个组件到达我要设置的页面位置时，组件又突然变成了小小的链接标志，莫名有了种配个眼镜的冲动。至于Axure，我太懒了，真的不想鼠标点点点的去设置了。https://attachments.tower.im/tower/573d9570ed48456bb475cefed2ea1dd2?version=auto&filename=M%E9%93%BE%E6%8E%A5%E7%82%B9.png
https://attachments.tower.im/tower/f1be586dcf164d8ea5d97a3d35959dc0?version=auto&filename=J%E6%8B%96%E6%8B%BD.png
3. 进阶级——手势交互Axure： https://attachments.tower.im/tower/2bd325939372486f97d511a1eb971440?version=auto&filename=%E8%A1%A8%E6%83%851.png
Mockplus：https://attachments.tower.im/tower/383a8efddd4f41d08d12cb629a750020?version=auto&filename=%E8%A1%A8%E6%83%851.png
Justinmind：https://attachments.tower.im/tower/9bee9d28cfd2423586c2f406cc9b5e40?version=auto&filename=%E8%A1%A8%E6%83%854.png 这个就没什么好说的了，Justinmind获得了压倒性的胜利，因为。。。那两位压根就没有手势交互的设置。如果你的原型设计中有硬性要求采用手势交互的设计，那么，请使用Justinmind，因为这三款工具中，他是唯一的选择。https://attachments.tower.im/tower/3c7afc8142184423b10349dc8a16cdd4?version=auto&filename=J%E6%89%8B%E5%8A%BF.png4. 骨灰级——变量判断Axure： https://attachments.tower.im/tower/e628e7ec087842aaa035e786a5d8fddf?version=auto&filename=%E8%A1%A8%E6%83%854.png
Mockplus： https://attachments.tower.im/tower/dbc30c30cf1d48acb595be4244dcc889?version=auto&filename=%E8%A1%A8%E6%83%851.png
Justinmind：https://attachments.tower.im/tower/03b893b4f6854faca45fd285bcf729a1?version=auto&filename=%E8%A1%A8%E6%83%854.png 在演示中根据变量来实现交互的触发，第一次听到这个设置的感觉是：我读书少，不要骗我！不过在经验丰富的大神指导下，我在Justinmind和Axure中完成了这样的设置。但是，我仍然停留在不明觉厉的阶段，因为也很简单：我！不！会！做！这个必须是高端骨灰级玩家才能掌握的技能，我还是先老老实实退下吧。https://attachments.tower.im/tower/e72d3a03926f400981d5b3a126feaeb2?version=auto&filename=A%E5%8F%98%E9%87%8F%E8%8B%B1%E6%96%87.pnghttps://attachments.tower.im/tower/7d906e63f8824d18b2a97ce25985ae03?version=auto&filename=J%E5%8F%98%E9%87%8F.png5. 实践中——回归原位Axure： https://attachments.tower.im/tower/73d11503f1f64d339c356352b11d6cc1?version=auto&filename=%E8%A1%A8%E6%83%853.png
Mockplus：https://attachments.tower.im/tower/c1bd85c1b958476999e0faec5a02a611?version=auto&filename=%E8%A1%A8%E6%83%854.png
Justinmind：https://attachments.tower.im/tower/cb031578979e4cddb8982917817b1259?version=auto&filename=%E8%A1%A8%E6%83%853.png 昨天跟着大神一起做原型，其中需要做一个来回移动的球，点击向右平行移动，再次点击全部回到原位。熊先生自己在心里盘算着，虽然看起来不多，但是这要是做下来应该是很多步骤吧，而且要将几乎相同的方式设置两遍，好烦啊。可是大神设置了一步就演示了，结果还成功了。赶紧请教！原来人家是内测用户，有Mockplus的2.1.9版本。这个版本中有一项神奇的功能就是自动还原。没错，就是让你不需要进行任何反向设置也能回归原位的功能。真心从细节上减轻了设计师的工作量。而且只需要在参数面板中轻轻一点即可。整个过程简单，任性。https://attachments.tower.im/tower/dc6061be476842da948290d714e9370e?version=auto&filename=2.gif经过了五项的比较之后三款工具可以说各有千秋，但是Mockplus对于小白的我来说还是更加合适一点，它的设计思路似乎更加简单快捷；而在需要更复杂的设计上Axure具有一定的优势；Justinmind则在手势交互方面一枝独秀。另：貌似最近一直跳票的Mockplus终于要发新版本了。3000个矢量图标和导出项目树等功能听上去还让人觉得有点小期待呢。这么长时间的等待到底值不值得，看来马上就要见分晓了，让我们一起期待吧！
页:
[1]