墨刀是什么?
墨刀是一款在线原型设计工具。借助于墨刀,创业者、产品经理及UI/UX设计师能够快速构建移动应用产品原型,并向他人演示。
使用
墨刀是很好用的原型设计工具,是需求大人们的必备良器。首先大家先下载好墨刀。然后随便注册一下,就可以愉快的使用了。
一、创建项目
1.打开墨刀, 在首页点击创建应用:

2.选择相应的设备:

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

然后就可以进行编辑了。
二、相关功能
创建好的项目主界面:

- 左边是组件的选择。
- 中间是编辑界面,需要什么组件直接拖动到编辑界面。
- 右边是页面管理和状态管理,以列表的形式存在。
- 上边是工具栏。
- 还有具体的组件对应的工具栏。
三、使用
1.原型增加一个底栏,标题栏双击可以改变标题,然后运行:


一个简单的iphone界面出炉了
2.接下来看看母版的作用,母版对于重用的组合原型是非常方便的:



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



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

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



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

点击第一个按钮就能跳转回去
5.状态:状态是一个页面的不同状态显示的内容,每个页面都可以有很多种状态,但添加新的组件必须在全局状态添加,这样才能保证每个状态组件一致。
结尾
墨刀使用起来是非常简单的,掌握了上面的ji'qiao,基本就能玩得很6了。原型设计不一定是需求大人的专利,我们程序员一样能做到,程序员永不为农...
网友评论