Justinmind Mac版 V6.7官方汉化版 附使用教程

Justinmind Mac版是一款专业的APP原型制作工具，可以轻松的输出html页面，利用Justinmind可以轻松的编辑、制作使用矢量图标，新版本支持Illustrator矢量图形，改进了部分文本部件，全新界面，大大提升您的原型设计体验。

基本简介　　

有了Axure为什么还需要Justinmind?先来看看国内某大神定义的一款优秀的移动APP产品原型设计工具应该具备哪些条件。

①.必须支持移动端演示

②.组件库的支持和插件灵活使用

③.可以快速生成全局流程图或是HTML

④.可以多人在线协作

⑤.手势操作、转场动画、交互特效

了解这些之后，你是不是想到一些比较好的移动APP产品原型设计工具呢?

在pc端，我想大家都会使用axuer，pop，Mockups等。

Justinmind Mac版功能介绍

使用JustinMind，你可以在几分钟内利用其广泛的组件和交互绘制高保真原型。它提供了一些基本的形状，如矩形和文本，还有特定的组件，如菜单，表单或数据列表。

JustinMind提供了多种触屏的交互效果，例如滑动、缩放、旋转，甚至捕捉设备方向等等。在需要产生效果的部件中选择对应的手势即可。

可以创建自己的组件库。

JustinMind为iPhone ，iPad，黑莓，Android提供了多样的组件。你可以创建自定义组件库，方法是将排列好的单个组件放在一起，并将它们集体框选拖动到组件库。

在JustinMind中，你可以通过拖拽等方式来实现跳转、定向等交互效果，无需像Axure一样每一步都只能通过点击来完成。并且显示更为直观，如进度条。

Justinmind Mac版特点

1.Easy Drag and Drop 简单的拖拽操作
JustinMind里面对于组件的交互效果有着及其方便的操作方式，点击一个对象，拖动到另一个对象，OK，这两个对象已经产生了交互的碰撞。

2.Powerful Interactions 强大的交互效果
JustinMind提供了强大的交互效果，鼠标hover的状态、点击后的效果，非常逼真。同时在移动设备上能够高度仿真的实现各种手势效果。

3.Quickly Simulate 快捷的模拟演示
JustinMind提供了一键生成，不用再像Axure那样多步操作，点击后直接在浏览器窗口打开。

4.Great Extras 伟大的扩展组件
网上有各种各样的组件、模板，可以根据需要选择相应的进行使用。

Justinmind Mac版设置教程

步骤一、强制 Finder 程序显示隐藏文件

1、打开终端，输入：

defaults write com.apple.finder AppleShowAllFiles TRUE

2、打开“强制退出应用程序”，选择“Finder”，点击“重新开启”。

步骤二、删除.configprops和.datastorage两个文件夹

点击“前往”-“个人”，删除文件列表中的.configprops和.datastorage两个文件夹。(右键点击文件夹-“移到废纸篓”即可删除。)

步骤三：删除“.dat”文件

点击“前往”-“应用程序”-右键点击”Justinmind”图标-选择“显示包内容”-打开“contents/resources/java/configuration/”-删除”.dat”文件

步骤四：关闭Finder 程序显示隐藏文件

1、打开终端，输入：

defaults write com.apple.finder AppleShowAllFiles False

2、打开“强制退出应用程序”，选择“Finder”，点击“重新开启”。

至此，Justinmind又重新获得了30天的试用。到期了就再来一次。

Justinmind Mac版使用教程

1、获取免费 AI 矢量图标资源

www.zcool.com.cn 是免费的设计资源分享网站，只要注册个用户即可免费下载丰富的设计资源。我们从 zcool.com.cn 中找到需要用到的矢量图标资源进行下载即可：

2、打开、编辑和复制粘贴矢量图形

下载解压后用 ILLustrator 打开里面的矢量图形，根据需要可进行编辑，然后复制并粘贴到 Justinmind 中，即可在 Justimind 中进行任意缩放而不失真(在 Justinmind 中复制功能，调整三种不同大小的尺寸，均不失真)，粘贴的矢量图形为 SVG 格式：

3、设置 ILLustrator 为默认打开 .SVG 格式的编辑器

在 Windows 资源管理器中，在 .svg 格式的文件上鼠标右键 -> 打开方式 -> 选择默认程序 …

然后在弹出的应用程序列表中选择 ILLustrator：

4、在 Justinmind 中直接调用 ILLustrator 修改 SVG 格式的矢量图形：

在 SVG 格式的矢量图形上鼠标右键 -> 图像 (SVG) -> 用默认的应用程序打开：

即可自动启动 ILLustrator 打开图形进行修改：

修改后关闭 ILLustrator 并保存，即可在 Justinmind 中得到修改后的结果：

我们发现上面使用复制功能复制的图形也都会改变为新修改的样式。这一特性很像Justinmind中的母版功能。但有时我们需要制作一个图标的不同状态，比如上面图标的禁用状态。那么如何实现?

5、使用 创建单独的副本 来制作不同状态的图标

在 Justinmind 中的 SVG 格式图标上鼠标右键 -> 图像 (SVG) -> 创建一个单独的副本：

然后再使用 图像 (SVG) -> 用默认的应用程序打开 功能调用 ILLustrator 进行修改，完成后关闭 ILLustrator 并保存后即可：