墨刀手机上下滑动效果，墨刀上下滑动的长图怎么做

如何快速用墨刀制作一个APP首页原型

修改原型项目的尺寸和机型 点击编辑区内画板外的空白区域，右边的项目设置界面选择项目尺寸，在下拉框中修改尺寸或型号。注意：定制尺寸项目支持定制修改原型的长度和宽度。设置项目图标/启动页/封面图 选择项目，点击更多-项目详情，上传替换项目启动图标和项目启动页面封面。

打开墨刀客户端，点击分享的原型项目。点击“编辑”按钮。在基础Tab，我们可以对编辑进行设置，这样就可以了。墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。

设备框模式——为（手机）原型项目准备了一个设备框，可以使项目在预览时更接近真实设备。展示项目时，选择有设备框，可滚动，不显示画板外的内容即可展示有手机框的项目。长页面模式——在项目中，会遇到页面高度超过一屏的情况。

打开Sketch文档，选中你要导入的artboards。点击“Plugins”——“MockingBot”——“Export to MockingBot”。登陆墨刀账号后，选择想要上传的「应用名称」或者「新建项目」，完成设计稿导入。导入成功后，点击“直接查看”即可查看进入墨刀的原型预览页面。

墨刀，有一个非常优质的点，那就是可以实现交互设计，制作出交互滚动的效果！而很多人一定都对于墨刀制作滚动的屏幕很感兴趣吧！页面内容滚动页面，促使原型设计更具优质性！那么，到底使用墨刀怎么制作左右滚屏？怎么制作局部滚动？墨刀热门教程：使用墨刀怎么制作左右滚屏？怎么制作局部滚动？其实很简单。

墨刀怎么滑动页面不遮盖呢

首先我们需要从浏览器中打开墨刀软件，进入到工作台中。然后再组件面板中一次点击【组件 - 内置 - 常用组件】找到滚动面板。接着将滚动面板放到页面中区，默认动态组件。双击进入动态组件编辑可以对滚动面板的内容进行调整。

墨刀制作圆形滚动的步骤如下：打开PPT，找到墨刀，单击菜单栏插入中的图片。按住ctrl键同时选中需要做滚动效果的图片，单击插入按钮。将图片调整至合适的大小，排列在合适的位置。按住ctrl键同时选中6张图片，单击鼠标右键选择组合。选中图片单击选择菜单栏动画中的直线。

设备框模式——为（手机）原型项目准备了一个设备框，可以使项目在预览时更接近真实设备。展示项目时，选择有设备框，可滚动，不显示画板外的内容即可展示有手机框的项目。长页面模式——在项目中，会遇到页面高度超过一屏的情况。

要在墨刀中实现页面动画（如登录弹窗等），可以使用页面状态。状态的逻辑是：各个状态共享包含的元素，但是各个元素在不同的页面中可以显示为不同的状态（如显示/隐藏）。而且，注意， 只能在全局状态中添加元素 。某些元素可以只在某些页面状态中出现。给按钮设置动作，进行跳转即可。

打开墨刀软件，点击“创建项目”，先新建一个项目进行测试。在项目中选择空白项目或者模版项目。输入名称，选择尺寸，点击“创建”进入编辑界面后即可开始进行编辑，在左侧组件中，拖动组件到画布中即可进行应用。接下来我们直接拖入一张图片到画布中，调整一下位置摆放。

墨刀页面状态的特性：一致性：在同一页面中，如果不同状态下的组件数量是固定的、一致的，增删组件会对所有状态产生影响；页面中的新建状态与当前选择的页面布局一致。独立性：组件的位置或外观的修改是独立的。

墨刀可以画曲线吗

按这种分布方式来说，墨刀拖动使用内置组件更直接。而且墨刀支持双击组件插入画板。Axure的library里包含了组件和图标，墨刀把这两个库分开了，组件库和图标库里均有丰富的资源，比如内置了“轮播图”组件，“网页”组件（用于插入音频/视频/网页）。

在创建过程中，如果画布中只有一个锚点，则按一次回车、V或两次ESC，均为退出操作，不创建曲线元素。

打开墨刀平台，新建项目，在左边的工具栏中按住直线，拖拽直线到画板中松手即可，可以调整直线的长度，可以重复多条线。墨刀是一个原型设计工具，可以快速构建移动应用原型与线框图。

优点：操作灵活，绘制页面速度很快，功能强大，支持手绘风格，提供大量模板，可以进行原型导出。缺点：仅支持低保真，交互效果较少。适用人群：简单表达设计或追求手绘风格的产品经理及设计师。

用墨刀设计原型的八种玩法

1、设备框模式——为（手机）原型项目准备了一个设备框，可以使项目在预览时更接近真实设备。展示项目时，选择有设备框，可滚动，不显示画板外的内容即可展示有手机框的项目。长页面模式——在项目中，会遇到页面高度超过一屏的情况。

2、简单的交互。只需拖动即可实现页面跳转，还可以通过界面界面实现复杂的交互，多种手势和转场效果，可以实现一个媲美真实产品体验的原型。自动化标注与图形切割。

3、支持运行分享，支持导出多种倍率的PNG图片 其实，关于工作流在我们的原型设计里面是很有可能会使用到的！如果你连它是什么意思都不知道的话，那么就真的很难运用起来了！好了，关于墨刀工作流的相关内容就分享这么多，学习更多墨刀技巧，就上~以上就是本文的全部内容，希望对大家的学习有所帮助，。

4、打开墨刀软件，首先就是在空白界面处使用矩形工具拖拽出一个矩形出来 接着你可以填充一下颜色以及向下扩展屏幕的高度 再将矩形拖拽到中央填充灰色 保存再点击运行，滚动鼠标就可以上下滑动页面了！如果需要对屏幕高度实现精确控制，也可以用鼠标直接拖动屏幕底部边框来调整屏幕高度。