文档章节

熊先生做原型之货比三家

jongde
 jongde
发布于 2016/10/07 15:05
字数 1033
阅读 30
收藏 0

作为一名产品小白,学会使用一款原型设计工具是一项硬指标,然而现在网上流传的国内外原型设计工具这么多,到底要选哪一款呢?无奈的熊先生只好弱弱地去向大神请教,前辈们大方的推荐了三款: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个矢量图标和导出项目树等功能听上去还让人觉得有点小期待呢。这么长时间的等待到底值不值得,看来马上就要见分晓了,让我们一起期待吧!

© 著作权归作者所有

jongde
粉丝 8
博文 260
码字总数 323940
作品 0
成都
私信 提问
原型图工具性能比拼

经过这么长时间的摸索,熊先生明白了一个道理:原型设计是提高产品开发效率中的不可缺少的一部分。那么,把做好的原型快捷、有效的演示给开发和客户就变成了很重要的一个环节。目前大家比较常...

jongde
2016/08/15
54
1
熊先生做原型之初级原型设计流程

相信每个人都有自己的工作方式,但并不是每个人的工作方式都是科学的、有效的。熊先生入职也有一段时间了,平时也浅薄地学习了一些书籍知识,自己总结了一个平时工作的流程,希望对在工作上摸...

jongde
2016/09/16
34
0
原型图工具功能比拼1

经过这么长时间的摸索,熊先生明白了一个道理:原型设计是提高产品开发效率中的不可缺少的一部分。那么,把做好的原型快捷、有效的演示给开发和客户就变成了很重要的一个环节。目前大家比较常...

jongde
2016/08/15
323
0
跳出思维圈,“类H5”助你市场推广一臂之力

HTML5,也就是我们常说的H5,它是一种标记语言,主要用于网站的编写和Web App的开发。H5制作的网页可以说是现在网络推广、促销方面的利器。其优点主要体现在两个方面,一是丰富的动效支持,二...

jongde
2016/11/10
25
0
10款原型设计工具推荐

最近看到网上很多的文章在推荐一些与UI/UX设计相关的书籍和网站,熊先生想了想,决定写一篇推荐原型设计工具的文章,和大家一起分享一下。这一次我收集了10款工具,根据特点的不同,主要分为...

jongde
2016/09/07
178
2

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
2.3K
15
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
39
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
40
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
61
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
21
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部