Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

​这一篇也是仅作了解熟悉,方面大家后面快速上手,先来看一看工作界面以及各个功能的入口。然后再来了解一下工作方式。

Justinmind的主界面简介

主要分为几个区域:导航栏、工具属性栏、元件区、交互事件区、数据源与母板、屏幕、模板、变量区、元件属性栏、元件目录、工作区以及其他工具入口。下图我们给大家展示一下各个功能布局。

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

详细描述

  1. 顶部的标题栏,显示你的项目名称

  2. 主要功能的导航设置选项的入口

  3. 属性栏,字体、颜色等属性的设置区域

  4. 其他工作区功能TAB切换入口,有需求工作区、注释工作区、站点地图工作区、场景工作区以及登陆入口

  5. 在本地浏览器预览或多设备共享、发布到云端或发布到手机APP上的功能入口,另有设置选择入口。

  6. 元件区

  7. 画布工作区

  8. 页面导航与模板导航以及变量list列表

  9. 共用属性:数据源(类似于Axure中继器),母板

  10. 事件编辑器

  11. 交互属性设置

  12. 元件地图导航

Justinmind的注释界面简介

注释是方便接收你的交互DEMO的人员可以快速了解你的设计的文字补充。

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

  1. 下拉菜单选择注释或者其他功能选项

  2. 输入相关信息搜索注释信息

Justinmind的站点地图界面简介

站点地图很简单是展示页面逻辑关系以及相互之间的跳转引用,看这个图形化的可以很快找出之间的错误或梳理思想。

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

  1. 入口以及切换其他功能选项下拉菜单

  2. 页面导航

  3. 可视化站点地图工作区

  4. 属性编辑器

Justinmind的场景界面简介

场景是用户使用你产品的一些具体情况的抽象,把逻辑流程拿出来做成场景流程可以验证你的设计方案。

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

  1. 入口以及切换其他功能选项下拉菜单

  2. 场景list列表

  3. 与编辑

  4. 工作区画布

  5. 4个特定场景元件,动作、屏幕、判断、备注

  6. 屏幕的导航列表

  7. 注释与需求的快捷窗口

  8. 元件目录导航与导航器

Justinmind的需求界面简介

需求,这个理解起来很简单,就是可以根据每一个页面或功能把相关的主要核心的需求用简洁的语言描述一下,在设计过程中可以兼顾到不被忘记或不用去几百页的word里查找验证需求了。

这是一个很方面的功能。

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

  1. 需求管理功能入口与切换其他功能入口

  2. 条件查询器

  3. 需求编辑界面

  4. 补充说明

  5. 新建与激活按钮

  6. 展示界面

工作机制简介

主要的工作机制是新建项目支持:新建本地项目和新建共享项目,后者需要注册登陆Justinmind账户,默认开通的账户有300M的云空间,可以放置你发布的项目。

创建本地项目

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

在弹出的新窗口选择一个设备模板

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

第二步选择 空白文件或者预置的演示模板还可以设置是竖屏还是横屏

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

第三步这样一个共享项目就建立好了

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

创建共享项目

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

在弹出的新窗口选择一个设备模板

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

第二步选择 空白文件或者预置的演示模板还可以设置是竖屏还是横屏

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

第三步会弹出登陆信息,这个时候有帐号的输入,没有账户的点击注册之后再登陆就发布到云上,可以在手机端演示或其他电脑上登陆编辑了。

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

这样一个共享项目就建立好了

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

手机预览共享的原型

方式是:

第一步发布你的项目到云端,不支持本地导入到手机。详情见上小结步骤截图

第二步下载手机APP

可以去iOS APP Store 和 Google Play 去搜索 Justinmind下载APP安装后登陆你的账户使用。

由于国内登陆不上Google Play 可以去我们的下载回来的网站分享里去下载:www.iamue.com,搜索词:Justinmind APP

1.安装完成之后的界面

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

2.启动过渡页

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

3.登陆界面

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

4.登陆成功后,点击下方的 VIEW ON Device

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

5.每一次启动都会检测有没有新版本,注意这个是当前的项目,也就是说底部的按钮只能预览你刚刚发布到云上的那个项目

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

6.启动我们原型,可以在手机端演示操作,没有外层的手机壳看起来更真实。

Justinmind权威指南:基础-Justinmind 6.x工作界面与机制


                                                        

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/7838/

(0)
iouedioued
上一篇 2015-08-04
下一篇 2015-08-05

相关推荐

  • JustinMind交互与事件

    JustinMind交互事件说明 1.事件与交互 事件是JustinMind的一个关键功能,Justinmind Prototyper的事件由两个主要部分组成:一个是事件的触发(或用户事件),另一个是一组操作。每一个事件必须在屏幕上定义一个特定…

    2015-04-22
  • JustinMind免费版与JustinMind Pro的区别

    justinmind是一个可以免费创建移动和web原型的工具。 justinmind的免费版不仅仅是体验式的,它是永远免费,目的是为一些公司或个人处理小型项目。 在获得永久免费版本之前,你还可以享受我们的30天免费试用专业版带…

    JustinMind 2015-08-25
  • Justinmind6.6版本下载和中文汉化包下载

    Justinmind已更新至6.6版本啦,中文汉化包由小楼老师原创制作,在这里小编整理出来提供大家下载,仅供学习交流使用哦。 Justinmind V6.7已经更新了,请移步:Justinmind V6.7新功能简介和下载链接 下载地址: Justi…

    JustinMind 2015-06-25
  • Justinmind权威指南:​基础-Justinmind基本元件的使用-1

    前面咱们学过了怎么新建项目,怎么发布项目,怎么在手机端预览;接下来我们开始真正去使用画布制作原型,那么第一步,你先要会使用这些元件,我们按照官方软件自带元件库的顺序一个一个的讲解,全面了解之后你也许…

    2015-08-31
  • JUSTINMIND权威指南:前言

    ​来说一说为什么要写这本JUSTINMIND相关的书籍,此前我做交互设计的时候,有一次遇到一个特别的APP项目,这个项目的BOSS要求给拿出一个高保真的原型给他演示,我们项目组就问我怎么才能做出一个可以演示的高保真原…

    JustinMind 2015-07-31
  • Justinmind 和 Axure谁更适合做原型?

    Justinmind 和 Axure 都是目前很强大的原型设计工具,被业界推为原型设计神器,在很多项目中起着不可估量的作用,但这两者的之间的作用是相互竞争还是相辅相成呢,我们应该客观地进行分析,使之更好地服务于我们的…

    Axure 2015-08-25
  • Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

    原文标题:利用Justinmind 6.7 新功能编辑、制作、使用矢量图标 Justinmind 6.7 提供了对 ILLustrator 矢量图形编辑、复制粘贴的支持,便得在Justinmind中使用高保真图标成为很容易的事情。下面,介绍如何利用网上…

    JustinMind 2015-08-25
  • Justinmind权威指南:​基础-Justinmind基本元件的使用-2

    ​上一节说了文本、多行文本、图片、线段元件的使用方式,这一节会讲解最常用的矩形、椭圆、三角形、标注 矩形 这个是最常用的没有之一,原因是因为我们设计产品的基本架构都是方形的,这个大概与硬件的制约有关系,…

    2015-08-31
  • 阿西JUSTINMIND学习日记:justinmind官方公布的快捷键列表(全部)

    常规快捷键 Windows OS X 剪切 Ctrl + X ⌘ + X 复制 Ctrl + C ⌘ + C 粘贴 Ctrl + V ⌘ + V 副本(复制) Ctrl + D or Ctrl + Click 并拖动 ⌘ + D or ⌘ + Click 并拖动 删除 Delete 或 退格键 Delete 或 退格键 撤销 …

    2015-06-16
  • JUSTINMIND权威指南:开篇-准备工作

    ​ 获取Justinmind安装包 Justinmind 分为免费版本、收费版本(30天试用)Pro版本。 官网提供免费版本可以下载,Pro收费版本不激活可以试用30天,30天过后会限制使用一些高级的功能组件,例如:动态面板(Dynamic Pan…

    2015-08-04