Justinmind（http://www.justinmind.com/）,类似于Axure的一个原型设计工具。就眼下而言，最适合移动端进行原型设计的工具，预计抛开Axure几条街了，可是眼下国内站点论坛关于Justinmind的学习资料比較少。本人将结合自己的工作经验。逐步带领大家学习Justinmind。

第一章主要是介绍Justinmind，眼下有一篇文章《Justinmind。为移动设计而生》的文章写得比較全面。

兴许将结合事件交互、模板、条件等等进行介绍。

据国内三大运营商披露的最新数字，截止 2012 年 1 月份，中国的手机用户数已达 9.8758 亿，即将逼近 10 亿大关。CNNIC最新的调查显示，截至 2012年6月，大陆5.38 亿的网民中，有 15.3%的

网民不使用PC（桌上型电脑）。也不使用NB（笔记型电脑）上网，仅仅使用手机上网。砖家解释，这个现象来自互联网向某些不便使用PC或NB的人群扩散的结果。

智能手机功能越来越强大，同一时候价格不断走低，让手机上网变得便宜、方便，减少了移动智慧终端机的使用门槛，把原本用普通手机的用户转化成手机上网用户。

眼下此现象还在发展中，推估单用手机上网的人群规模还将继续增长。
移动已经是不可阻挡的趋势，未来人们的获取信息、娱乐、交流的最主要渠道就是移动终端。交互在移动应用上发挥的作用更大，可以实现基于传感器的多种效果。
这里推荐一款专注移动端的交互设计软件：JustinMind。

它是由西班牙JustinMind公司出品的原型制作工具。能够输出Html页面。http://www.justinmind.com/

与眼下主流的交互设计工具axure，Balsamiq Mockups等相比，Justinmind Prototyper更为专属于设计移动终端上app应用。
以下先对JustinMind做一个简单的认识，这是该软件的主界面。共同拥有5个功能分区：
以下是JustinMind的一些特性：
1.使用JustinMind，你能够在几分钟内利用其广泛的组件和交互绘制高保真原型。它提供了一些主要的形状，如矩形和文本，还有特定的组件。如菜单，表单或数据列表。
2.关于手势的交互效果：
JustinMind提供了多种触屏的交互效果，比如滑动、缩放、旋转，甚至捕捉设备方向等等。

在须要产生效果的部件中选择相应的手势就可以。

           
3.能够创建自己的组件库。
JustinMind为iPhone 。iPad。黑莓。Android提供了多样的组件。你能够创建自己定义组件库，方法是将排列好的单个组件放在一起，并将它们集体框选拖动到组件库。
这样下次你就能够直接使用自定义好的组件。
4.更为便捷的定义样式。
相比Axure，JustinMind更好的提供了属性窗体，而且更好的支持捕获PS等软件的图像属性。
5.JustinMind可以导出原型的全部信息到Microsoft Word。

可以一键生成及其规范的文档。

6.共享原型进行測试。
JustinMind支持将原型上传到server并提供给他人进行測试，为产品的改进做出了良好的贡献。最为特别的是，基于usernote的服务同意你将原型放到移动设备上进行測试。
7.更友好的定义交互方式。
在JustinMind中。你能够通过拖拽等方式来实现跳转、定向等交互效果，无需像Axure一样每一步都仅仅能通过点击来完毕。而且显示更为直观，如进度条。
同一时候能够通过一些简单的无代码逻辑语句实现更为高级的交互效果。
8.全球范围内的复用、数据共享。
每个模板都让这一套组件有不同的视觉风格。变量同意将数据从一个屏幕迁移到还有一个。甚至使用它们来检查是否满足条件。
     
9.公布和收集反馈意见。
公布Prototyper作品到usernote后，全球各地的人将通过Web浏览器訪问您的原型。

他们的反馈结果将会实时的呈如今您的原型页面。

 因为JustinMind在交互方式的实现以及原型的生成方面比較具有特点，所以我做了以下一些演示：
1.事件与交互
事件是JustinMind的一个关键功能。Justinmind Prototyper的事件由两个主要部分组成：一个是事件的触发（或用户事件）。还有一个是一组操作。每个事件必须在屏幕上定义
一个特定的元素，这将作为事件的触发源。
这个就是事件窗体。在上文的主界面介绍中有过简单的介绍。
            
交互动作依照顺序依次排列下来。运行的顺序从上到下一目了然。       每一个交互动作中有非常多的操作。这些操作是从左到右依次运行的。仅仅有这些操作运行完毕后。才会到下一个交互动作。
2.关于链接的设置
使用链接最简单的操作就是。比如。点击Button跳转到Screen3，那么直接将Button拖拽到Screen3上面就能够了。
3.以下列举了一些经常使用的事件，能够看出来JustinMind的图标还是很形象化的：
On Click: 当用户单击鼠标左键并松开
On Mouse Up: 当用户释放鼠标按键
On Mouse Down: 当用户按下鼠标按键
On Double-click: 当用户双击鼠标左键
On Right-click: 当用户单击鼠标右键并松开
On Toggle: 当用户单击鼠标左键后，自己定义的事件将被运行。用户再次点击后。事件将被还原
On Mouse Over: 当用户鼠标位于所定义区域之上
On Mouse Enter: 当用户鼠标进入所定义区域
On Mouse Leave: 当用户鼠标离开所定义区域
On Drag Start: 当用户按住鼠标左键并拖动至少5像素时
On Drag: 当用户按住鼠标左键并保持鼠标移动时
On Drag Stop: 当用户停止移动鼠标而且松开鼠标右键
On Key Up: 当键盘按键被释放
On Key Down: 当键盘按键被压下
On Swipe Up: 当用户一根手指向上滑动
On Swipe Down: 当用户一根手指向下滑动
On Swipe Left Up: 当用户一根手指向左上方滑动
On Swipe Left: 当用户一根手指向左滑动
On Swipe Left Down: 当用户一根手指向左下方滑动
On Swipe Right Up: 当用户一根手指向右上方滑动
On Swipe Right: 当用户一根手指向右滑动
On Swipe Right Down: 当用户一根手指向右下方滑动
On Pinch Open:当用户两根手指互相张开滑动
On Pinch Close:当用户两根手指收缩活动
On Rotate Left: 当用户两根手指向左旋转滑动
On Rotate Right: 当用户两根手指向右旋转滑动
On Tap Hold: 当用户手指按住屏幕超过2秒
On Orientation Portrait: 当设备由横屏切换为竖屏
On Orientation Landscape: 当设备由竖屏切为横屏
On Change: 当元素的值通过用户的直接操作发生变化时
On Focus In: 当输入框获得焦点时
On Focus Out: 当输入框失去焦点时
On Page Load: 当页面载入时
On Page Unload: 当用户离开页面时

举个简单可是实用的样例，当你要实现usernamepassword验证的交互效果时，在大多数原型工具中，我们须要对输入框做一些逻辑上的设定，填好其属性中的数值。而在JustinMind中则更为直观：
在交互窗体中。选择条件表达式：
将须要验证的输入框拖拽到对应推断窗体：
将对应的推断逻辑拖拽到推断窗体，比如等号。并在右側输入框输入须要的值
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
网上有各种各样的组件、模板。能够依据须要选择对应的进行使用。

转载于:https://www.cnblogs.com/gccbuaa/p/6890836.html

Justinmind使用教程（1）——概述部分相关推荐

  1. 超详细Redis入门教程——Redis概述

    前言 本文小新为大家带来 超详细Redis入门教程--Redis概述 相关知识,具体内容包括Redis简介,Redis的用途,Redis的特性,Redis的IO模型(包括:单线程模型,混合线程模型,多 ...

  2. Python 自动化教程(1) 概述，第一篇 Excel自动化首篇

    人生苦短, 我用Python!  Python语法简炼.易上手,且有丰富的库可用,实现一个应用很简洁. Python常用于自动化.自动化的基本含义,是把人的动作写成程序,让计算机代替人工作.主要分为几 ...

  3. ns-3 教程 —— 概念概述（第一个 ns-3 程序）

    转自http://blog.csdn.net/And_w/article/details/68945016?locationNum=14&fps=1 概念概述 在我们需要真正开始看或者写 ns ...

  4. jQuery 入门教程(1): 概述

    2019独角兽企业重金招聘Python工程师标准>>> jQuery是一套跨浏览器的JavaScript函式库,简化HTML与JavaScript之间的操作,下面为摘自Wikeped ...

  5. BurpSuite超详细安装教程-功能概述-配置-使用教程---(附下载链接)

    一.介绍 BurpSuite是渗透测试.漏洞挖掘以及Web应用程序测试的最佳工具之一,是一款用于攻击web 应用程序的集成攻击测试平台,可以进行抓包.重放.爆破,包含许多工具,能处理对应的HTTP消息 ...

  6. 我的世界 - ComputerCraft: Tweaked [CC:T] 模组入门教程 (1) - 概述

    CC:T 概述 物品总览 电脑 海龟 外围设备 输出设备 网络设备 其他 物品总览 电脑 电脑分为三种: 电脑 (左) 高级电脑 (中) 命令电脑 (右) 1. 命令电脑 管理员专属, 可以执行命令, ...

  7. 零基础SQL教程: 关系数据库概述 02

    关系数据库概述 为什么需要数据库? 因为应用程序需要保存用户的数据,比如Word需要把用户文档保存起来,以便下次继续编辑或者拷贝到另一台电脑. 要保存用户的数据,一个最简单的方法是把用户数据写入文件. ...

  8. UVM糖果爱好者教程 - 1.概述

    Accellera最近发布的UVM可能会改变验证的未来,因为验证方法似乎在这个UVM中得到巩固.本专栏将提供关于这种新的验证方法的简单教程.本教程不是关注AXI,OCP或其他系统总线,而是基于jell ...

  9. 【C++】Visual Studio教程(一)-概述

    00. 目录 文章目录 00. 目录 01. 简介 02. 版本 03. 高效性方面的常用功能 04. 使用重构和 IntelliSense 05. 调试代码 06. 自定义 Visual Studi ...

  10. princeton 本科cos318操作系统教程-2概述

    Hardware of a typical computer 硬件功能综述 Software of a typical computer typical Unit os structure Quick ...

最新文章

  1. 高级程序员到底高级在哪里？
  2. 【学习笔记】线性代数全家桶（在编程竞赛中的应用）
  3. Asp.net MVC2.0系列文章-添加操作
  4. BZOJ Usaco 1616 Cow Travelling
  5. CGPA的完整形式是什么？
  6. Kubernetes原理浅析
  7. c语言中输入字符用什么作用是什么意思,C语言编程问题
  8. 用 S5PV210 学习 Linux （一） 刷机（一）
  9. 排除表_数字高压表（交直流分压器）常见故障分析
  10. 我的Android进阶之旅------Android检测wifi连接状态
  11. 【React框架-1】React概览
  12. 使用python的Paramiko模块登陆SSH
  13. 警惕，最新SCI/SSCI期刊14本期刊被剔除?
  14. qt creator报错 error: C1083: 无法打开包括文件:“QMediaPlayer”
  15. 自我总结：找工作面试时注意事项
  16. 百度LBS开放平台个性化地图 制作一款独一无二的地图
  17. word怎么压缩文件大小，word压缩变小
  18. windows常用快捷键（截图，录屏，放大镜，虚拟桌面，写字板，资源管理器快捷键）
  19. 在Spyder安装xlrd插件
  20. 真的有人能开启上帝视角，所有人在他眼里一览无余？

热门文章

  1. 业大宗商品价格简史：经验总结与未来展望-20210107.PDF
  2. 云控系统都有那些功能？
  3. SMAP: Single-Shot Multi-Person Absolute 3D Pose Estimation
  4. 【KnewOne Talk】芋头君：不想做码农
  5. 维护前辈代码，痛并快乐着...
  6. 科学计算机反导按键,backspace是哪个键？最实用按键的大 揭秘
  7. pdsh@xxxx: localhost: connect: Connection refused
  8. linux报错的Syntax error “(“ 的解决方法
  9. String format格式化
  10. 0704-Scala函数式编程高级