Axure 导出 HTML 全攻略
本文提供 Axure 入门的详细教程
腾讯自研设计协作平台：产品经理·设计师·研发·项目管理人群必备神器
Axure 是一款功能强大的原型设计和线框图工具，广泛应用于 UI/UX 设计领域。导出 HTML 文件是 Axure 的一项重要功能，它可以将设计原型转换为可交互的 HTML 文件，方便分享和展示。本文将详细介绍如何使用 Axure 导出 HTML 文件，帮助你更好地展示设计成果。
导出前的准备工作
在开始导出 HTML 文件之前，确保你已经完成了以下准备工作：
- 安装 Axure： 确保你的计算机上已经安装了 Axure RP 软件。如果还没有安装，可以访问 Axure 官方网站 (opens new window) 下载并安装最新版本。
- 绘制原型图： 打开 Axure 并完成你的设计项目，确保所有页面和交互都已经设置完毕。
导出 HTML 文件
打开项目文件： 启动 Axure RP，打开你要导出的项目文件。
选择导出选项： 在菜单栏中，点击“发布” > “生成 HTML 文件”（或按快捷键 Ctrl + Shift + B）。
设置导出选项： 在弹出的“生成 HTML 文件”对话框中，你可以进行以下设置：
- 生成文件夹：选择导出 HTML 文件的保存位置。
- 页面范围：选择要导出的页面范围，可以选择导出所有页面或指定页面。
- 生成选项：设置是否包含注释、生成图像的格式（PNG 或 JPG）等。
高级设置（可选）： 点击“高级设置”按钮，可以进行更多的自定义设置，如：
- 页面尺寸：设置导出页面的尺寸。
- 字体设置：选择导出 HTML 文件中使用的字体。
- 交互设置：设置交互效果的细节，如鼠标悬停、点击等。
生成 HTML 文件： 设置完成后，点击“生成”按钮，Axure 将开始生成 HTML 文件。生成过程可能需要几秒钟到几分钟，具体时间取决于项目的复杂度。
查看导出结果： 生成完成后，Axure 会自动打开导出文件夹。你可以双击 index.html 文件，在浏览器中查看导出的 HTML 原型。
使用 CoDesign 插件导出 Axure
产品设计研发团队成员可以在腾讯 CoDesign for Axure (opens new window) 插件上实时预览原型文件，告别导出、压缩、打包文档等重复工作，一键即可将 Axure 文档上传至腾讯 CoDesign 的产品原型，并与设计稿独立展示，查看体验更友好。快来体验 Axure 和腾讯 CoDesign，提升你的设计工作效率吧！
