1.简介:墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅 ,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。

2.功能介绍:

  (1)操作简单

  简单拖拽和设置,即可将想法、创意变成产品原型。

    (2)演示

  真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真。

    (3)团队协作

  与同事共同编辑原型,效率提升;一键分享发送给别人,分享便捷;还可在原型上打点、评论,收集反馈意见,高效协作。

  (4)交互简单

  简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型。

  (5)自动标注及切图

  将 Sketch 设计稿墨刀插件上传至墨刀,将项目链接分享给开发人员,无需登录可直接获取到每个元素宽高、间距、字体颜色等信息,支持一键下载多倍率切图。

  (6)素材库

  内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。

3.使用步骤

Step1:完成登录/注册绑定就进入了以下页面,选择创建空白项目。填写项目名称,选择完机型、型号和系统后点击“创建”。

Step2:创建页面结构

左侧创建页面结构,可以快速添加新页面,并且添加多级子页面

选中特定页面后,可以看到「添加子页面」、「添加子文件」、「创建副本」、「删除」等选项进行更多操作

Step3:创建页面内容

墨刀创建页面内容非常的简单从右边组件区拖拽组件到页面设计区,然后点击弹出的属性设置面板及工具栏编辑其细节

主工具栏,可对组件进行对齐、置顶/置底、组合、横竖屏、网格线等操作

副工具栏及属性面板,点击对应属性,可设置其位置、颜色、圆角、透明度、等属性

Step4应用预览、分享及下载

上侧可以对整个项目做一些操作,导入图片,保存,分享,工作流,运行等操作

原型制作过程中,可以随时检查原型的运行效果,还可以将原型分享给他人

点击工作区右上角的运行按钮,即可预览项目

4.例子

下面是我用墨刀制作的一个简单的微信demo,主要创建了一个底部导航栏,用于页面间的灵活交互。

 

 

 

5.编写此博客的心得:通过这次学习任务,我大致知道了墨刀的产品理念以及它的基本功能, 并且学会了如何使用墨刀,并能利用它实现一些简单的功能。

 

版权声明:本文为zhlwxy原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/zhlwxy/p/13776594.html