AxureRP产品原型设计课件 第9章 团队项目与发布输出

本章介绍：AxureRP的团队项目与发布功能是实现设计协作和原型共享的强大工具。它不仅简化了设计流程，还提高了团队工作的透明度和效率。本章对AxureRP的团队项目、Axure云、发布查看原型以及生成器的使用进行系统讲解。通过对本章的学习，读者可以对AxureRP的团队项目与发布输出有一个全面的认识，并快速掌握团队项目与发布输出的常用技巧以及AI辅助设计交付的技巧。第9章团队项目与发布输出知识目标熟悉并理解AxureRP的团队项目熟悉并理解Axure云掌握AxureRP的常用生成器能力目标具备使用AxureRP团队项目和云的能力具备操作AxureRP生成器能力熟悉Pixso的使用素质目标培养较强的自我学习与技术更新能力培养在原型设计方面的工作协调能力和组织管理能力培养良好的责任心和团队合作精神9.1Axure云Axure云是一个托管HTML原型的在线服务。该服务运行在亚马逊的云基础设施上，具有较好的可靠性和安全性。访问Axure云的官方网站即可查看相关服务。课堂案例——创建自己的Axure云账户创建Axure云账户发布到Axure云9.1.1课堂案例——创建自己的Axure云账户使用“登录”按钮跳转到Axure账户注册页面并注册账户。效果图9.1.2创建Axure云账户如今Axure云完全免费，每个账户可以创建100个项目，每个项目的大小限制为100MB。在使用Axure云之前，需要先注册一个账户，选择“账户>登录您的Axure账户”命令。在弹出的“登录”对话框中单击下方的“Createanaccount”（创建账户）超链接，即可跳转至注册页面。9.1.3发布到Axure云将产品原型托管在Axure云上并分享链接给利益相关者，就可以使用HTML原型与利益相关者进行离线讨论。单击工具栏中的“共享”按钮或选择“发布>发布到Axure云”命令。在弹出的“发布项目”对话框中单击顶部的“发布到Axure云”选项，会弹出下拉列表。9.1.3发布到Axure云1．发布到Axure云选择“发布到Axure云”选项，输入项目名称和共享链接的密码后单击“发布”按钮，稍等一会儿，即可当前项目发送到Axure云。9.1.3发布到Axure云2．发布到本地选择“PublishLocally”（发布到本地）选项，为项目设置本地路径后单击“PublishLocally”按钮，即可将项目文件发布到本地设备的指定位置。9.1.3发布到Axure云3．管理服务器选择“发布到Axure云”选项，在弹出的“发布项目”对话框中单击按钮，即可利用展开的项目输出配置面板设置项目的页面、说明、交互以及字体。9.2团队项目一个大型项目通常不是由个人独立完成的，而是需要多个人，甚至数十人共同合作来完成。团队项目使多个AxureRP用户可以共同创作一套产品原型。课堂案例——创建中式糕点H5团队项目创建团队项目加入团队项目打开团队项目编辑项目文件9.2.1课堂案例——创建中式糕点H5团队项目使用“从当前文件创建团队项目”命令创建团队项目。效果图9.2.2创建团队项目选择“文件>新建”命令或按Ctrl+N组合键，新建一个AxureRP文件。选择“团队>从当前文件创建团队项目”命令，即可开始创建团队项目。选择“文件>新建团队项目”命令，在弹出的“创建团队项目”对话框中可以创建团队项目。9.2.3加入团队项目在“创建团队项目”对话框中，可以通过“InviteUsers”（邀请用户）和“MakeURLPublic”（将URL公开）两种方式邀请团队成员加入项目。9.2.3加入团队项目1．邀请用户单击“InviteUsers”按钮，即可跳转至Axure云页面进行登陆。2．将URL公开单击“MakeURLPublic”按钮，即可打开Axure云页面，将鼠标指针移到项目文件上，单击“Preview”（预览）按钮即可预览当前页面。9.2.4打开团队项目选择“文件>获取并打开团队项目”命令，或选择“团队>获取并打开团队项目”命令。在弹出的“获取团队项目”对话框中单击“选择团队项目”下方的按钮。单击“获取团队项目”按钮，即可打开团队项目。9.2.5编辑项目文件单击“页面”面板中页面右侧的蓝色图标，在弹出的菜单中选择“签出”命令即可将页面签出。签出页面右侧将显示绿色图标。

9.3发布查看原型完成操作后，单击工具栏中的“预览”按钮或按Ctrl+.组合键，即可在浏览器中查看原型效果。选择“发布>预览”命令，也可以在浏览器中查看原型效果。

课堂案例——查看中式糕点H5原型浏览器播放器9.3.1课堂案例——查看中式糕点H5原型使用“预览”按钮查看原型效果。效果图9.3.2浏览器预览项目文件时，AxureRP会在用户计算机设置的默认浏览器中打开项目文件。“Edge”表示项目文件将在Edge浏览器中打开。如果用户计算机中安装了其他浏览器，AxureRP会自动识别并添加到“预览选项”对话框的“浏览器”下方以供选择。

9.3.3播放器选择“Default”选项，浏览器将在页面顶部显示页面列表。选择“打开页面列表”选项，预览产品原型时页面列表会显示在页面的左侧。

9.4使用生成器在AxureRP中，生成器为用户提供了不同的生成标准。其中HTML生成器和Word生成器最为常用。在“发布”菜单中可以选择这两种生成器。

课堂案例——基于中式糕点H5原型生成HTML文件HTML生成器Word生成器更多生成器9.4.1课堂案例——基于中式糕点H5原型生成HTML文件使用“生成HTML文件”命令完成原型的发布。效果图9.4.2HTML生成器选择“发布>生成HTML文件”命令，在弹出的“发布项目”对话框中可以配置“HTML1（默认）”生成器。

9.4.2HTML生成器1.页面在“页面”选项卡中可以选择发布的页面，默认情况下，将发布全部页面。取消勾选“发布全部页面”复选框，可以在下方列表中选择要发布的页面。

9.4.2HTML生成器2．说明在“说明”选项卡中可以选择发布的文件中是否包含元件说明和页面说明等。3．交互在“交互”选项卡中设置情形动作和元件引用页面，可以提升页面的交互体验。

9.4.2HTML生成器4．字体AxureRP中的默认字体是Arial，在“Fonts”选项卡中添加字体和字体映射，可以获得更好的页面预览效果。

9.4.3Word生成器利用Word生成器，可以将原型文件导出为Word格式的说明文档。选择“发布>生成Word说明书”命令，在弹出的“生成说明书”对话框中即可创建Word说明书。

9.4.3Word生成器1．常规在“常规”选项卡中，可以设置生成的Word说明书的位置和名称。2．页面在“页面”选项卡中，可以选择Word说明书包含的内容。

9.4.3Word生成器3．母版在“母版”选项卡中，可以选择和设置需要出现在Word说明书中的母版。4．Properties在“Properties”选项卡中，可以选择Word说明书是否包含页面说明、页面交互、母版列表、母版使用情况报告、动态面板以及中继器等内容。

9.4.3Word生成器5．Screenshot在“Screenshot”（快照）选项卡中，可以设置所有页面的屏幕快照都自动更新，还可以创建脚注等。6．元件在“元件”选项卡中，可以对Word说明书中包含的元件说明信息进行管理。

9.4.3Word生成器7．Layout“Layout”（布局）选项卡提供了Word说明书的页面布局方式，可以选择采用单列或多列的方式排列页面。8．Template在“Template”（模板）选项卡中，可以完成Word说明书中模板的设置，允许使用Word内置样式或AxureRP默认样式创建模板文件，并将模板文件应用到Word说明书中。

9.4.4更多生成器除了HTML生成器和Word生成器，AxureRP9还提供了CSV生成器和打印生成器。选择“发布>更多生成器和配置文件”命令，即可打开“生成器配置”对话框。

9.4.4更多生成器1．CSV生成器CSV是一种常见的文件格式，在商业领域和科学领域广泛应用。其主要用途是作为不同程序间传递表格数据的桥梁，尤其是当这些程序使用不兼容的格式（往往是私有的、不规范的格式）时。选择“生成器配置”对话框中的“CSVReport1”选项。

9.4.4更多生成器2．打印生成器有时需要将产品原型打印出来，以便随时随地查看原型。打印生成器允许为需要打印的不同页面设置不同的打印参数，避免了每次打印都要重新设置的麻烦。选择“生成器配置”对话框中的“Print1（默认）”选项。

9.5课堂