整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
击标题下「艾欧交互设计」可快速关注
JUSTINMIND权威指南
这一篇是用来扫盲的，知道基础知识的童鞋可以再了解一下，不知道的同学要仔细了解。
对于老鸟来说可以直接飞过此章节。
全称：Justinmind Prototyper
简介：Justinmind是一个创作网站软件原型线框图和高保真原型的工具
它提供的功能有绘图工具，拖放位置,大小,格式和导出/导入的小部件。此外,它有功能注释等小部件定义交互链接,动画,有条件的连接,计算,模拟选项卡控件,显示/隐藏元素和数据库模拟。支持高保真模拟富Internet应用程序。Justinmind原型可以生成HTML原型和Microsoft Word规范。
官网：http://www.justinmind.com/
_baidu_page_break_tag_
官网有自己的官方特色功能介绍看这个网址http://www.justinmind.com/features
考虑一些同学的网速和语言问题我们这里翻译出来一些要点给大家了解一下
iOS和Android Justinmind原型允许您更快更好用默认内置的小部件。 这些小部件已专门设计适合您的iOS和Android应用程序,所以您的内容总是看来很好，Justinmind内置的IOS和Android的部件库支持矢量图。
网络 每个小部件库的目的是帮助你快速启动Web线框图。 Justinmind包括一个方便采集的Web按钮、菜单、图表等更多可以使用自动采集或填充到这个Web部件库里。
Google Glasses Justinmind帮助你遵循标准的指导方针与完美预先设计Google Glasses卡和模式的应用程序。每个小部件在这个库运,Justinmind可以推动和模拟Google Glasses设备。
创建自己的小部件 创建自己的小部件,用你自己的风格和交互,或者选择数百Justinmind预先设计的小部件,您可以很容易地提炼和重用。
Sketch & Shapes 创建一个低保真线框当专注于内容和结构。Justinmind可以选择不同部件库,包括互动sketch-like组件、箭头、菜单、图像和更多。
Windows 8 任何类型的应用程序原型为Windows 8这个难以置信的库。你会发现输入、菜单和许多其他控件模型你的下一个Windows 8应用程序。
ERP Justinmind可以运行不同的场景来验证和验证企业流程。下载我们的融合或SAP部件库内部流程的高度交互的线框图,通过简单的拖放式元件操作。
嵌入HTML和文档 这个Justinmind部件库允许您轻松插入HTML文档,和视频,包括在线小部件,交互式地图和其他在/离线内容,等等。
更多的 导入正确的部件设计。看看我们在商店为您的所有库和/或与Justinmind社区分享你自己的。
Web交互 Justinmind伴随着各种各样的事件,如Onclick,翻转,OnkeyPressed,和更多的,您可以选择定义交互。 显示和隐藏内容,改变风格等。
Mobile手势 选择一套完整的动作,会让你感觉尽可能真实的原型。 认为刷卡,必要时,滚动,点击,切换等等。 所有的动作都可以模拟手机模拟器和测试在实际设备上，利用Justinmind APP实现。
转换和动效 你可以控制所有不同的事件和动画,以及定义您的项目将如何通过使用转换反应手势。 所有的转换和动效都可以模拟手机模拟器和测试在实际设备，利用Justinmind APP实现。
图片热点 可以在你的照片上放一个透明区域可以加点击连接等事件交互,Justinmind很容易让你把你的静态设计成可点击互动线框通过设置热点和链接屏幕等。
颜色、阴影和梯度 Justinmind可以定义所有格式的细节设计。 创建独特的渐变颜色,相结合的定位、改变颜色或双梯度,并使用它们作为背景。
圆形的边界 定制和控制您的小部件边界,一个接一个或全部。 您可以选择使用滑块或旋转来调整你的边界的边缘,使它们从锯齿变成完全圆的。
图像同步法 连接与Photoshop图像可以同时工作时特别有用。 所有图片嵌入到你的线框会自动更新时远程文件从你的编辑修改。
Adobe Illustrator集成 复制/粘贴在Illustrator Justinmind为SVG文件。 您可以编辑图像用Illustrator和看到的变化反映在你设计的线框图
从浏览器&文件拖放图片 Justinmind允许您获取图像直接从您的web浏览器,或从文件系统用一个简单的拖放动作。
调整图像 所有图片插入你的线框可以修改以适应您的设计的尺寸和风格。 Justinmind编辑功能允许您作物图像,在轴旋转或翻转图片,调整他们等等。
字体 完全控制你的设计,给它一个声音。 字体类型可以在下拉选择栏里允许您选择从数以百计的字体选择在谷歌的字体目录，谷歌字体可只能使用于英文设计，不支持中文。
智能参考线 使用参考线、标尺和网格来帮助你,使你每个元素拖动到画布上。 配置网格,标尺和画布大小,你的内容在整个设计是一致的。
SVG文件 很容易嵌入或链接矢量文件就像任何其他的形象。 与Justinmind可以导入任何视觉SVG文件和规模大小而不损失画质。
网络模拟器 模拟超越了一个简单的皮肤,给你一个本地网络显示的输入字段,选择列表,滚动条等等。 Justinmind web模拟器模拟响应设计的最常见的版本的浏览器。
用户测试工具集成 选择其中一个用户测试工具:KeyNote,Userzoom,Loop11,sitemeter,Usabilla,Usertesting,Crazyegg,Google Analytics,Trymyui或Userlytics。
iPhone和iPad应用程序查看器 Justinmind设计与现代的移动设备。 我们的应用程序可以模拟和测试整个用户体验直接从你的iPhone或iPad的设备。
Android应用程序查看器 模拟你的线框图和测试它直接从你使用Justinmind Android手机或平板电脑应用程序。
手机模拟器 选择不同的iPhone或者iPad和Android或定制设备,模拟线框图立即从您的浏览器。 仿真设置将允许您预览完整的经验在一个真实的设备,包括压力、滚动和其他本地手势。
用户测试工具集成 运行一个用户测试和你的线框图来评估交互、功能和整体用户体验在现实中。
交互的HTML + javascript生成一个HTML原型互动。 我们的简单导出选项允许您包括或者排除评论,和优化代码所以屏幕可以加载速度更快。
文档生成您的项目导出到微软的Word或开放的办公室,得到一个明确的规范文档的解释在一个单一的点击所需的视觉效果。 包括Justinmind允许您配置选项,在您的规格文档,你需要尽可能多的细节。
文档的定制每个文档的内容可以很容易地定制适合您的需求。 最终的文档让你的可配置选项包括与否,评论等信息和需求。
图片你可以很容易地将屏幕,模板,硕士或场景图像文件。
导航地图得到一个快速和清晰的完整的全局视图导航的自动生成站点地图你的线框图。
模板节省时间用你的模板作为起点。 创建和共享内容(页眉,页脚和更多),您可以使用和重用在任何屏幕或设计。 所有的模板都可以编辑、导出和导入。
风格您可以更改默认风格,位置,大小,背景,和任何小部件的布局分布适应不同屏幕的外观和感觉。 所有风格定制一个条目可以复制和粘贴任何小部件。
大师使用大师的巨大好处是,变化是全球广泛应用于你的原型。 所有的大师都可以进口,出口和与其他用户共享。
发布和评论 让你的线框可用在任何web浏览器视图,或者发布远程用户测试工具。 你的线框仿真可以评论者给你有意义的反馈。 线框图可以替换为更新版本出版。
评论管理 业主已经完全控制的人可以查看和访问一个原型。 评审邀请通过电子邮件发送选定的用户或用户组。 你可以撤销评论者的许可你赋予它一样容易。
公共和私人的原型 把你的原型的URL给任何你想看到它。 如果你需要额外的安全,或机密的项目可以让他们有密码保护。
评论系统 同事和客户,可以访问发表线框图来测试,并发表评论。 所有的反馈可以很容易地组织迷路了所以没有细节。
在线和离线评论同步 随时随地都能评论和检查线框图。 当一个连接可用你的反馈与你的更新会自动同步到你的账户。
类别 所有的反馈可以很容易地组织在自定义类别标签和颜色为坚实的管理。 评论可以看到/制造的特定部分的设计了所以你永远不会失去联系。
变量 变量允许不同屏幕之间共享数据,作为泛型容器,可用于定义基于用户输入的互动内容和行为。
有条件的导航 条件编辑器,可以很容易地应用条件导航你的原型。 简单的拖放变量,屏幕元素,更多的空白表达式对话框和建立你的条件规则。
表单验证 模拟形式填充,要么验证类型,或者在提交验证,确保正确的信息输入成功完成手术。 模拟错误消息,当条件和业务规则并不满足,或一个必需的字段输入无效。
形式模拟 使用拖放元素来构建内容驱动的形式和模拟现场表单填充和输入提交。 所有属性和值以及条件和验证规则可以很容易地根据需要创建和修改。
数据表格 Justinmind允许您设计智能数据网格和模拟其动态行为。 您可以结合运营商和验证字段、变量,和你自己的数据。
测试数据 数据网格和形式可以立即与实际测试数据来自csv文件,这是特别有用验证数据驱动的企业流程。
业务逻辑 获得正确的细节。 模拟的端到端流程的业务规则和条件来验证原型的具体要求。
团队的原型 整个团队可以同时编辑和修改相同的线框图。
版本控制 历史版本可在任何时间对每一个线框图设计。 所有项目的细节,并为每个版本变更注册。
团队共享部件 共享和集中管理您的小部件库,所以整个团队会自动同步到最新版本。
线上和线下团队合作 与Justinmind您可以打开共享原型离线工作。 原型副本存储在本地工作可以在任何时候被打开。 连接可用时你将能够提交修改和同步你的原型可用更新。
流程图 设计你的线框图之前或之后轻松快速地创建流成图,具有可视化创建流程图经验。 图中所有屏幕拉伸和收缩根据其内容,所以没有细节丢失。
流程验证 完成你的图和验证屏幕流自动当你拖拽到画布上。 利用和完成它,以早期发现设计问题。
版本控制 要求每个原型设计都有自己的需求,为了跟踪注册版本历史,从开始到结束的所有的需求修改。
第三方工具的集成 Justinmind允许集成的需求或需求管理工具你已经在使用的其他第三方工具。
需求分类 所有的需求都可以很容易地组织与标签和颜色定制类固体和高效管理。
CMMI标准 Justinmind有关领域的需求管理工具符合CMMI需求和版本控制。
API Justinmind API你可以集成与第三方工具原型或生成自己的UI代码。
SDK 下载Justinmind SDK代码轻松地集成和创建自己的插件。
教程和例子 使用Justinmind的教程一步一步来快速学习如何编写代码集成。 看看我们的插件的例子,包括生成jQuery移动HTML5,出口评论JIRA等等。
在线用户中心的项目管理页面
界面截图：
Justinmind 制作WEB网页原型
动态图展示：
Justinmind 制作APP软件原型
Justinmind 是一个矢量绘图工具
Justinmind 支持预设模板根据不同尺寸的设备进行快速开始原型设计
Justinmind 可以快速发布到云端跨平台进行预览演示：IOS／MAC／WIN／Android／WEB／HTML方式。
下面一章节我们开始准备一些必要到软件安装工作以正常开展接下来到设计工作。
想了解更多的相关知识可以加我们的qq群：交互设计IxD学堂 156360020，加群密钥：iamue
过这么长时间的摸索，熊先生明白了一个道理：原型设计是提高产品开发效率中的不可缺少的一部分。那么，把做好的原型快捷、有效的演示给开发和客户就变成了很重要的一个环节。目前大家比较常用的几款原型设计工具在这个方面可以说是各有千秋。今天，熊先生就和大家一起看看Axure、Justinmind、Mockplus以及Proto.io 6在预览上的表现如何。
Axure：★★★★
Axure应该说是原型设计中最常见的工具了，经过多年的沉淀累积，其功能的强大是不可否认的。同样的，预览的功能上Axure也绝对不弱，而且，其导出HTML可以说是可控项最多的。
移动端的预览Axure支持的方式也有两种，一种是通过导出移动的HTML，再用苹果手机的Safari浏览器打开。另一种则是通过Axure share直接打开桌面端上传的项目。
Justinmind：★★★★
Justinmind是一款来自西班牙的原型设计软件，虽然不及Axure，但不论在国外还是国内，都有着一定规模的使用群体。 Justinmind在HTML的导出上设置没有Axure的复杂，移动端的话，可以通过解压到手机的文件夹中，再用浏览器打开预览。虽然但是在线预览的 效果相对于同类软件还是比较出色的，就是速度稍慢了一些。当然，它同样有基本的图片预览。另外值得一提的，就是Justinmind支持DOCX的文档导 出，这可以使文档写作更加方便。
Mockplus：★★★★★
Mockplus是 我目前为止见过的预览方式最全的工具了，基础的导出两种格式的图片预览就不说了，手机预览就有两种很方便的方式：直接扫码预览和上传云之后用原型码预览。 其中，通过二维码扫描预览在同类软件中很少见，不需要连线，也不需要上传到云，实际操作起来挺方便的。导出演示包也是一个相对稀有却比较实用的预览功能。 此外，据熊先生内部了解，导出HTML预览功能的2.2 Beta版本也已经进入了内测阶段，即将发布了。Mockplus的HTML导出分为两种，一种是离线包，你可以直接发送给小伙伴，也可以放置到公司内部 服务器下载浏览；另一种是在线发布，发布后，你可以发给对方一个网页地址，直接就可以预览了。
Proto.io 6：★★★
Proto.io在七月中旬更新到了现在的Proto.io 6的版本，相对于前三种客户端的操作方式，Proto.io则是基于网页，可能也正是由于这一点，导致Proto.io的预览方式比较有限，只能导出HTML、图片和PDF格式。
综合评价：
从静态原型的预览来看：
几个工具不分上下，都支持图片导出。但Mockpus不支持PDF的导出，对于需要直接导出PDF的用户会有些不便。
从动态原型的预览来看：
Axure和Justinmind的预览方式比较接近，都有手机客户端，能够满足一般的预览需要；而且两者也都支持将原型转为HTML方式导出。对于国内用户来说，在线预览常常会受到网速的影响，比较痛苦。
Mockplus的预览方式最多，可以根据不同需要做更多的选择。因此，在演示方式的多样性上，要胜出一筹。
Proto.io 6作为在线原型制作工具，因此在导出方式的多样性上稍显乏力。不过，如果没有特别高的要求，也能够满足基本需要。
顺便说下，在手机端，预览原型的方式有两种：
通过HTML预览：优点是不用安装客户端，方便。但缺点也是明显的，运行起来相对缓慢。同时，在手机上要想全屏预览，也比较麻烦。还有就是由于浏览器的兼容问题，这会很容易造成演示的时候原型失真，演示中呈现的和设计中的不一致。
安装手机客户端，直接打开原型文件预览：因为手机端可以自己解析原型，全屏和完全保真自然没有问题，可以得到最好的演示效果，性能也快。然而，它的缺点就是需要安装。
那么，哪一种方式更好呢？熊先生的建议是：请根据自己的工作需要决定。当然，选择一个两种方式都能提供的工具，可能才是最实际的解决办法。
以上只是我对四款工具预览方式的初步探索和比较，如有不妥，请多指教，早日带俺脱坑。
--------产品手记：产品经理学习、分享交流平台 www.chanpinshouji.com-------------
维导图类：
软件名称：XMind
软件介绍：
XMind 是一个全功能的思维导图和头脑风暴软件，为激发灵感和创意而生。作为一款有效提升工作和生活效率的生产力工具，受到全球百千万用户的青睐
软件名称：Mindjet MindManager
软件介绍：
mindjet mindmanager，中文商标译作C，俗称"脑图
会议记录，思维脑图，项目管理（小型）MindManager提供更快的理解、更好的判断和减少会议时间来提高工作效率。并且MindManager可以和微软的Office系列做到无缝的连接。
软件名称：Microsoft Visio
软件介绍：
Visio是一款能处理复杂信息、系统和流程进行可视化、分析和交流的软件，从"office 2003"以后，Visio作为一个单独软件发行，不再集成于office办公软件。
原型设计类：
软件名称：Axure PR
软件介绍：
Axure RP是一款专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理
软件名称：墨刀
软件介绍：
傻瓜式原型设计的原型工具，墨刀是一款非常便捷效率的原型产出工具，10分钟设计一个APP不是假话，因为里面的组件库非常丰富，可以提供手机直接预览自己设计的产品原型，还可以代码调色，设计高保真产品原型推荐使用墨刀。
同时墨刀还带有Sketch切图功能，方便设计师切图。
软件名称：摹客（Mockplus）
软件介绍
类似墨刀，但是却兼容Axure, Justinmind, Sketch导出的HTML原型，支持原型托管，不需要SVN，SAE这些工具系统，同事支持版本管理，邮件群发(原型设计好后，可以群发邮件给同事)
图像处理类：
软件名称：Photoshop
产品经理有时候需要设计一些简单的图片放入产品原型里，让工作更快，更同步，更顺利的进行，减少开发人员，测试人员，运营人员的理解误差。
测试发布类：
软件名字：禅道
软件介绍：
内置需求管理、任务管理、bug管理、缺陷管理、用例管理、计划发布等功能,实现了软件的完整生命周期管理，方便测试人员，开发人员，运营人员的协调管理
*请认真填写需求信息，我们会在24小时内与您取得联系。
