一、三台阶工作法：先糙后细
原型不是「一步到位」的，而是三级台阶，每级有各自的用途。最常见的错误就是一上来画高保真——方向没对齐之前，灰盒线框改起来最便宜。
三个台阶的用途速记：
- ① 线框稿（低保真）：灰色矩形摆位置、定信息层级——用来沟通方向，改起来最便宜。
- ② 高保真：带颜色、样式、真实文案——用来评审方案，让设计/开发/老板看到最终观感。
- ③ 可交互原型：能点能跳、能走完流程——用来测试可用性，验证用户会不会用。
- 纪律：方向没对齐前别跳级；每级验收通过再上下一级。
二、工具选型：Axure vs Figma
市面上原型工具很多，主流就两派。选型原则：团队用什么你就用什么，个人练习则按目标场景选。
| 维度 | Axure | Figma |
|---|---|---|
| 定位 | 老牌专业，原型工具「祖师爷」 | 协作主流，设计 + 原型一体 |
| 强项 | 复杂交互逻辑（动态面板、条件判断） | 多人实时协作、组件库、生态插件 |
| 学习曲线 | 偏陡，交互功能强大但上手慢 | 平缓，拖拽即会，中文教程多 |
| 适用场景 | ToB / 复杂流程 / 严谨交互稿 | ToC / 团队协作 / 跨端同步 |
| 交付形态 | 导出 HTML / 分享链接 | 在线链接即看即评，自动切图 |
新手建议：先从 Figma 入门（上手快、教程多、协作方便），等遇到复杂交互需求再补 Axure——或者反过来：所在团队用什么，就直接学什么。
三、一个原型的完整制作流程
先想后画：写清楚需求
打开画布之前，先用一两句话写清：给谁、解决什么、核心流程是什么。原型是需求的表达，不是替代。
画信息架构 + 页面清单
把「有哪些页面、页面之间怎么跳」用树状图列出来——先有骨架，再填肉。
线框稿：一页一框
每页用灰盒画出模块位置和层级，标出关键按钮。这一步重点在「信息结构」，不在「好看」。
连交互：把流程走通
把按钮连上跳转，走一遍核心流程（如注册→首页→下单），确保「路」是通的。
高保真：加样式文案
方向确认后，补颜色、字体、真实文案，让评审的人看到最终观感。
标注交付
标注交互细节（状态、异常、边界）后交付评审；开发阶段配合答疑。
新手的坑：① 一上来画高保真（先糙后细）；② 只画「happy path」不画异常态（空态、加载、报错）；③ 用真实用户数据做演示（隐私问题）；④ 画完不连交互（评审时只能「看图说话」）。
四、必须掌握的常用功能（以 Figma/Axure 为例）
- 页面与画板：会建页面、改尺寸、设网格——所有工具的基础。
- 组件与复用：按钮、输入框做成组件，改一处全站生效——效率翻倍的关键。
- 自动布局（Figma）/ 动态面板（Axure）：做列表、做状态切换的核心能力。
- 交互连线：点击跳转、悬停效果、条件分支——把原型「跑起来」。
- 分享与评审：生成链接、留评论、收集反馈——原型是沟通工具，不是个人作品。
- 标注与切图：交付给开发的关键动作，Figma 里近乎免费。
五、学习路线：两周上手
第 1~2 天：界面扫盲
跟着入门视频把工具栏过一遍，画一个「假 App 首页」练手，熟悉画板、矩形、文字。
第 3~4 天：组件 + 布局
学组件复用和自动布局，把首页升级成列表页 + 详情页。
第 5~7 天：交互连线
把三个页面连起来走通一个流程（比如「列表 → 详情 → 购买」）。
第 2 周：做一个完整小项目
选一个你熟悉的 App 的 3~5 个核心页面，完整复制一遍（含交互）——做完你就「会」了。
和知识体系联动：原型主要服务「开发落地」环节——它是需求文档和开发团队之间的「共同语言」。
六、视频实操：跟着屏幕做一遍
图解讲「怎么想」，视频讲「怎么点」——下面这套 Axure 9 全套教程从零基础到原型设计，适合照着屏幕一步步做。
Axure 9 全套视频教程 · 从零基础到原型设计 · 与「三台阶工作法」配合看