墨刀的使用

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

目前 墨刀 支持创建移动端(iPhone、iPad、Android)、web端的项目。

可创建项目类型

注册登录

使用邮箱注册后我们就可以使用免费版的墨刀了,账户类型区别及价格

项目登录注册页面


使用教程

墨刀简单易操作,具体使用细节可以查看官方操作教程

教程目录截图

创建Android原型图

之前使用墨刀制作的两个项目的原型图,墨刀上有一些原型图设计的模板我们可以直接套用。
1、石家庄国家电网
2、爱康医院满意度调查

我们来绘制一个Android项目的原型图

1、创建项目

  • 选择项目类型,我们创建一个Android类型的项目


    选择Android类型
  • 填写项目名称,选择设备类型(原型图演示时的设备外观不同),上传图标(项目logo)、启动界面(项目启动页)


    项目相关信息

项目创建完之后进入工作区。


2、工作区

项目创建好之后,我们就可以按照需求来绘制原型图了。但是我们需要先来认识一下墨刀的工作区。方便我们接下来制作原型图。

工作区

  • 基础操作

工作区上一些基础的操作,比如保存、撤销、横竖屏、放大缩小、分享、运行等等,这些操作一看就知道是做什么的了,这里就不记录,有兴趣的可以去看操作教程。

  • 控件区

包含基础组件库平台组件库图标库母版,无论是内置还是自定义组件都可以在控件区查找。
基础组件库,提供文本、矩形、直线之类的基础组件元素,利用基础组件可以创造出变幻无穷的原型。
平台组件库,包括iOS组件库、Material Design组件库、自定义组件库(自己进行多个组件的组合)。

  • 母版

母版具有继承属性——即编辑母版,当前项目中的所有对应母版实例都会同步发生改变。
母版主要用于快速修改当前项目内某固定模块的内容及布局。

母版案例

1、我们利用轮播图的母版来制作自己原型图中的轮播图


轮播图

2、我们自己来创建一个母版,建一个文字可以上下滚动的母版
我们建一个320*300的文字展示母版,在实际使用中我们在上下方向调小母版就可以实现文字上下滑动的效果了。

上下滚动文字展示

实际效果如下图

图3-1
  • 自定义组件库

对于一些平台组件库中没有的,或者项目中常用但是需要多个组件拼接的,我们都可以通过自定义组件来制作,方便其他项目直接使用,比如项目中常用的消息弹窗,我们就可以制成自定义组件。

自定义弹窗

实际效果参照图3-1

  • 页面状态

1、每个页面下都可以新建若干个状态页面
2、所有状态页面内的组件数量是一致的
3、默认状态是页面的基本样式
4、添加组件等数据时需在全局状态

页面状态
默认状态
弹窗状态
  • 工作流

工作流是原型的页面流程图,在工作流中,可以根据已有的原型文件,创建页面流程图或交互图,来更详尽地展示产品逻辑、流程或结构。
通过已有页面之间的关联展示产品逻辑业务流程。

  • 标注

标注展示相关控件的宽高、颜色、相对位置,便于开发。

宽高

字体、颜色、位置

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,847评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,208评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,587评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,942评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,332评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,587评论 1 218
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,853评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,568评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,273评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,542评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,033评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,373评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,031评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,073评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,830评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,628评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,537评论 2 269

推荐阅读更多精彩内容