需要特别说明的是,Axure RP 6.5 是一个非常古老的版本，发布于2012年左右，虽然核心交互逻辑与新版（如9.0, 10.0）基本相通，但在界面、功能和某些操作细节上已有较大差异，本教程会特别关注 6.5 版本的特点，并指出与新版可能存在的差异。
（图片来源网络，侵删）
第一部分：准备工作与界面初识
为什么是 Axure RP 6.5？
如果你正在使用这个版本,可能是因为：
- 学习/怀旧： 想了解早期原型设计的工具。
- 项目兼容： 需要打开或维护非常古老的项目文件。
- 硬件限制： 旧电脑无法运行新版 Axure。
Axure RP 6.5 界面概览
启动 Axure RP 6.5 后，你会看到经典的界面布局，主要由以下几部分组成：
- 菜单栏: 文件、编辑、视图、布局、交互、发布、帮助等。
- 工具栏: 常用操作的快捷按钮，如新建、打开、保存、预览、撤销/重做等。
- 左侧面板:
- 页面地图: 管理你的所有页面和流程图，类似一个网站的sitemap。
- 元件库: 存放所有可以拖拽到画布上的UI元素（按钮、文本框、图片等）。
- 中间画布: 你进行设计和布局的主要工作区域。
- 右侧面板:
- 样式面板: 设置选中元件的字体、颜色、边框、尺寸等。
- 交互面板: 这是Axure的核心！ 用于给元件添加交互行为和逻辑。
- 说明面板: 为元件添加注释，方便团队沟通。
第二部分：基础入门 - 制作你的第一个静态页面
步骤 1：创建新项目
- 点击菜单栏
文件->新建，或直接点击工具栏的“新建”按钮。 - 在左侧的“页面地图”中，默认会有一个
Page 1，你可以右键点击它，选择重命名，比如改成“首页”。
步骤 2：添加和排列元件
- 从左侧的“元件库”中，拖拽一个
矩形到画布上，这个矩形可以当作一个按钮或一个内容区域的背景。 - 再拖拽一个
水平线到矩形内部下方，当作分割线。 - 拖拽一个 到矩形上方，输入文字“欢迎来到我的网站”。
- 拖拽一个
文本框到矩形下方，可以在这里输入一些说明文字。 - 排列技巧：
- 选中多个元件后,可以使用菜单栏
布局中的对齐、分布、组合等功能来让布局更整齐。 - 按住
Ctrl键拖动元件，可以快速复制一个。
- 选中多个元件后,可以使用菜单栏
步骤 3：设置样式
- 画布上的“欢迎来到我的网站”文字标签。
- 在右侧的“样式”面板中，你可以修改：
- 字体: 选择一种字体，如“微软雅黑”。
- 字号: 调整文字大小。
- 颜色: 改变文字颜色。
- 粗体/斜体: 加粗或倾斜文字。
- 选中矩形,在“样式”面板中修改其
填充颜色（背景色）和边框（颜色、粗细）。
你的第一个静态页面就完成了！点击工具栏的 预览 按钮（一个看起来像播放器的图标），就可以在浏览器中看到你的设计稿。
第三部分：核心进阶 - 添加交互与动态面板
这是 Axure 的精髓所在，让静态原型“活”起来。
（图片来源网络，侵删）
示例 1：简单的页面跳转（点击按钮去新页面）
- 创建目标页面： 在左侧“页面地图”中，右键点击“首页”，选择
添加页面，命名为“关于我们”。 - 添加按钮： 在“首页”画布上，拖拽一个
按钮元件，文字写“了解更多”。 - 添加交互：
- 选中“了解更多”按钮。
- 在右侧的 交互 面板中，点击
新建交互。 - 在弹出的事件列表中,选择
单击时(因为你想在用户点击按钮时触发动作)。 - 在下方的新建动作列表中,选择
打开链接。 - 在右侧的配置中,选择
链接到->当前项目的页面，然后从下拉菜单中选择“关于我们”页面。
- 预览： 再次点击预览，点击“了解更多”按钮，页面就会跳转到“关于我们”页面。
示例 2：制作一个简单的选项卡
选项卡是动态面板的经典应用。
- 创建动态面板： 从元件库中拖拽一个
动态面板到画布上，给它一个合适的尺寸。 - 添加状态：
- 选中这个动态面板,在右侧的 交互 面板下方，你会看到
状态选项。 - 点击
新建状态，命名为“选项卡1内容”，再新建一个状态，命名为“选项卡2内容”。 - 现在你有了两个“状态”，就像两个独立的画布。
- 选中这个动态面板,在右侧的 交互 面板下方，你会看到
- 设计状态内容：
- 在“交互”面板的状态列表中，点击选中“选项卡1内容”。
- 你会看到动态面板的画布区域变成了可以编辑的状态,在里面放置一些文本或图片，这是“选项卡1”要显示的内容。
- 同样地,点击选中“选项卡2内容”，放置不同的内容。
- 制作选项卡标签： 在动态面板的上方，创建两个矩形或按钮，分别写“标签1”和“标签2”。
- 添加交互逻辑：
- 选中“标签1”按钮。
- 在 交互 面板，
新建交互->单击时->设置面板状态。 - 在配置中,选择动态面板的名称，然后选择目标状态为
选项卡1内容。勾选“选中” (非常重要！这会让标签1看起来像是被选中的状态)。 - 用同样的方法为“标签2”按钮添加交互：
单击时->设置面板状态->选项卡2内容，并勾选“选中”。
- 设置选中样式：
- 回到画布,选中“标签1”按钮，在右侧 样式 面板中，设置一个背景色（比如蓝色）。
- 选中“标签2”按钮，同样设置一个背景色（比如灰色）。
- 在 交互 面板中，找到刚才为“标签1”添加的交互，点击编辑，在
设置面板状态动作下方，点击添加用例->设置样式。 - 选择“标签1”按钮作为目标，将其背景色设置为蓝色（选中色）。
- 再添加一个
设置样式，选择“标签2”按钮，将其背景色设置为灰色（未选中色）。 - 对“标签2”按钮的交互也做同样的设置，逻辑相反。
- 预览： 点击预览，当你点击“标签1”时，动态面板显示内容1，标签1”变成蓝色，“标签2”恢复灰色，点击“标签2”则反之，一个简单的选项卡就完成了！
第四部分：常用交互与逻辑详解
在 交互 面板的 单击时 事件下，除了 打开链接 和 设置面板状态，还有其他常用动作：
- 显示/隐藏:
- 用途：点击一个“关闭”按钮，隐藏一个弹窗。
- 操作：
单击时->显示/隐藏-> 选择要操作的元件 -> 选择隐藏。
- 移动:
- 用途：制作一个滑动的菜单或抽屉。
- 操作：
单击时->移动-> 选择要移动的元件 -> 设置目标位置(可以是相对位置或绝对坐标) -> 选择动画效果(如线性,缓入缓出)。
- 设置文本:
- 用途：点击按钮后，改变某个文本框里的内容。
- 操作：
单击时->设置文本-> 选择目标文本框 -> 在下方选择文本或用函数设置值-> 输入要显示的文字，如“提交成功！”。
- 载入时:
- 用途：在页面一打开时就执行某些动作，比如显示欢迎信息。
- 操作：在右侧面板的事件列表中选择
载入时，然后添加动作，逻辑与单击时类似。
第五部分：生成与分享原型
-
生成HTML原型：
- 点击菜单栏
文件->生成HTML...。 - 在弹出的窗口中,选择一个本地文件夹来保存生成的文件。
- Axure会生成一个
index.html文件和一堆其他文件。 - 分享方法： 你可以直接把这个文件夹发给同事，让他们用浏览器打开
index.html即可查看，也可以使用简单的Web服务器（如Python的http.server）来分享，以避免某些浏览器的跨域问题。
- 点击菜单栏
-
Axure Share (在线分享)：
（图片来源网络，侵删）- Axure 6.5 时代，Axure Share 是官方的在线托管服务。
- 点击菜单栏
发布->Axure Share...。 - 你需要注册一个Axure Share账号，然后将原型上传到云端。
- 上传成功后,你会得到一个链接，可以分享给任何人在线查看。
- 注意： Axure Share的免费服务可能已经停止或收费，这个功能在新版中演变成了Axure Cloud。
重要提示：Axure RP 6.5 与新版的差异
- 界面差异： 新版（如9.0）的界面更现代化，将“样式”和“交互”面板合并为了一个“概要”面板，通过标签页切换，6.5是分开的两个独立面板。
- 元件差异： 新版增加了更多内置元件，如流程图、表格、图标字体等，6.5的元件库相对基础。
- 功能差异：
- 母版: 在6.5中叫
Master，功能和新版Master或组件类似，用于复用布局。 - 自适应视图: 新版有强大的自适应功能，一套设计稿可以适配不同屏幕，6.5时代没有这个概念，需要手动创建不同尺寸的页面。
- 变量和函数： 新版的函数系统更强大，表达式也更灵活，6.5的函数功能足够完成大部分工作，但语法可能略有不同。
- 团队协作： 新版的团队库功能比6.5的团队协作方式更高效。
- 母版: 在6.5中叫
学习资源建议
由于 6.5 版本太老，现在几乎找不到专门针对它的视频教程，最佳策略是：
- 找新版教程理解概念： 在B站、YouTube或Axure官网寻找 Axure RP 9 或 10 的入门教程。重点关注交互逻辑（事件、动作、用例），这些核心概念在10多年里基本没变。
- 在6.5中实践： 看完新版教程的一个概念后，立刻回到你的 Axure 6.5 环境中，按照 6.5 的界面和操作方式（比如在独立的“交互”面板里操作）来实现它。
- 查阅官方文档（存档）： 可以尝试搜索
Axure RP 6.5 official documentation或Axure RP 6.5 manual，找到老版本的PDF文档，里面会有最权威的功能说明。
希望这份教程能帮助你顺利上手 Axure RP 6.5！祝你原型设计愉快！
