墨刀的简单使用

墨刀的简单使用

1. 墨刀是什么?

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

2. 使用

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

2.1、创建项

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

img

创建

2.选择相应的设备:

img

选择设备

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

img

填写信息

然后就可以进行编辑了。

2.3、相关功能

创建好的项目主界面:

img

主界面

  • 左边是组件的选择。
  • 中间是编辑界面,需要什么组件直接拖动到编辑界面。
  • 右边是页面管理和状态管理,以列表的形式存在。
  • 上边是工具栏。
  • 还有具体的组件对应的工具栏。

2.4、使用

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

img

加低栏

img

运行效果

一个简单的iphone界面出炉了

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

img

创建

img

叫做Cell的母版

img

添加我们需要的内容

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

img

建好的Cell

img

使用母版CELL,直接拖

img

运行

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

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

img

组合

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

img

连接

img

页面二的连接

img

运行

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

img

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

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

gitee:https://gitee.com/xie-yingpeng/project-1.git

bilibili:https://space.bilibili.com/617198338?share_medium=android&share_source=copy_link&bbid=XY2BDF522C748A159BE7DD354D6DFFB963728&ts=1612520115798

原文地址:https://www.cnblogs.com/Xieyingpeng/p/14903505.html