墨刀的简单使用
墨刀的简单使用
1. 墨刀是什么?
墨刀是一款在线原型设计工具。借助于墨刀,创业者、产品经理及UI/UX设计师能够快速构建移动应用产品原型,并向他人演示。
2. 使用
墨刀是很好用的原型设计工具,是需求大人们的必备良器。首先大家先下载好墨刀。然后随便注册一下,就可以愉快的使用了。
2.1、创建项
1.打开墨刀, 在首页点击创建应用:
创建
2.选择相应的设备:
选择设备
3.填入必要信息,然后创建:
填写信息
然后就可以进行编辑了。
2.3、相关功能
创建好的项目主界面:
主界面
- 左边是组件的选择。
- 中间是编辑界面,需要什么组件直接拖动到编辑界面。
- 右边是页面管理和状态管理,以列表的形式存在。
- 上边是工具栏。
- 还有具体的组件对应的工具栏。
2.4、使用
1.原型增加一个底栏,标题栏双击可以改变标题,然后运行:
加低栏
运行效果
一个简单的iphone界面出炉了
2.接下来看看母版的作用,母版对于重用的组合原型是非常方便的:
创建
叫做Cell的母版
添加我们需要的内容
母版里面添加组件和主界面添加是相同的。
然后回到主界面,看一个我们建好的母版:
建好的Cell
使用母版CELL,直接拖
运行
一个带列表的界面就出来了
3.组合和打散,这也是原型设计中常用的,将几个组件在需要的时候进行组合,方便编辑,编辑后又可以重新打散:
组合
自己试一下效果,很简单
4.页面跳转:
连接
页面二的连接
运行
点击第二个按钮,就能跳转到页面二
点击第一个按钮就能跳转回去
5.状态:状态是一个页面的不同状态显示的内容,每个页面都可以有很多种状态,但添加新的组件必须在全局状态添加,这样才能保证每个状态组件一致。
3.联系方式
qq:2061302791
微信:xie2061302791
电话:15284524485
个人网站:https://xieyingpeng.github.io/
Github:https://github.com/xieyingpeng/
博客园:https://www.cnblogs.com/Xieyingpengz
知乎:https://www.zhihu.com/people/nan-qiao-12-73