据国内三大运营商披露的最新数字，截止 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支持将原型上传到服务器并提供给他人进行测试，为产品的改进做出了良好的贡献。最为特别的是，基于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: 当用户离开页面时
举个简单但是有用的例子，当你要实现用户名密码验证的交互效果时，在大多数原型工具中，我们需要对输入框做一些逻辑上的设定，填好其属性中的数值。而在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
网上有各种各样的组件、模板，可以根据需要选择相应的进行使用。
欢迎加入到我们的Justinmind中文爱好者小组，一起为国内用户奉上各种教程、资源和组件库：http://www.wejustinmind.com/

转自：http://ucdchina.com/snap/12738

Justinmind，为移动设计而生相关推荐

  1. java毕业生设计医学生在线学习交流平台计算机源码+系统+mysql+调试部署+lw

    java毕业生设计医学生在线学习交流平台计算机源码+系统+mysql+调试部署+lw java毕业生设计医学生在线学习交流平台计算机源码+系统+mysql+调试部署+lw 本源码技术栈: 项目架构:B ...

  2. 为什么设计理化生实验室智能吊装系统？

    在"课程改革"的大背景下,以理化生等学科为载体的传统学科教室已无法充分完成功能升级与向教学环境的多元化转型,传统学科教室空间利用率的源头就被功能模块(供水.供电.通风等)的设计施工 ...

  3. 专为UI设计而生，上海道宁与Sketch为广大UI设计师带来更好的设计工具

    在整个设计领域 PS始终是最主流设计软件 拥有着全面而强大的功能 却也造就了其 复杂而又繁琐的操作 对于深耕UI设计行业的设计师们 上海道宁获得授权的Sketch 无疑是更受欢迎的软件 简洁高效的操作 ...

  4. 《队长说得队》第三次作业：团队项目的原型设计

    项目 内容 这个作业属于哪个课程 >>2016级计算机科学与工程学院软件工程(西北师范大学) 这个作业的要求在哪里 >>实验七 团队作业3:团队项目原型设计与开发 团队名称 队 ...

  5. 原型交互设计入门，我该选哪个工具？

    交互设计是我们原型设计中很重要的一部分, 如何快速掌握一个原型设计工具,尽快入门,高效地完成工作? 这里选择了三款原型设计工具作对比,希望给想入门或者刚入门的童鞋提供一些参考. Axure - 知名而 ...

  6. c语言程序课程设计问题,矩形问题-C语言程序课程设课程设计(论文).doc

    矩形问题-C语言程序课程设课程设计(论文) PAGE PAGE \* MERGEFORMAT 20课程设计(论文)题 目 名 称 矩形问题 课 程 名 称 C语言程序课程设计 学 生 姓 名 xxx ...

  7. 领域驱动设计，让程序员心中有码(三）

    "正如西方古典哲学在现代社会逐渐式微,成为少数内心丰满者们填充自己精神世界的宝贵食物,UML也这样:互联网技术飞速发展的今天,各类软件设计思想层出不穷,正是站在UML和其他各种软件基础理论巨 ...

  8. 界面原型设计工具Balsamiq、墨刀、Axure、Mockplus

    Balsamiq的体验 这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉,手绘风格的元件样式粗犷淋漓,能创建接近于纸上手绘的原型文件.其提供了丰富的手绘风格的web常用元件, ...

  9. c语言课设宿舍管理程序,C语言程序课程设计宿舍管理软件.doc

    C语言程序课程设计宿舍管理软件.doc 课程设计(论文) 题 目 名 称 宿舍管理软件 课 程 名 称 C语言程序课程设计 学 生 姓 名 学 号 系 .专 业 信息工程系.信息大类 指 导 教 师 ...

  10. 《代码敲不队》第三次作业：团队项目的原型设计

    项目 内容 这个作业属于哪个课程 任课教师博客主页链接 这个作业的要求在哪里 作业链接地址 团队名称 代码敲不队 作业学习目标 掌握软件原型开发技术:学习使用软件原型开发工具 一:原型设计工具简介 墨 ...

最新文章

  1. android 模拟器 相册里传照片_引力相册APP下载-引力相册下载v1.1 官方版
  2. 安全——《微服务设计》读书笔记
  3. gabor 幅值域 matlab,组合局部多通道Gabor滤波器和ICA的人脸描述与识别
  4. 【clickhouse】clickhouse 大表删除 Size 256G is greater than max_[table/partition]_size_to_drop 50GB
  5. DSB2017第一名代码尝试运行（记录自用）(二)
  6. elfutils库交叉编译
  7. nginx限速方法以及报错处理
  8. win10安装Anaconda+tensorflow2.0-CPU+Pycharm
  9. cachecloud部署和创建机器
  10. 作为程序员的我，大学四年一直自学，全靠这些实用工具和学习网站！
  11. 数据库身份证号用什么类型_数据库设计规范
  12. 怎样开启无线热点服务器,在Ubuntu系统的电脑上开启无线热点全攻略
  13. 软件测试必学的16个高频数据库操作及命令
  14. 移植Python3到TQ2440（二）
  15. 【分享】揭发天气秀、桌面秀、雪狐等号称资源占用小的桌面软件的流氓行为!
  16. 慎用！闲鱼APP竟然成为了诈骗犯的庇护所！
  17. Vue中 directive 用法
  18. Xilinx FPGA 将寄存器放入IOB中
  19. project.json
  20. 用python画函数图像

热门文章

  1. python制作折线图_python 生成折线图
  2. 在线模拟装机大学计算机,模拟装机实验.doc
  3. 1.4418不锈钢规范及使用环境详解
  4. python 虚拟环境打包exe方法及路过的坑
  5. 抖音新带货王诞生了：老把头和老解
  6. 聚特汇挪车码项目最新反馈
  7. DuKBitmapImages 图片压缩处理技术
  8. Git HEAD detached from origin（冲突解决后无法正常push） 问题的解决方案
  9. python win32con_Python笔记_第二篇_面向过程_第二部分_4.常用模块的简单使用_窗体控制模块(win32con、win32gui)...
  10. python-文件读写-OS-窗口控制