品牌型号：联想Yoga 14Sitl

系统：Windows 10 64位专业

软件版本：Axure rp 9

在使用Axure RP进行交互设计时，图片导入和原型导出是两项很常见且重要的操作。为了保住画面精美，设计中一般都会使用到图片，图片导入便成了高频的操作。而熟悉多种导出方法，则能更好地展示和分享设计成果。这两项技能是熟练运用Axure RP的重要基础，以下为大家介绍Axure rp怎么导入图片以及Axure rp怎么导出的相关内容。

一、Axure rp怎么导入图片

在Axure RP中，提供了三种途径供用户导入图片。

1、拖拽导入

这是最简单的一种，可以直接拖拽电脑本地的图片进入Auxre的画布区域。图片会自动插入并保持原始大小。此种方法也适用于批量导入图片，只需在本地选中多张照片，一起拖拽置入即可。

有时候，因为本地的图片较大，会弹出提示窗口，问询是否优化图片，大部分情况下点击“是”即可，软件会自动处理，图片会损失一些精度，但在Axure中使用图片的场景一般不需要特别高的精度。

和拖拽导入同种逻辑的快捷操作是，在本地电脑中找到图片，CTRL+C复制图片。回到Axure rp的画布位置，执行CTRL+V，可将图片置入画布中。

2、通过菜单导入

在工具栏中点击 “插入”，在弹出的选项列表中找到“图片”。选择 “图片”，会弹出文件选择框。浏览并选择图片文件后，图片会自动插入到当前页面。

3、使用“图片”元件

在Axure的默认元件库中找到“图片”这一元件，把它拖拽进入画布后，双击控件或右键选择“设置图片”，即可选择本地图片文件。

这一使用方式中，“图片”元件相当于占位符，适用于设计前期仅知道此处未来需要放置一张图片，但图片内容尚未制作的情况。可在图片确定后采用该方式导入，替换掉占位符号。

以上三种方式是Axure rp中常用的图片导入方式。在处理图片时，还需要注意一下几点：

第一，Axure RP 支持常见的图片格式，如 JPG、PNG 等。

第二，在导入之前，建议调整图片分辨率和文件大小，避免原型文件过大影响加载速度。

第三，可以在页面面板中调整图片层级，确保其不会被其他元素遮挡。有时候图片是成功导入的，但因为被遮挡住了，误以为没有成功。可对图片右击，找到“顺序”进行调整。

也可以通过“概要”面板看到多张图片的层级顺序，对顺序进行调整。

二、Axure rp 怎么导出

将原型导出是很关键的一步，方便于团队协作及效果展示。Axure rp 支持多种导出方式。

1、生成HTML文件

菜单栏“发布”中可以找到生成HTML文件。可对发布后的文件位置、具体的发布内容进行设定，一般情况下使用默认选择即可。

采用这种导出方式的好处在于，能够保留Axure中所有的交互逻辑，其他的导出方式有可能因为用于展示的机器型号问题或浏览器问题，交互效果没办法百分之一百还原。并且，HTML文件可以在没有安装Axure rp软件的电脑中查看，方便文件的分享与协作。同时，HTML文件支持在不同设备和屏幕分辨率下展示，便于测试响应式设计和移动端适配效果。它的缺点在于有任一更新时，都需要手动重新生成HTML文件。

 2、导出为图片

如果仅需要静态展示页面，可以将设计导出为图片：点击工具栏中的 “文件” 菜单，选择 “导出Page1为图片”或“导出所有页面为图片”，即可把页面变成图片格式保存到本地。前者针对的是单独的页面，后者是一键导出所有页面。

这种导出方式适用于线框图设计阶段或项目早期阶段。

3、上传到Axure Cloud

点击工具栏中的 “发布” 按钮，选择 “发布到Axure云”。登录Axure账号后，设置项目名称并选择文件夹。上传完成后，Axure会生成一个可分享的链接，团队成员可以在线查看和评论。

这种导出方式方便团队协作，可实时看到文档的更新，但有时候加载比较缓慢。

  三、总结 

以上是Axure RP怎么导入图片，Axure RP怎么导出的相关内容。在Axure RP中，图片导入和原型导出是两个常用的操作，通过这些功能，我们可以更高效地完成原型制作，与团队和客户进行沟通。熟练掌握这些操作，不仅能提升工作效率，还能为设计项目的成功打下坚实基础。