墨刀的简单使用,半个小时学会画需求原型

墨刀是什么?

墨刀是一款在线原型设计工具。借助于墨刀,创业者、产品经理及UI/UX设计师能够快速构建移动应用产品原型,并向他人演示。

使用

墨刀是很好用的原型设计工具,是需求大人们的必备良器。首先大家先下载好墨刀。然后随便注册一下,就可以愉快的使用了。

一、创建项目

1.打开墨刀, 在首页点击创建应用:


墨刀的简单使用,半个小时学会画需求原型_第1张图片
创建

2.选择相应的设备:

墨刀的简单使用,半个小时学会画需求原型_第2张图片
选择设备

3.填入必要信息,然后创建:


墨刀的简单使用,半个小时学会画需求原型_第3张图片
填写信息

然后就可以进行编辑了。

二、相关功能

创建好的项目主界面:

墨刀的简单使用,半个小时学会画需求原型_第4张图片
主界面
  • 左边是组件的选择。
  • 中间是编辑界面,需要什么组件直接拖动到编辑界面。
  • 右边是页面管理和状态管理,以列表的形式存在。
  • 上边是工具栏。
  • 还有具体的组件对应的工具栏。
三、使用

1.原型增加一个底栏,标题栏双击可以改变标题,然后运行:

墨刀的简单使用,半个小时学会画需求原型_第5张图片
加低栏
墨刀的简单使用,半个小时学会画需求原型_第6张图片
运行效果

一个简单的iphone界面出炉了

2.接下来看看母版的作用,母版对于重用的组合原型是非常方便的:

墨刀的简单使用,半个小时学会画需求原型_第7张图片
创建
墨刀的简单使用,半个小时学会画需求原型_第8张图片
叫做Cell的母版
墨刀的简单使用,半个小时学会画需求原型_第9张图片
添加我们需要的内容

母版里面添加组件和主界面添加是相同的。
然后回到主界面,看一个我们建好的母版:

墨刀的简单使用,半个小时学会画需求原型_第10张图片
建好的Cell
墨刀的简单使用,半个小时学会画需求原型_第11张图片
使用母版CELL,直接拖
墨刀的简单使用,半个小时学会画需求原型_第12张图片
运行

一个带列表的界面就出来了

3.组合和打散,这也是原型设计中常用的,将几个组件在需要的时候进行组合,方便编辑,编辑后又可以重新打散:

墨刀的简单使用,半个小时学会画需求原型_第13张图片
组合

自己试一下效果,很简单
4.页面跳转:

墨刀的简单使用,半个小时学会画需求原型_第14张图片
连接
墨刀的简单使用,半个小时学会画需求原型_第15张图片
页面二的连接
墨刀的简单使用,半个小时学会画需求原型_第16张图片
运行

点击第二个按钮,就能跳转到页面二

墨刀的简单使用,半个小时学会画需求原型_第17张图片
屏幕快照 2016-12-19 下午1.57.28.png

点击第一个按钮就能跳转回去

5.状态:状态是一个页面的不同状态显示的内容,每个页面都可以有很多种状态,但添加新的组件必须在全局状态添加,这样才能保证每个状态组件一致。

结尾

墨刀使用起来是非常简单的,掌握了上面的ji'qiao,基本就能玩得很6了。原型设计不一定是需求大人的专利,我们程序员一样能做到,程序员永不为农...

你可能感兴趣的:(墨刀的简单使用,半个小时学会画需求原型)