原型工具介绍—墨刀
1.简介:墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅 ,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。
2.功能介绍:
(1)操作简单
简单拖拽和设置,即可将想法、创意变成产品原型。
(2)演示
真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真。
(3)团队协作
与同事共同编辑原型,效率提升;一键分享发送给别人,分享便捷;还可在原型上打点、评论,收集反馈意见,高效协作。
(4)交互简单
简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型。
(5)自动标注及切图
将 Sketch 设计稿墨刀插件上传至墨刀,将项目链接分享给开发人员,无需登录可直接获取到每个元素宽高、间距、字体颜色等信息,支持一键下载多倍率切图。
(6)素材库
内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。
3.使用步骤
Step1:完成登录/注册绑定就进入了以下页面,选择创建空白项目。填写项目名称,选择完机型、型号和系统后点击“创建”。
Step2:创建页面结构
左侧创建页面结构,可以快速添加新页面,并且添加多级子页面
选中特定页面后,可以看到「添加子页面」、「添加子文件」、「创建副本」、「删除」等选项,进行更多操作
Step3:创建页面内容
墨刀创建页面内容非常的简单,从右边组件区拖拽组件到页面设计区,然后点击弹出的属性,设置面板及工具栏编辑其细节
主工具栏,可对组件进行对齐、置顶/置底、组合、横竖屏、网格线等操作
副工具栏及属性面板,点击对应属性,可设置其位置、颜色、圆角、透明度、等属性
Step4:应用预览、分享及下载
上侧可以对整个项目做一些操作,导入图片,保存,分享,工作流,运行等操作
原型制作过程中,可以随时检查原型的运行效果,还可以将原型分享给他人
点击工作区右上角的运行按钮,即可预览项目
4.例子
下面是我用墨刀制作的一个简单的微信demo,主要创建了一个底部导航栏,用于页面间的灵活交互。
5.编写此博客的心得:通过这次学习任务,我大致知道了墨刀的产品理念以及它的基本功能, 并且学会了如何使用墨刀,并能利用它实现一些简单的功能。