多语言展示
当前在线:1477今日阅读:155今日分享:35

如何使用JustInMind:(1)创建简单原型

在软件产品原型制作方面,一直以Axure为主要的工具。前两天突然发现了这款JustInMind,经过简单的试用,发现其在某些方面要较Axure方便一些,所以逐步整理一些经验出来,分享给大家。
工具/原料
1

Macbook/Mac

2

JustInMind

创建原型文件
1

打开JustInMind

2

选择新建一个原型[Create a New Prototype]

3

选择想要创建的原型类型,这里选择为iPhone6创建。不同的原型类型,会有不同的绘制画板。下面是默认支持的原型类型:1. Web2. iPhone63. iPhone6 plus4. iPad5. Android6. Android tablet7. Custom8. iPhone59. iPhone410. Google Glass

4

选择原型基于的模板。这里我选择使用“空”模板,方向为“竖 - Portrait”。点击“Finish”开始创建原型。JustInMind对于iPhone6提供如下模板:1. 空 - Empty2. 图片 - Images - 效果图3. 示例 - Example - 登录、设置、主从、邮件、滑动菜单4. 其他 - Another - 根据以往的原型文件(.vp)

5

如果你是第一次创建原型的话,会弹出引导窗口。为了便于熟悉整个软件的操作,这里我们选择接受此引导。

基础界面说明
1

控件栏-Widgets,与Axure类似,这里列出了软件默认支持的各种控件。

2

缩放控制

3

页面导航 - Screens。这里列出所有原型文件中的页面,与Axure的导航类似。

4

属性栏 - Properties。当我们选中某个控件时,可以在这里编辑控件的属性。

5

组件导航 - Outline。这里列出所有当前页面上的控件、层等。

6

事件栏 - Events。在这里可以编辑控件的触发事件,类似Axure的事件管理。

7

预览 - Simulation。使用这个功能,可以在浏览器中查看编辑完成的原型。PS:预览界面要比Axure的好看很多。

注意事项
1

JustInMind是跨平台的,支持Windows、Mac等

2

JustInMind最开始是以移动产品原型设计为亮点,所以如果你要为移动产品设计原型,不妨试试这个工具。

推荐信息