交互学堂
专注分享专业知识

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

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

Justinmind的主界面简介

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

详细描述

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

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

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

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

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

  6. 元件区

  7. 画布工作区

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

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

  10. 事件编辑器

  11. 交互属性设置

  12. 元件地图导航

Justinmind的注释界面简介

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

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

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

Justinmind的站点地图界面简介

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

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

  2. 页面导航

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

  4. 属性编辑器

Justinmind的场景界面简介

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

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

  2. 场景list列表

  3. 与编辑

  4. 工作区画布

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

  6. 屏幕的导航列表

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

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

Justinmind的需求界面简介

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

这是一个很方面的功能。

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

  2. 条件查询器

  3. 需求编辑界面

  4. 补充说明

  5. 新建与激活按钮

  6. 展示界面

工作机制简介

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

创建本地项目

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

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

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

创建共享项目

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

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

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

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

手机预览共享的原型

方式是:

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

第二步下载手机APP

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

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

1.安装完成之后的界面

2.启动过渡页

3.登陆界面

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

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

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



		
赞(0) 打赏
未经允许不得转载:IAMUE » Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

评论 抢沙发

评论前必须登录!

 

交互学院

在线学习交互设计课程1元秒杀Sketch入门课程

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏