墨刀用于在线制作手机、网页、平板或自定义尺寸的交互原型。它适合把需求文字转换为可点击流程,让产品、设计、研发和测试在开发前发现路径断点。开始时先完成一个核心任务,再补状态、规则和评审结论;过早装饰全部页面,反而会掩盖“用户能不能完成任务”这个更重要的问题。
先画一条从入口到结果的任务链
在项目管理区新建原型后,可选择设备类型或空白尺寸,再从组件库拖入基础元素。官方教程说明,选中组件旁的闪电图标并拖到目标页面即可建立跳转,事件面板还能配置行为和动效。第一轮只需画出入口、关键决策、提交与结果页,使团队能连续走完一次任务。
- 写清目标用户、触发条件和成功结果,页面名称沿用真实业务术语。
- 建立最短主流程,按钮必须有去向,返回、取消和关闭也要可执行。
- 用真实长度的标题、表单与列表测试布局,不让占位文字隐藏问题。
- 自己从头走一遍,再让不熟悉需求的人尝试并记录卡点。
页面状态比动效数量更接近真实产品
墨刀可为同一页面或组件建立不同状态,并通过事件切换,用于表达位置、颜色、大小或内容变化。登录、搜索、上传和支付等原型不能只有成功画面;至少要根据业务补充加载、空数据、输入错误、提交失败、无权限、重复操作和完成反馈。
| 状态 | 原型需回答 | 评审责任 |
|---|---|---|
| 加载中 | 等待时显示什么,能否取消 | 产品与研发确认超时策略 |
| 输入错误 | 错误位置、文案和修正方式 | 产品与设计确认反馈 |
| 无权限 | 为何受限,怎样申请或返回 | 业务与研发确认权限规则 |
| 提交成功 | 结果凭证、下一步和重复提交 | 测试据此形成验收用例 |
原型交互用于说明规则,不等于真实接口和数据逻辑。复杂条件要在旁注或需求文档中写明,不能只靠一段看起来顺畅的演示推断实现。
分享设置决定谁能看到哪一部分
官方分享说明列出密码、评论权限、PRD 查看权限、预览模式、批注显示与“可见页面”等选项。给客户、用户测试参与者和内部研发的链接不应共用一套范围:外部评审只开放必要页面,内部交付才附完整规则与评论;评审结束后复查仍有效的链接和成员。
企业空间、文件夹和项目可设置管理员、可编辑、仅查看等角色,文件夹下项目还会继承相应权限。交接时要同时检查项目所有者、文件夹成员与分享链接,不能只在群聊里宣布“停止访问”。每条关键评论应有负责人、处理结果和目标版本,最终结论回写正式需求。
现场演示和长期备份使用不同产物
在线链接适合持续评审;无网络演示可核对当前套餐是否提供 HTML 离线演示包。官方说明中的离线包包含入口页面、资源和交互脚本,解压后可在浏览器中走基本流程,但它仍是演示产物,不是可部署的业务应用。
- 交付前在另一台电脑打开离线包,检查字体、图片、跳转和浏览器限制。
- 同时保存原型项目、版本说明和需求文档,不把 HTML 包当作唯一源文件。
- 若从 Axure 等工具迁入,抽查组件、状态、页面层级和交互,不只比较首屏。
- 涉及真实用户测试时使用虚构数据,并事先说明记录方式与用途。
数据统计
相关导航
首款原生 Web 标准与 CSS 网格驱动的开源协同设计工具
Pixso
国产领先的企业级云端协同设计与产研交付平台
蓝湖
上传设计稿并管理研发版本、自动标注与多倍率切图
即时设计
配置设计交付权限、标注代码、切图倍率与文件迁移
Remove.bg
发丝级工业级智能自动抠图与背景去除平台
Excalidraw
极简手绘风开源在线白板与敏捷讨论协作工具
Figma
统治全球的专业云端协同 UI 与 UX 设计系统
TinyPNG
智能调色板量化压缩与批量图片优化工具
暂无评论...
