墨刀简介

墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。

墨刀同时也是协作平台，项目成员可以协作编辑、审阅 ，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。

• 官网下载地址：https://modao.cc
• 直接浏览器搜索“墨刀” 登录

墨刀的使用

使用页面

新建项目

可以创建不同样式的项目（手机/iPad/网页）

也可以直接套用模板

组件使用

添加组件

在编辑区右侧的状态栏，素材板块内有「组件」、「图标」、「图片」和「页面」，可以点击打开对应的素材面板，添加需要的组件。

锁定/解锁组件

选中组件后，可以在页面编辑区顶部工具栏或者右侧的外观设置面板中点击「小锁」图标来锁定或解锁组件。

使用智能间距整理组件

使用智能间距整理组件，可以快速整理两个及以上的元素之间的排列。还能一键调整间距。智能排列中的元素不需要相同的大小，如果元素之间的间距不相同，可以先使用整理功能重新排列元素的统一间距。

目前整理功能的逻辑是根据最左侧元素与下一个元素的间距为准，调整其他元素之间的间距。

选中元素后，将鼠标hover到选区上将会出现一个整理图标。

页面列表/元素组件列表多选

页面列表

按住shift,单击首尾两个页面即可选中两页面中间的所有页面，进行统一的移动/删除操作；按住command（Mac）/ ctrl（Windows），即可逐个页面进行选择

元素组件列表

按住shift,单击首尾两个元素组件即可选中列表中两组件中间的所有元素，然后右键进行组合/图层调整等操作；按住command（Mac）/ ctrl（Windows），即可逐个元素组件进行选择，然后右键进行组合/图层调整等操作。

关于组件的一些快捷键

快速复制组件的快捷操作：Alt/Option+鼠标拖拽

全选当前页面所有组件的快捷键： Windows：Ctrl+A （all） Mac：Command+A（all）

多选组件的快捷操作有两种： 1、S +鼠标拖动 框选 2、Shift+鼠标点选

组件创建快捷键

添加交互事件

墨刀支持为页面或组件添加交互跳转事件，模拟用户使用产品交互时的真实体验，让项目“动”起来。

要添加一个交互事件，需要设置触发事件以及行为。

触发事件

触发事件：包括单击、长按、鼠标移入移出、定时器等，只要进行对应的触发动作就能使交互事件生效。

行为

行为：包括跳转页面、跳转超链接、切换页面/组件状态、滚动到和显示/隐藏。触发事件后项目会发生对应的交互行为。

跳转页面/超链接

跳转页面：支持跳转至该原型项目内的其他页面。

跳转超链接：支持跳转至其他网页网站。

设置好以上两点后，还需要进一步选择跳转/切换的目标元素，以及具体的跳转方式，另外也可以添加切换动效。

页面交互

设置面板点击第一个圆形按钮设置页面状态。 点击状态面板中的「新建」或「复制」按钮即可新建状态。其中第一个状态就是页面的默认显示状态，也就是打开一个页面时，页面最开始呈现的样子（状态）。可以通过鼠标拖拽调整页面状态顺序。

页面状态可以用来实现页面内整体的交互动画

如何实现页面状态切换

在一个页面状态中，为该页面全局或组件添加跳转交互，就能实现页面状态的切换。

1.选中页面的状态1，在右侧面板选择「全局事件」，设置行为“切换页面状态”，选择需要切换的状态即可。这样在运行时点击页面全局的任何一个位置都可以实现切换。

2.选中页面状态1中的任何一个组件，拖动左侧闪电图标到目标状态，或是在右侧选择「添加事件」进行设置。这样在运行时点击这个组件就能实现切换。

定时跳转

选中画布后，在链接设置面板中可以为页面或状态设置定时跳转的效果。

动态组件

动态组件就是为一个组件添加设置多个状态，和页面状态一样可以用来实现页面内的交互动画。可以让页面中一个组件的位置、大小、颜色发生改变，也可以设置显示隐藏。

需要为动态组件设置默认状态时，选中动态组件，在右侧的外观面板即可选择设置。

动态组件和页面状态比较

动态组件和页面状态的动画效果实际上都是用状态实现的。两者的区别在于：

1）页面状态做的动画效果会影响整个页面内的组件，动态组件做的动画效果只会影响动态组件内部的组件。

2）页面状态基于项目页面完成，不太方便保存复用，动态组件与项目页面是分离的，可以保存到组件库中作为组件素材复用。

分享与协作

墨刀支持通过链接或二维码将项目分享给他人查看

获取分享链接

具体操作方式有两种：

1.在项目编辑区右上角点击「分享」，复制分享面板中的分享链接或保存二维码发给对方即可。

2.在项目管理页选中项目，点击「更多」-「分享」，复制分享弹窗中的分享链接或保存二维码发给对方即可。