Axure 原型设计指南

Axure RP 是用于制作交互原型的软件。产品经理、交互设计师和业务分析师可以用它把页面结构、表单规则、状态变化及业务流程做成可操作的演示，在开发前检验需求。它适合回答“用户点击后会发生什么”“不同输入会进入哪个分支”等问题。

如果你第一次接触 Axure，可以先看功能与入门练习；如果已有项目需要交付，可直接查看 HTML 导出和分享方法。本文也会说明 Axure 与 Pixso 的协作方式及文件边界，帮助你按实际任务选择工具。

1. Axure 是什么软件，适合哪些任务？

Axure RP 以页面和元件为基础，通过事件、条件与动作构建原型。静态线框图能说明内容怎么排列，交互原型则能让评审者输入信息、切换状态、沿业务路径操作。需要确认的规则越多，原型就越需要清楚地表达每个分支。

• 产品经理和业务分析师：梳理审批、开户、下单等流程，说明字段校验、权限差异与异常处理。
• 交互设计师：验证弹窗、筛选、表单、分页和多状态页面，让参与者实际尝试关键任务。
• 设计与研发团队：结合原型和注释评审需求，明确页面状态及交付范围，减少只看截图产生的理解偏差。

例如，设计一个费用报销系统时，画出表单只是第一步。金额为空时怎么提示，超出额度时是否增加审批人，保存草稿后页面显示什么，都可以先在原型中演示。原型里的模拟数据和逻辑用于验证方案，正式上线仍需要研发实现真实的权限、存储和业务服务。

2. Axure 的关键功能：从线框图到业务交互

学习 Axure 时，建议按“画页面—设交互—补规则—做评审”的顺序理解功能，而不是一开始就记住所有面板。

交互的基本结构是“事件—用例—动作”：例如点击提交按钮后，先判断条件，再跳转页面或显示错误。动作有执行顺序；一个动作设置了变量，后续动作才能使用更新后的值。可结合 Axure 官方交互说明理解这种结构。

中继器适合模拟数据列表的变化。若表格只用于展示固定内容，普通表格通常更直接；需要在演示时新增、删除、筛选或排序时，再考虑中继器。两者的区别可查看 Axure 官方表格说明。

3. Axure 版本、官方下载、中文使用与费用

从哪里下载，使用哪个版本？

本次核对时，Axure 官网提供 Axure RP 11，支持 Windows 和 macOS，并提供 30 天试用。请从 Axure 官方下载页获取安装程序；团队已有项目时，先确认成员使用的版本，再决定是否升级，升级前保存原文件备份。

RP 11 增加了快速操作、页面与组件的画廊视图，以及更多样式和交互设置。旧版教程仍可以帮助理解页面与事件等概念，但具体入口可能不同。完整变化以 Axure RP 11 官方功能介绍为准，不要把 RP 8、RP 9、RP 10 的菜单截图当作新版界面。

搜索“Axure 中文版”时，应区分什么？

中文教程、第三方汉化资源、软件官方版本是不同概念。下载前应核对发布者与适用版本，软件语言选项以当前安装程序和官方说明为准。Pixso 是独立的产品设计协作工具，不是 Axure 的汉化版，也不是 Axure 的中文官网。

使用英文界面时，可先掌握这组常用词：Pages（页面）、Libraries（元件库）、Interactions（交互）、Conditions（条件）、Preview（预览）、Publish（发布）。按任务记住入口，比逐项翻译菜单更容易开始制作原型。

Axure 是免费软件吗？

Axure RP 提供试用，长期使用需要对应许可。官方价格页提供 Pro、Team 和 Enterprise 等选项，月付、年付与教育许可的条件不同。先确认是否需要团队项目，再按席位和计费周期核算成本。具体金额、税费和优惠以 Axure 官方定价页当时显示为准。

4. Axure 入门实操：制作一个可校验的申请表

与其先做一个庞大的后台，不如用两页原型练习完整流程。下面的练习目标是：用户填写项目名称并提交；名称为空时提示补充，填写后进入完成页。这是交互练习，只模拟页面行为，不会向真实系统提交申请。

第一步：明确页面与状态

创建“提交申请”和“提交完成”两个页面。在申请页放置一个文本输入框、一个提交按钮和一条错误提示。把输入框命名为“项目名称”，按钮命名为“提交申请”，错误提示写为“请填写项目名称”并设为初始隐藏。完成页显示“申请已提交”的演示文案。

第二步：配置成功分支

选中提交按钮，在 Interactions 中添加 Click or Tap 事件，为它设置 Open Link 动作，目标为完成页。给这个用例增加条件：项目名称输入框的文本不为空。用例命名为“填写后提交”，以便在原型变复杂时仍能读懂逻辑。

第三步：配置未填写分支

在同一个点击事件下增加第二个用例，并将它设为 Else If、无附加条件（true）的默认分支，用 Show/Hide 动作显示错误提示。第一条用例为 If（项目名称不为空时跳转），第二条在前一条件未满足时显示提示；不要把第二条也设为独立的 If，否则两个用例可能都被评估。若希望用户重新输入时收起提示，可在输入框获得焦点时增加隐藏提示的动作。

条件用例的先后关系会影响执行结果。上面的练习采用“符合条件执行跳转，否则显示提示”的结构，原理可查阅 Axure 官方条件逻辑说明。

第四步：按验收标准预览

• 输入框为空时点击提交：停留在当前页，错误提示出现。
• 输入示例项目名称后提交：跳转到完成页。
• 重新进入申请页：初始状态正确，不残留上次演示的提示。
• 再次编辑内容：提示行为与预期一致，按钮没有被透明元素遮挡。

这份练习只校验是否为空，空格、长度、重名等业务规则需要另行定义。完成基础版后，可增加“取消返回”“提交确认弹窗”和“待审批状态”，逐步学习动态面板与变量。衡量入门进度的标准，是能否独立完成并解释一条可测试的业务流程。

5. 如何导出 Axure HTML 原型并分享？

先区分交付物：.rp 是需要在 Axure 中继续制作的源文件；生成的 HTML 文件夹用于浏览器预览；截图主要用于静态说明。只发送一张图片无法保留交互，只发送一个 HTML 页面也可能缺少它依赖的图片和脚本。

1. 在原型中检查关键路径。先完成页面跳转、表单状态和异常提示的预览，确认需要交付的页面范围。
2. 生成 HTML 文件。在 Axure 中选择 Publish → Generate HTML Files，检查页面、注释等生成选项，并选择一个独立文件夹保存结果。菜单文字以安装版本为准。
3. 保留完整目录。不要仅复制单个页面文件；交付时保持 HTML、图片、样式和脚本的相对目录结构。
4. 换一个环境复核。用接收者的浏览器或设备验证入口页面、图片、字体及核心交互，尤其检查外部链接与嵌入内容。

如果希望直接发送访问链接，也可以通过 Publish → Publish to Axure Cloud 发布。根据项目需要设置访问码与评论选项，再把生成的链接发给评审者。相关入口可参考 官方 HTML 输出设置和 官方发布说明。

导出后出现缺图、字体变化或交互异常，先查哪里？

缺图时先看导出资源是否完整、文件夹是否被改名；字体变化时检查接收设备是否具备字体，或是否正确配置了 Web 字体；只有某个按钮没有反应时，检查它的条件是否满足、目标是否正确、上方是否有遮挡元件。浏览器或托管环境的访问限制也可能影响外部资源，应在最终交付环境里复测。

6. 将 Axure 原型带到 Pixso：先区分演示与编辑

团队希望把已有原型集中到 Pixso 查看时，可先在 Axure 中生成完整的 HTML 文件夹，将它压缩为未加密的 ZIP，再通过 Pixso 工作台的 Axure 导入入口上传。不要把 .rp 文件直接改成 .zip 后缀；改名并不会生成可演示的网页资源。

演示导入与可编辑设计稿转换需要分开判断。Axure 演示文件用于查看和演示生成的原型；能打开演示，不代表其中的页面、元件、中继器及交互逻辑已经全部转换成可在 Pixso 中编辑的对象。需要继续修改 Axure 原型逻辑时，应保留并使用原始 .rp 文件。

迁移前先选一个有代表性的小项目试导入，至少检查：首页能否打开、子页面能否跳转、动态面板能否切换、输入及校验能否运行、字体图片是否正常、分享权限是否合适。外部脚本、第三方嵌入或依赖网络的内容应单独验证，不能预先承诺每个文件都完整还原。

如果你的目标是在一个画布里继续设计界面并收集意见，可以进一步了解 Pixso 在线 UI 设计与协作；需要制作新的页面跳转和转场演示，可查看 Pixso 原型设计功能。先确定后续工作，再决定采用演示归档还是重新组织可编辑稿件。

7. Axure 与 Pixso 怎么选？按任务评估

选择工具时，先用团队的真实项目做一条完整流程，再比较交互深度、协作方式和交付成本。已有大量 Axure 业务原型的团队，不必为了统一工具而立即迁移全部文件。

Axure 支持团队项目协作：成员使用本地副本，编辑时签出页面等内容，完成后签入或发送变更。这种签入签出的协作方式，适合按页面分工维护团队项目。具体机制见 Axure 官方团队项目说明。

对于一边维护复杂业务原型、一边推进视觉设计的团队，两类工具也可以分工使用。评估时把源文件维护、审阅权限、历史版本和交付方式一起考虑，避免只比较一个功能或一个价格数字。

8. Axure 常见问题

学习 Axure 需要编程基础吗？

基础页面、跳转和弹窗可以通过界面配置。复杂原型需要理解条件、变量和执行顺序，逻辑思维会有帮助；初学者可以从一个小表单开始，再逐步加入更多规则。

Axure 自学要多久？

没有适用于所有人的固定天数。可以把目标分成三个阶段：先独立完成两页跳转，再完成带校验的表单，最后完成含异常分支的业务流程。能够解释条件并检查错误，比只跟着视频完成一次更能说明掌握程度。

Axure 的 RP 文件可以直接在浏览器里打开吗？

RP 是创作源文件。给其他人查看交互时，应生成并交付完整 HTML 原型，或发布为可访问的原型链接；直接把 RP 当作网页打开并不是同一流程。

Axure 能生成可以直接上线的业务系统吗？

Axure 原型能模拟输入、计算和跳转，用于开发前验证业务流程。正式业务系统还需要实现后端、数据库、账号权限和运行维护。

导入 Pixso 后，还需要保留 Axure 源文件吗？

需要。尤其是以 HTML/ZIP 演示方式导入时，应保留 RP 源文件及所用版本信息。演示可访问与源文件可编辑是两个独立的验收项目。

应该选 Axure 元件库，还是 Pixso 组件？

先看你在哪个工具里制作原型，再核对资源格式、软件版本与使用许可。外观相似的组件不代表文件格式相同；能在 Pixso 内复制使用的设计资源，也不能因此直接称为 Axure 原生元件库。