墨刀（modao）原型设计入门教程
本教程主要帮助开发者快速掌握墨刀的核心操作，实现从产品狗随刀高保真交互原型的飞跃
一 墨刀的四大核心支柱
在开始操作之前要理解四个概念，他们构成了墨刀的设计逻辑：
1.界面：承载内容的画布。
2.组件/母版：可复用的UI单元，不仅仅可以自己设计（点击设计的元素能添加到自己的组件库），也能使用官方的组件库，对于已经存在的母版，如果修改了母版所有使用的母版同步修改
3.交互连线：连接界面或者状态的逻辑线，双击点击组件，进入组件之后组件的旁边有个闪电标志，能够控制交互联系
当交互连线连接到其他内容之后能控制其他内容的状态
4.状态：能解决局部的交互，能控制一个按钮能否使用，一个弹窗的显示和隐去，
二 工作区布局说明
其实墨刀的工作区很明了，很容易上手
1.左侧面板
1）目录部分
目录部分类似于画布的资源管理器，能管理所有的画布资源，能创建新的画布和画布文件夹方便管理
2）组件部分
能选用不少官方留给创作者的模板组件能随便使用，也能自己创建组件/母版，放到”我的“里面
3）模板部分
就是一些现成的页面模板，比如一些登录注册界面这种比较简单复用只需要修改很少一部分的模板，用起来就会很方便
4）图标部分
就是一些图标
5）图片部分
能使用官方的图片库，也能上传图片到“我的”部分使用自己的图片
6）资源部分
能上传一些外界的组件资源，比如 比较出名的像饿了吗开发的elementPlus，只要上传了这些组件库之后就能在这里使用上传的组件库了
7）工具部分
能使用一些官方提供的工具
2.右侧面板
右侧面板主要是用于操作面板元素的属性和元素的交互内容，调整样式，查看标注的代码
3.顶部面板
主要是一些常用的工具比如插入文本，矩形，连线等
三 标准化的设计工作流
1.项目的初始化
创建项目：选择设备的类型（手机/平板/pc）和具体型号
全局设置：在右侧的面板设置面板的背景色和全局的字体样式
2.界面搭建
快速绘图：使用快捷键R（矩形），T（文字），L（直线）进行快速的绘制
应用组件：从组件库中直接拖拽ios的组件库和material Design控件节省绘制的时间
自动布局：选中画布中的多个元素利用右侧的对齐工具（左对齐，水平均分等）
3.母版化处理
操作：选中如”底部导航栏“，选择改为母版，然后将这个母版使用在其他部分，能在修改母版之后，其他地方同步更改
4.添加交互
页面跳转：选中组件，点击闪电图标，拖拽连线到目标界面
微交互（状态机：在右侧界面点击添加状态，在状态二中修改元素（如让侧边栏向右移动200px），连线设置将里面的切换状态设置为动效为缓入缓出
四 开发者协作和交付
墨刀不仅仅是原型工具，更是一个协作平台：
- 一键分享：点击分享生成链接或者二维码，手机扫码就能直接交互
- 标注模式，开发人员打开连接，点击页面元素就能看见CSS代码等
- 批注功能：团队成员可以在原型任意的位置打开并留言，实时同步需求