熊先生做原型之货比三家

516 篇文章 6 订阅
422 篇文章 4 订阅

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

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

Axure:        表情1.png

Mockplus:  

Justinmind:          

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

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

Axure:        图片1.png

Mockplus:            

Justinmind图片3.png        

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

Mockplus2.png

Justinmind1.jpg

3. 进阶级——手势交互

Axure:        图片1.png 

Mockplus:  图片1.png         

Justinmind:          

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

justinmind2.jpg

4. 骨灰级——变量判断

Axure:       

Mockplus: 图片1.png          

Justinmind          

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

justinmind3.jpg

5. 实践中——回归原位

Axure:        图片3.png

Mockplus:            

Justinmind:图片3.png         

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

yijianhuanyuan.gif

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值