Axure，Justinmind以及Mockplus的交互设置方式对比

在原型设计的过程中，交互设置是最基础的环节，这一环节的简繁程度，相当程度上决定了一款原型设计工具的质量和品质。今天我们来简单对比一下当下比较具有代表性的三款原型设计工具的交互设置方式。

我们先来看一下Axure RP。相信对于Axure，大家都是比较熟悉的，这款软件在原型设计领域已经存在了有相当一段长的时间了，可以说Axure影响了一代的产品人。Axure的功能强大是毋庸置疑的，然而在提供强大功能的同时，随之而来的是一些设计上的繁琐。比如在交互设置的过程中，如果只是简单的页面跳转，也还是相对方便，只需要拖拽组件到项目树中相应的页面位置即可；但当想要设置组件之间的交互时，事情开始变得没那么简单。

首先，选中需要设置交互的组件，可以看到右侧属性面板的“添加用例”，单击，页面中弹出了一个设置交互的面板；当点击左侧的“添加动作”时，中间位置的“组织动作”和右边的“配置动作”就会自动添加部分相应的信息。由此，可以在右侧的组件列表中选择交互的对象，并对事件效果的细节进行下一步的设置。同时Axure在交互的事件中，可以自行添加判断和其他的事件功能，但是设置起来具有相当的难度，需要一定的关于代码编写的知识。

下面我们再来看一下Justinmind。这款来自西班牙的原型设计工具也发行有几年了，其影响力虽然不及Axure，但在国际市场上还是占有一席之地。可以说Justinmind设置交互的方式与Axure有着异曲同工之处。当选中一个需要设置交互的组件时，设计界面的下方面板中会显示出“事件”窗口，点击“添加事件”，也会弹出一个设置面板，但设置方式和Axure并不一样；面板弹出后，第一项需要选择的是交互动作的触发条件，然后是事件的效果。之后在选择交互对象时，Justinmind体现出了其可视化的优势，即将整个页面显示到面板的中，由设计者点击决定设置的交互对象。最后再进行一些细节的设置，比如移动的方向和单位，就可以确定完成了。而Justinmind页面跳转的设置方式和Axure是相同的，就是拖拉组件到项目树的相应页面。

最后我们来说一下中国本土出品的原型设计工具：

Mockplus

。作为一款国内近两年新兴的工具软件，

Mockplus

的成长速度令人惊叹，即便是目前还处于成长完善的阶段，其简单快速的工作方式着实让人觉得眼前一亮。

Mockplus在交互设置的过程中，并没有采用前两者在弹出的设计面板中来选择交互对象，而是通过组件上的链接点拖拽的方式来设置的。当需要设置交互时，首先拖拽选中组件的链接点，然后在移动到目标组件时松开，弹出的面板中会清晰的显示出触发条件和事件效果；选择完成，确定之后，具体的事件细节可以在下边的参数面板中做进一步的设置。Mockplus的页面跳转和组件交互的设置方式是相仿的，通过拖拽链接点，在项目树中的合适位置放开，便可实现页面的切换设置。

通过对比我们可以看出，Axure的功能强大以及其进入市场时间之早，确定了它在原型设计工具领域的相对优势，而Justinmind相对于Axure来说则处在比较弱势的地位。Mockplus作为业内新军，巧妙的避开了Axure的优势点，从快速，便捷的方向上另辟蹊径，走出一条属于中国创造的原型设计工具的独特道路。

据说Mockplus的新版本更新也是相当快，其中更是加入了很多比如导出项目树，交互动作自动还原等实用的功能，之后也会继续关注Mockplus。

Axure，Justinmind以及Mockplus的交互设置方式对比相关推荐

Axure RP 9 for mac(交互原型设计软件)支持m1
新版Axure RP 9拥有全面的UI,新的设计和文档特征,以及将引擎优化到前所未有的程度.我们完全彻底并重建了mac版本的体系结构,这是我们从第一版开始的第三次重新架构,目的是使其在现代硬件上显着提 ...
[转]Android中程序与Service交互的方式——交互方式
本文转自:http://blog.csdn.net/yihongyuelan/article/details/7216188 上一篇文章:Android中程序与Service交互的方式--综述简述了 ...
SAP与其他系统交互的方式
就目前了解来看,SAP与其他系统交互的方式主要有3种,分别是中间表,RFC和Web Service方式. 第1种中间表,也就是利用中间数据库作为交互的方式.SAP系统利用dbco建立与中间数据库关联, ...
axure 图片切换图片的交互_Axure 交互案例：放大缩小图片
产品经理在进行原型设计的时候,时常会遇到这样一种动态效果:鼠标移入到页面中的某个图片或者图标上,图标会进行放大,提醒用户现在鼠标所在的位置为当前的图片.移出该图片时,图片的尺寸回复为原本大小. 通常我 ...
python如何调整按钮的位置_Python tkinter布局与按钮间距设置方式
Python tkinter布局与按钮间距设置方式新建label与button,并设置位置(grid) import tkinter as tk root = tk.Tk() label = tk. ...
Qml学习笔记：cpp与qml的交互调用方式
Qml学习笔记:cpp与qml的交互调用方式如何用在cpp中调用qml的方法 main.qml main.cpp 如何在qml中调用C++的方法函数 main.cpp main.qml 如何使用qm ...
Axure RP 9 for Mac(交互原型设计工具) 中文激活版
Axure RP 9 for Mac(交互原型设计工具) 中文激活版为大家带来Axure RP 9 for Mac(交互原型设计工具) v9.0.0.3628Beta中文激活版,相信大家对Axur ...
[原创]前后端交互的方式整理
前言本来我只是想整理下前后端如何传输数据这种交互过程,大概流程如下: 前台使用ajax通过get/post等方式提交数据到后端后端如何获取参数经过业务处理后,返回前端对应的响应数据前端接受到响 ...
python concat函数多张表_教你用python递归函数求n的阶乘，优缺点及递归次数设置方式
本文内容介绍了python递归函数求n的阶乘,优缺点及递归次数设置方式,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧! 递归函数两大特点: 1.能够调用函数自身 2.至少有一个出口( ...
Eclipse字符集设置方式
默认的字符集是GBK 1.windows->Preferences...打开"首选项"对话框,左侧导航树,导航到general->Workspace,右侧Text fi ...

Axure，Justinmind以及Mockplus的交互设置方式对比

Axure，Justinmind以及Mockplus的交互设置方式对比相关推荐

最新文章

热门文章