墨刀

墨刀电脑版是一款原型与线框图设计软件，软件内置了非常丰富的组件库和图标库，整个操作方式是采用的可视化的操作方式，用户通过简单的拖拽就可以直接应用功能元素，可以让用户更方便快速的完成产品的设计，用户可以利用这款软件快速构建应用原型，省略了设计师制图完成之后的导出、保存、分享...等等繁琐的步骤，能有效的提高用户的办公效率，还具有云端存储、动画特效等功能，对开放项目永久免费，有这方面需求的用户可以在这里下载体验。

墨刀免费版软件优点：

1、远程办公室，在线产品原型设计和协作平台的好帮手。

2、快速完成产品设计，留出更多时间思考。

3、内置丰富的组件库和图标库，小白也可以轻松掌握。

4、拖放，可以实现页面跳转效果，交互逻辑清晰可见。

5、团队中的许多人可以对原型发表评论，随时随地交流想法，并有效地提出改进计划。

6、内置的多行业模板和多平台材料，可根据需要灵活访问。

7、无需重复下载和上传文件，实时同步项目信息，使传输过程更加高效。

墨刀免费版软件特点：

1、【素材库】

内置丰富的组件和模板

可自定义个人素材库

还可共享团队组件库

2、【设计】

一拖一拽轻松搭建界面

多种手势和转场效果

无需代码也能做出酷炫动效

3、【高效演示及评审】

真实设备边框、全屏演示

一键分享

在线获取评论

4、【Sketch插件&标注】

导入Sketch稿

自动标注&切图

获取全平台代码

5、【云端编辑】

浏览器直接登录

随时随地办公

异地团队协作

6、【多人协作】

协同编辑、查看、审阅

项目同步、沟通透明

项目&成员便捷管理

墨刀免费版软件亮点：

1、拖拽控件或图片开始App设计。

2、移动设备常用手势及丰富切换动画。

3、云端实时保存，工作无缝衔接。

4、手机实时预览，随时演示原型作品，一键分享，获取反馈。

5、团队协作，产品极速上线。

6、导出工作流，产品开发从全局出发。

7、内置素材库、模板库。

墨刀免费版使用教程：

1、快速创建应用

注册/登录墨刀后，首先到达的是「个人空间」，可以看到一个我们预先创建好的项目组。

点击进入项目组之后，可以在里头创建原型项目。

可以选择「使用模板项目」还是「创建空白项目」。

使用模板项目：推出了丰富的模板项目，可先预览模板效果，挑选成功后点击「使用模板」即可。通过编辑模板你可以更快地掌握页面设计、交互设计的方法，也可在此基础上完善个人产品原型。

创建空白项目：有手机、平板、自定义等多种平台，创建后可以编辑页面，还可上传启动图标和启动界面图。

2、创建页面结构

在偏好设置-推荐模式下，页面列表位于工作区的左侧，与元素列表并排。

你可以在页面列表下添加新页面、子页面、创建副本、移动当前页到其他项目、删除等操作。

在页面列表下方，有「页面回收站」，14天内误删除的页面可以在回收站进行找回。

PS：良好的页面结构如同一个清晰的脑图，能够帮助制作者在复杂的产品原型中理清思路。

3、创建页面内容

创建页面内容非常的简单：从组件区拖出组件到页面设计区，对齐进行大小、颜色、外观等属性设置就可以了。

软件中有两个组件区：

高频组件区：位于左侧，当您画网页原型时，可以将页面列表收拢起来，空间会大很多。

右侧组件区：包括墨刀内置的组件、我的组件(你可以将高复用的组件添加到这里)、图标、母版(有继承性，一改全改)

快捷键A或者在上方工具栏点击「素材库」，您还可以对素材进行批量的管理。

4、添加页面交互

页面间交互

页面设计好以后，要建立页面间的交互，只需要点击组件，将组件旁边的圆形链接按钮拖动(链接)到相应的页面就可以啦!

在添加链接时，还可根据需求，设置不同的触发手势、定时器及动效。

页面内交互

页面交互可以用动态组件来制作，制作诸如加载动画、分页器、组件神奇移动等效果。还内置了WEUI动态组件、AntDesign组件，可以直接使用。

组件神奇移动

素材库内置的动态组件

自己制作动态组件，更为深入的交互可以查看状态的使用方法。

5、项目预览、分享及下载

预览

工作区点击“运行”按钮，即可进入原型演示模式。

在“预览“页面，你还可以设置原型是否带真机外壳，链接区域是否高亮，是否显示批注，内容区是否滚动。

还可以点击右上角的“全屏模式”，带来更有沉浸感的演示体验。并支持切换黑白背景色。

分享

在墨刀，你可以轻松分享原型项目给你的同事或客户，或者在进行用户测试时分享给用户查看。

只要点击该项目的“分享”按钮，你就可以获取一个二维码和分享链接。

6、链接、手势及定时器

使用墨刀可以非常方便的创建页面间链接，墨刀独创的拖拽链接方式，让页面间的链接关系清晰呈现眼前，要创建页面间链接，只需要选中要链接的组件，然后拖动组件右侧的小圆圈到目标页面就可以了，如下图：

创建好链接之后，我们会看到链接选项面板：

可以看到，链接面板包含3个部分：手势、切换动画以及定时器，下面我们来依次介绍这3个部分。

由于手势需要较大的可点击区域，所以并不是所有组件都支持手势，目前支持手势的组件包括：全局手势，链接区域，图片以及矩形，可选的手势如图所示，共有6种：点按，长按以及上下左右滑动。

接下来就是页面切换动画选择，共有15种特效可供选择，如果您不确定需要那种效果，可以在选中之后，将鼠标移到上面的预览框，对效果进行预览。

最后是定时器，可以设定这个链接的自动跳转时间，到达时间后，即使用户没有任何操作，应用也会自动跳转到目标页面，适合制作轮播动画等等。