移动端的交互设计软件JustinMind

转自http://www.cocoachina.com/gamedev/misc/2013/0407/5941.html

移动已经是不可阻挡的趋势，未来人们的获取信息、娱乐、交流的最主要渠道就是移动终端。

交互在移动应用上发挥的作用更大，能够实现基于传感器的多种效果。这里推荐一款专注移动端的

交互设计软件：JustinMind。http://www.justinmind.com/  它是由西班牙JustinMind公司出品

的原型制作工具，可以输出Html页面。

与目前主流的交互设计工具axure，Balsamiq Mockups等相比，Justinmind Prototyper更为专属于设计移动终端上app应用。
 
下面先对JustinMind做一个简单的认识，这是该软件的主界面，共有5个功能分区：

2.关于手势的交互效果：JustinMind提供了多种触屏的交互效果，例如滑动、缩放、旋转，

甚至捕捉设备方向等等。在需要产生效果的部件中选择对应的手势即可。

 4.更为便捷的定义样式：相比Axure，JustinMind更好的提供了属性窗口，

  并且更好的支持捕获PS等软件的图像属性。

 6.共享原型进行测试。JustinMind支持将原型上传到服务器并提供给他人进行测试，为产品的

改进做出了良好的贡献。最为特别的是，基于usernote的服务允许你将原型放到移动设备上进行测试。

 8.全球范围内的复用、数据共享。
每一个模板都让这一套组件有不同的视觉风格，变量允许将数据从一个屏幕迁移到另一个，

甚至使用它们来检查是否满足条件。

 由于JustinMind在交互方式的实现以及原型的生成方面比较具有特点，所以我做了下面一些演示：
 
1.事件与交互
事件是JustinMind的一个关键功能，Justinmind Prototyper的事件由两个主要部分组成：一个是事件的触发（或用户事件），另一个是一组操作。每一个事件必须在屏幕上定义
一个特定的元素，这将作为事件的触发源。

交互动作按照顺序依次排列下来，执行的顺序从上到下一目了然。       每个交互动作中有很多的操作，

这些操作是从左到右依次执行的。只有这些操作执行完成后，才会到下一个交互动作。

 2.关于链接的设置

将需要验证的输入框拖拽到相应判断窗口：

OK，That’s it !在主界面点击生成，就可以及时预览效果了

总结

JustinMind相比Axure最让人喜爱的4个原因有：

1.Easy Drag and Drop：JustinMind里面对于组件的交互效果有着及其方便的操作方式，点击一个对象，

拖动到另一个对象，OK，这两个对象已经产生了交互的碰撞。
 
2.Powerful Interactions：JustinMind提供了强大的交互效果，鼠标hover的状态、点击后的效果，非常逼真。

同时在移动设备上能够高度仿真的实现各种手势效果。
 
3.Quickly Simulate：JustinMind提供了一键生成，不用再像Axure那样多步操作，点击后直接在浏览器窗口打开。
 
4.Great Extras： 上有各种各样的组件、模板，可以根据需要选择相应的进行使用。

相关资源：软件标书范本(技术部分)_软件技术标书-项目管理文档类资源-CSDN文库