Axure RP
Axure 软件公司出品 · 桌面端原型工具 · 支持 Windows / Mac · 付费(有试用期)
它是什么:为什么叫「老牌专业」
- 历史地位:2000 年代初就存在的原型工具,是国内产品经理最早的一批「吃饭家伙」。
- 专业在哪:它不满足于「画静态图」,而是把交互逻辑(动态面板、条件、变量)做到极致——能做出真正「跑得起来」的可交互原型。
- 典型用户:ToB 产品经理、需要严谨交互稿的大厂、以及要演示复杂流程的团队。
- 和 Figma 的分工:协作与视觉走 Figma,复杂交互与严谨逻辑走 Axure——两者不冲突,互补。
核心功能拆解
- 画板与页面:像设计软件一样绘制页面,页面之间可自由跳转——基础中的基础。
- 动态面板:Axure 的灵魂功能——一个区域可以叠多套内容,按条件切换(如加载态/空态/成功态)。
- 中继器(Repeater):做列表/表格神器——一行数据模板,批量渲染,改数据全表更新。
- 条件逻辑与变量:支持 if/else、全局变量、局部变量——原型可以「记住」用户操作并据此响应。
- 母版(Master):公共组件(导航、页脚)做一次,全站引用——改一处全站生效。
- 团队协作:支持团队项目(SVN/云)多人协作,虽然体验不如 Figma 丝滑,但可用。
- 输出:生成 HTML 原型、导出 PNG、生成需求说明文档(Spec)——交付给开发和评审很方便。
上手步骤:第一周怎么学
1
第 1~2 天:界面与基本绘制
熟悉工作区:元件库(矩形、按钮、输入框、下拉)、画板、属性面板。画一个简单登录页。
2
第 3~4 天:交互连线
学「交互」面板:点击、悬停、页面跳转。把登录页和首页连起来,点按钮能跳转。
3
第 5~6 天:动态面板
这是 Axure 的分水岭——学动态面板的显示/隐藏、状态切换,做一个 Tab 切换。
4
第 7 天:做一个小项目
做一个「列表 → 详情 → 操作 → 反馈」的完整小流程,把前三步全用上。
进阶:Axure 能做多复杂的交互
很多 PM 只把 Axure 当「画图工具」用,浪费了它 80% 的能力。真正的用法是:
- 表单校验:空值提示、格式校验、提交成功/失败——用条件逻辑做出来,开发直接照抄逻辑。
- 权限演示:不同角色登录看到不同界面——用变量 + 条件实现,评审会上秒懂。
- 复杂状态机:订单从待支付→已支付→已发货→已签收的流转,用动态面板状态清晰呈现。
- 数据交互演示:中继器配合搜索框做「搜索过滤」的演示——比口头描述强十倍。
- 别过度:能用静态讲清的别做动态——原型是沟通工具,够用即可,别把时间耗在「炫技」上。
技巧与避坑
- 先线框后高保真:别一上来调样式——方向没对齐之前,灰盒改起来最便宜。
- 用母版管公共组件:导航、页脚做一次母版,别每个页面复制粘贴。
- 命名规范:页面、元件、动态面板都要命名——原型是给团队看的,不是自嗨。
- 常见坑:① 动态面板嵌套过深把自己绕晕;② 条件逻辑里写死变量导致演示翻车;③ 只画「正常路径」不画异常态(空态、报错)。
- 版本选择:团队统一版本(Axure 9/10),跨版本文件可能打不开——协作前先对齐。
视频学习:跟着屏幕做一遍
Axure 9 全套教程 · 从零基础到原型设计 · 按「上手步骤」边看边练