墨刀

墨刀点击效果制作方法： 1、首先点击查看“下拉菜单”的素材，会发现在墨刀画布区域会弹出相关的组件。按住鼠标左键将组件选中，然后点击画布右侧面板中的“添加组件状态”按钮进入下一步的组件状态编辑。 2、在墨刀动态效果编辑的主界面画布中间会出现“组件状态”的对话框，用户需要编辑状态的名称。状态1为“隐藏”，状态2为“显示”。 3、接着，按住鼠标左键将“隐藏”状态的下拉组件选中，并且在墨刀动态编辑界面的画布右侧点击隐藏按钮，即可将“隐藏”的相关组件成功隐藏起来。 4、做到这一步，用墨刀做下拉菜单的动态效果的操作过程就完成一半了。接着，用户还需要将状态切换到“显示”。比如当我们把手移动到“扫一扫”的组件时就可以跳转到其对应页面。那么该如何做出动态效果? 用户先要点击“扫一扫”将其选中，然后再按住鼠标左键将其链接到墨刀动态主界面的左侧画布的素材“扫一扫”。 5、回到“组件状态”，将“隐藏”的下拉菜单组件添加交互动态事件，点击组件右上角的“+”按钮链接到“显示”状态。 完成上一步后，将“组件状态”切换到“显示”状态，并将其状态的下单菜单组件选中，链接到“隐藏”状态。完成这一步的设置后，退出组件编辑。 6、最后，用户需要把动态组件移动到画板上，这样就完成了墨刀点击效果的制作。

墨刀动态效果制作方法： 1、首先点击查看“下拉菜单”的素材，会发现在墨刀画布区域会弹出相关的组件。按住鼠标左键将组件选中，然后点击画布右侧面板中的“添加组件状态”按钮进入下一步的组件状态编辑。 2、在墨刀动态效果编辑的主界面画布中间会出现“组件状态”的对话框，用户需要编辑状态的名称。状态1为“隐藏”，状态2为“显示”。 3、接着，按住鼠标左键将“隐藏”状态的下拉组件选中，并且在墨刀动态编辑界面的画布右侧点击隐藏按钮，即可将“隐藏”的相关组件成功隐藏起来。 4、做到这一步，用墨刀做下拉菜单的动态效果的操作过程就完成一半了。接着，用户还需要将状态切换到“显示”。比如当我们把手移动到“扫一扫”的组件时就可以跳转到其对应页面。那么该如何做出动态效果? 用户先要点击“扫一扫”将其选中，然后再按住鼠标左键将其链接到墨刀动态主界面的左侧画布的素材“扫一扫”。 5、回到“组件状态”，将“隐藏”的下拉菜单组件添加交互动态事件，点击组件右上角的“+”按钮链接到“显示”状态。 完成上一步后，将“组件状态”切换到“显示”状态，并将其状态的下单菜单组件选中，链接到“隐藏”状态。完成这一步的设置后，退出组件编辑。 6、最后，用户需要把动态组件移动到画板上，这样就完成了墨刀动态效果的制作。可以点击墨刀主界面右上方的“运行”按钮，预览一下自己运用墨刀所制作的动态效果。

墨刀动态组件使用教程： 1.进入编辑界面后，自己制作一个组件。先在我的组件中新建组件，可以直接拉取矩形为组件主体，当然，也可以插入图片，使之更好看，但这里为了方便演示，就不在此赘述。 之后，在矩形组件上添加一个按钮，此部分为基础，不再说明，之后，点击右上方，返回工作区，将刚才创建好的“弹窗”组件拖拽到主面板上，如图。当然，为了方便，你也可以使用自带原件。 2.之后，点击右方添加组件状态 3.给组件添加两种状态，分别命名为组件隐藏和组件显示，并且在组件隐藏页面右方，将组件设置为隐藏。 之后在主页面上添加按钮并在右方事件进行设置。 4.注意，选择组件时需要双击才能选择。 之后双击弹窗组件，并选择“组件显示”状态，并将弹窗组件上的按钮链接到“组件隐藏”状态，最后退出编辑。

墨刀导出原型到本地的方法： 1、导出HTML压缩包：点击导出，选择HTML压缩包选项，解压后双击index.html，预览离线原型。 2、导出PNG（全部页面或当前页）：此途径可以将原型页面转换为PNG格式，直接用系统自带图片浏览器预览原型图即可。 3、导出离线APK安装包：目前支持安卓手机安装离线APK包，直接在手机上离线预览原型。可以使用导出按钮导出APK，也可以直接扫描运行页面的二维码，点击安装后按提示将压缩包安装到手机上，随时切换在线/离线属性。

墨刀原型图导出教程： 1、导出HTML压缩包：点击导出，选择HTML压缩包选项，解压后双击index.html，预览离线原型。 2、导出PNG（全部页面或当前页）：此途径可以将原型页面转换为PNG格式，直接用系统自带图片浏览器预览原型图即可。 3、导出离线APK安装包：目前支持安卓手机安装离线APK包，直接在手机上离线预览原型。可以使用导出按钮导出APK，也可以直接扫描运行页面的二维码，点击安装后按提示将压缩包安装到手机上，随时切换在线/离线属性。

墨刀个人版和免费版的区别： 墨刀免费账户：私密应用；不可导出；不可团队协作；100MB图片存储。 1、可以创建不限数量的公开、私密项目，可以通过加密来保障项目的隐私； 2、不支持导出离线文档，如HTML 压缩包、全部PNG压缩包、当前页PNG图、IPA或APK安装包； 3、不支持团队项目及多人协作功能； 墨刀个人版：私密应用；导出；团队协作（白名单）；超大图片存储空间。 1、可以创建不限数量的公开、私密项目，可以通过加密及设置白名单来保障私密项目的隐私； 2、支持导出离线文档，如HTML压缩包、全部PNG压缩包、当前页PNG图以及安卓APK安装包； 3、企业版账户支持导出IPA文件（需主动申请）； 4、高级账户享有 多人协作 、团队项目以及白名单功能。

墨刀实现区域内滚动的教程： 1、首先打开“我的组件”面板，点击“新建组件”。 2、画布上画出需要水平滚动的内容，然后再复制状态1。这一步的目的将其转换为「动态组件」。 3、然后回到工作区，将该动态组件拖动到画布上，将其宽度调成页面宽度，运行原型，即可实现（拖动式）水平滚动。 4、如果你想让页面里的部分内容（拖动式）垂直滚动，实现的方式跟上面的水平滚动同理。这种实现方法不会显示“垂直滚动条”。 5、如果你想实现显示“垂直滚动条”的垂直滚动，还有一个更简单的方法： 6、直接拖动页面底部横线向下，放入你整个长页面需要的内容，然后运行，即可自动实现页面的垂直滚动。

墨刀手机版编辑步骤： 1、首先打开墨刀软件，新建一个应用，选择应用类型（选择了iPhone设备），输入应用名称，设备类型和应用尺寸，点击创建按钮，完成应用创建。 2、新建应用的标题栏会自动显示应用的名称（人人都是产品经理），标题栏文字可以自行修改。制作里布导航栏，从左侧“组件”栏目中找到底部组件，拖入应用之中，大小和样式可以自行修改。然后拖入三个导航标签，修改标签的位置和名称。至此完成底部导航栏的制作。 3、然后开始简单的制作下“产品经理”的首页原型，在左侧的“组件”栏目中找到搜索组件，拖入App首页中，在“母版”栏目中找到轮播图模版，拖入应用之中。墨刀中有一些已经做好的组件或母版，可直接拖入使用，加快创建原型的时间。 4、然后回到“组件”栏目，为首页插入图片和文字。图片调节在右边的设置栏，这里推荐大家直接拖入图片，然后用鼠标调节大小这样会比较方便。文字的调节在左边的主题栏目，可调节文字的大小和样式。

mockplus和墨刀的区别： 一、墨刀是一款在线原型设计和协同工具，墨刀有内置丰富的UI素材和模板，清爽的界面，让设计原型的过程顺畅高效。墨刀同样支持Sketch设计稿的导入，拖拽式创建交互链接，可以通过链接或者二维码在电脑端或者移动端快捷预览原型。此外，设计师也可以通过墨刀进行自动标注，开发者也可以用墨刀进行切图。有一个槽点就是没有“自定义调色板”功能。墨刀新出的版本更加强化了协同管理功能，满足了更大规模团队的需求。不仅多人团队可以在墨刀协同编辑/实时讨论，共同管理素材库，对于人员权限的管理也更加清晰分明。 二、Mockpuls优势： 1.基础版免费使用，操作简单，上手快，交互简单(只需拖曳就可以)，功能多样，组件资源丰富，预览方式和导出类型多样，支持团队协作。 2.有原型演示，可以帮助前端设计师、后端程序员更好地理解你的原型产品。 3.mockplus有组件库和图标库，界面设计较为方便。

墨刀导出原型的方法： 1、导出HTML压缩包：点击导出，选择HTML压缩包选项，解压后双击index.html，预览离线原型。 2、导出PNG（全部页面或当前页）：此途径可以将原型页面转换为PNG格式，直接用系统自带图片浏览器预览原型图即可。 3、导出离线APK安装包：目前支持安卓手机安装离线APK包，直接在手机上离线预览原型。可以使用导出按钮导出APK，也可以直接扫描运行页面的二维码，点击安装后按提示将压缩包安装到手机上，随时切换在线/离线属性。