Justinmind Prototyper(原型设计软件)

Justinmind Prototyper(原型设计软件)，web和移动应用程序的一体式原型工具，从线框到高度交互的原型，轻松设计完全交互的原型，响应式原型设计！软件特色

　　轻松设计完全交互的原型

　　从头设计。从可点击的线框到完全交互式的原型。我们提供全方位的网络互动和移动手势，让您可以专注于创造愉悦的用户体验。

　　响应式原型设计

　　为适应桌面和移动设备的多屏幕分辨率的网站和web应用程序创建线框。屏幕中的UI元素也会自动调整。一个免费的原型工具来管理所有的设备！

　　液体布局

　　定义液体容器以允许页面上的元素适应不同的屏幕大小、方向或纵横比。

　　自动调整UI组件大小

　　自动调整大小自动调整页面上元素组的大小，使您免于多次更改，并让您专注于创建。

　　高级钉扎

　　固定容器或屏幕中物体的位置。将固定的力量与偏移相结合，创造出反应灵敏的体验

　　动态表单和数据

　　制作智能表单和数据列表的原型，并立即测试它们，而无需编写一行代码。您还可以为高级用户旅程设计条件导航流。

　　原型形式交互

　　定义表单域的交互和验证：输入、下拉列表、单选按钮。。。

　　数据列表和网格

　　设计数据可视化。数据列表可以是动态的，并使用数据帮助用户测试。

　　点击一下，让你的原型变得栩栩如生

　　在设计web和移动原型时，将其可视化。与用户一起测试你的设计。

　　即时预览

　　在设计时模拟原型行为。节省你的创作时间！

　　在设备上查看

　　使用我们的浏览器在任何iPhone、ipad或Android设备上实时测试你的原型。

　　导出到HTML

　　将原型导出到一个功能齐全的交互式HTML。

　　免费的网页和移动用户界面套件

　　使用现成且经常更新的UI工具包加快设计过程。您还可以使用个性化组件创建自己的UI工具包

　　网站和web应用程序

　　使用用户界面工具包进行线框和交互式组件的原型制作

　　移动应用程序

　　查找预安装在Justinmind free原型工具中的iOS和Android组件。

　　绘图，素描等等

　　您还可以找到许多用于Oracle绘制UI的工具。

软件功能

1、工具栏：主要进行部件中文字、背景、线条的编辑及各种返回、格式等操作;

2、部件区：这是你完成一整个原型的零件，通过组合不同的部件，达到你编辑原型的需求;

3、原型编辑区：这是你编辑原型的主战场，在这里进行部件的组合，调整，完成你脑子中原型的样子;

4、原型界面区：一个原型往往会有多个页面组成，在这里是展示你当前整个原型的所有页面列表;

5、部件属性区：每个部件都有自己得属性，比如线条、大小、背景、文本、阴影等，在这里调整部件的样子来达到你原型的需求;

6、数据母版和母版区：数据母版即数据库，这个将单独会介绍，母版即一个通用的模板，主要用于你原型中重复出现得部件，那你可以把这类部件作为母版创建，方便你在不同的页面使用;

7、事件、评论及需求区：事件是原型高保真的基础，一个好的原型，事件的作用应该是排在第一位的，所以这块将会单独介绍，评论和需求是你在制作这个原型时，其他人、同事或领导对原型提出得意见或建议，你可以在原型中记录并最终可导出;

8、当前页面部件列表：一个页面中往往会有很多部件，而部件列表就会让你很容易的找到某个部件，调整部件的层级关系，删除、重复、复制等等部件操作。

使用方法

1、首先我会从部件区拖动一个部件至原型编辑区;

2、第二步，在原型编辑区通过拉动调整部件大小，添加部件内容(比如文本框部件，就会添加文字)，然后到部件属性区去微调部件，比如大小，线条是否有等，到工具栏调整部件内容样式，比如文本颜色，背景等;

3、第三步，对这个部件添加事件。这样简单地三步即完成一个部件的编辑(添加事件也可以等你把当前页面中得部件都添加完了去做，因为很大可能是部件之间的事件);

4、第四步，添加更多地部件至原型编辑区，如果是同类的部件，就可以到部件列表区进行重复或复制操作，如果各个部件之间的层级顺序需要调整，也可以到列表区进行操作;

5、第五步，如已完成当前页的编辑，即可到原型界面区，添加新的页面，然后重复以上步骤;

6、第六步，在导出html之前，请先点击“模拟”按钮，即看一下原型的效果是否达到你所编辑的那样;

7、最后导出html，分享给朋友。