墨刀MockingBot

墨刀MockingBot是一款面向产品经理和UI/UX设计师的免费移动应用原型设计工具，主打快速应用原型与线框图。它支持云端保存、实时手机预览，兼容iOS和安卓平台，内置多种手势、页面切换特效及主题模板，上手门槛低，适合团队协作和快速验证想法。是画线框图还是做交互演示，墨刀都能让想法在几分钟内变成可点击的屏幕原型。

上手实测：电脑端与手机端的关键差异

1、 安装时务必关闭杀毒软件，否则核心文件可能被误删，导致软件闪退或启动失败

2、 首次启动必须授予存储权限，不授权的话项目将无法正常保存或加载

3、 安装路径不要改成中文，默认英文路径最稳妥，否则容易频繁弹出报错

4、 电脑端建议开启硬件加速，拖拽画布和组件时会明显更跟手、更流畅

5、 手机端用完记得从后台划掉应用，不然容易卡顿并增加耗电

6、 自动备份间隔建议调到5分钟，即使崩溃或误操作，损失也能控制在最小范围

7、 存储位置尽量选D盘或SD卡，避开系统盘，减少空间不足的告警

8、 电脑端随时按Ctrl+S保存，手机端则支持摇一摇手势调出撤销确认，挺方便

9、 如果提示缺少运行库，装一遍Microsoft Visual C++ Redistributable就能解决

10、 加载项目失败时，先关掉网络代理再重试；黑屏或卡顿就清理缓存，路径为设置→存储→清理

快捷键速查：从选择到对齐的常用操作

- 选择工具按V，矩形工具按R，圆形工具按O，文本工具按T，画板工具按A

- 编组用Ctrl+G，取消编组按Ctrl+Shift+G，复制、粘贴、剪切分别用Ctrl+C/V/X

- 撤销和重做对应Ctrl+Z、Ctrl+Y，保存项目直接Ctrl+S

- 删除选中元素按Delete，层级调整上移一层Ctrl+]、下移一层Ctrl+[，置于顶层Ctrl+Shift+]、底层Ctrl+Shift+[

- 视图缩放：放大Ctrl+=，缩小Ctrl+-，恢复100%用Ctrl+1，适应画布Ctrl+0，预览模式Ctrl+P

- 对齐操作：左对齐Ctrl+Shift+L，右对齐Ctrl+Shift+R，水平居中Ctrl+Shift+E，垂直居中Ctrl+Shift+C

- 锁定元素Ctrl+Alt+L，全部解锁Ctrl+Alt+Shift+L

手势操作：手机端触控交互一览

- 单指单击选中元素，单指拖动移动元素，双指捏合缩放画布，双指拖动平移视图

- 长按元素会弹出快捷编辑菜单，双击空白处能快速添加文本标注

- 三指左滑撤销上一步，三指右滑重做被撤销的内容，双指双击让画布适配屏幕

- 摇动手机可触发撤销确认弹窗，拖拽手柄则能调整元素尺寸

核心操作：链接、手势与定时器设置

1、 在墨刀里创建页面间链接很直观：选中组件，直接拖动组件右侧的小圆圈到目标页面，即可完成链接，链接关系一目了然

2、 链接创建后，右侧面板会显示选项，包含手势、切换动画和定时器三部分

3、 手势的可点击区域需要较大范围、目前支持全局手势、链接区域、图片和矩形、可选手势共有六种：点按、长按以及上下左右滑动

4、 页面切换动画提供了15种特效，拿不准效果时，鼠标移到预览框上就能实时查看，选起来很方便

5、 定时器可以设定自动跳转时间，到达设定时长后，即使没有任何操作，应用也会自动跳转到目标页面，适合做轮播图这类自动播放效果

进阶技巧：滚屏与侧滑菜单制作

- 做滚屏效果很简单：页面内容超过屏幕默认高度时，点击屏幕底部的“扩展屏幕高度”按钮，就能在预览模式下滚动查看超出部分

- 想精确控制高度，把鼠标移到屏幕底部边缘，待光标变成拖动图标后直接上下拖动即可调整

- 侧滑或抽屉菜单要用到全局手势组件。假设已有主页面、左滑菜单和右滑菜单三个页面，先拖两个全局手势组件到主页面任意位置

- 将其中一个手势组件与左侧菜单页相连，把手势设为“左滑动”，切换效果选“左菜单”；另一个手势连右侧菜单，设为“右滑动”和“右菜单”，点击运行就能看到菜单滑出效果