做一个墨刀的基础使用教程，快速构建移动应用原型与线
发表时间：2023-09-20 20:51:34
文章来源：炫佑科技
浏览次数：136
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
Ink Knife是一款原型设计工具，可以快速构建移动应用原型和线框图，并支持云存储和实时手机预览。 今天主要给大家介绍一下墨刀的使用方法的基础教程。 我不会重点介绍和比较各个原型工具的优缺点（如果有时间，我会单独对原型工具做对比分析）。 希望本教程能够帮助墨刀初学者快速上手该软件。
那么我们现在开始创建应用程序
首先打开Mokou软件，新建一个应用程序，选择应用程序类型（这里我选择的是设备），输入应用程序名称、设备类型和应用程序大小，点击创建按钮完成应用程序创建。
制作底部导航栏
新建应用的标题栏会自动显示应用的名称（大家都是产品经理），标题栏文字可以自己修改。
制作衬里导航栏，请从左侧“组件”栏中找到底部组件并将其拖到应用程序中。 尺寸和款式可以自己修改。 然后拖入三个导航标签并修改标签的位置和名称。 这样就完成了底部导航栏的制作。
制作页面
然后我们开始简单制作一个“产品经理”主页的原型。 在左侧“组件”栏中找到搜索组件，将其拖入App首页。 在“主”栏中找到轮播模板并将其拖入应用程序中。 之中。 Ink Knife中有一些已经准备好的组件或母版可以直接拖进去，以加快创建原型的时间。
然后回到“组件”栏手机小程序制作，插入主页的图片和文字。 图像调整位于右侧的设置栏中。 建议直接拖入图片，然后用鼠标调整大小。 这样会更方便。 文字调整在左侧的主题栏中。 您可以调整文本的大小和样式，然后使用鼠标将其移动到适当的位置。
创建页面
点击软件右上角的“+新页面”即可生成新页面。 每个页面都具有复制、删除、添加子页面的功能。 给新页面添加标题栏，复制首页底部导航，粘贴到新页面。 注意，粘贴时用于粘贴到“原来的位置”。 制作您的“发现”页面和“我的”页面像这样。
页面跳转
这里介绍一下墨刀一个非常独特的功能，就是通过连接在页面之间进行跳转。 通过选择应用程序中的任何控件、图片或文本，您可以通过添加手势和页面切换来在页面之间跳转。 优点是操作方便，比较直观。 缺点是如果页面比较复杂，跳转较多，就会出现很多相交线，很容易出现连接错误。
您可以通过连接方式快速切换底部导航。 设置完成后，选择右上角的运行按钮即可查看实际效果。 效果如下：
添加全局手势
*后说一下移动端一个比较重要的功能。 要将全局手势添加到应用程序中，请在左侧“组件”栏中找到全局手势组件，将其拖动到应用程序的任意位置，然后选择发起手势后要跳转到的页面，并选择手势方法还有动画效果就够了。
使用全局手势组件为您的应用程序添加滑动页面切换效果。 运行测试，效果如下。
手机预览
手机预览功能可以让您直接将原型导入到手机上进行查看。 您只需在运行界面点击“分享”，用手机浏览器（可使用 App）扫描二维码，即可直接在手机上查看原型。 您可以更方便地向团队演示和解释您的原型。
总结发言
“墨刀”总体来说操作起来很方便。 如果你有其他原型工具的基础，使用起来可能会更容易。 支持手机预览功能，更方便移动产品的创作和展示。 我还建议应用程序产品或设计师使用墨刀快速创建原型，这可以加快他们的制作和演示时间。
作者：，新产品，交互设计师，刚刚开始写做一个墨刀的基础使用教程，快速构建移动应用原型与线，欢迎各位高手提供宝贵的建议。
