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 并保存后即可：