AxureRP产品原型设计课件 第2章 Axure RP 基础知识

本章介绍：要想快速上手AxureRP，熟练掌握AxureRP的基础工具和基本操作是很有必要的。本章对AxureRP的欢迎界面、工作界面、文件的基本操作、页面管理、页面设置、操作视图以及标尺、网格、辅助线进行系统讲解。通过对本章的学习，读者可以对AxureRP的操作有一个全面的认识，为之后的深入学习打下坚实的基础。第2章AxureRP基础知识知识目标了解AxureRP的欢迎界面熟悉AxureRP的工作界面能力目标掌握AxureRP中文件的基本操作具备在AxureRP中进行页面管理的能力具备在AxureRP中进行页面设置的能力具备在AxureRP中操作视图的能力具备操作AxureRP中标尺、网格、辅助线的能力素质目标能够合理制订AxureRP学习计划培养持续学习、独立思考的能力培养联系AxureRP理论知识与实际操作的能力2.1欢迎界面在启动AxureRP时，会弹出的欢迎界面。用户可以通过欢迎界面新建文件和打开文件。欢迎界面左下角包含“What’sNewinAxureRP9”（新的功能）、“论坛”和“学习和支持”3个超链接。AxureRP9欢迎界面2.2工作界面AxureRP的工作界面分为7个部分，分别为标题栏，菜单栏，工具栏，画布，“页面”与“概要”面板，“元件库”与“母版”面板，“样式”、“交互”与“说明”面板。AxureRP的工作界面2.2.1标题栏AxureRP的标题栏位于工作界面顶部，用于显示当前工程项目的名称、软件版本和注册信息等内容。标题栏2.2.2菜单栏AxureRP的菜单栏中依次为“文件”菜单、“编辑”菜单、“视图”菜单、“项目”菜单、“布局”菜单、“发布”菜单、“团队”菜单、“账户”菜单、“帮助”菜单。菜单栏2.2.3工具栏AxureRP9的工具栏由主工具栏和样式工具栏两部分组成。工具栏用于执行常用操作，如管理元件、设置元件样式以及发布原型等。用户可以在选择模式、连接器模式和绘图工具之间更改光标工具以实现对应功能。工具栏2.2.4画布画布是构建设计的区域，在AxureRP的画布中用户可以无边界地工作，也可以根据设计要求设置页面尺寸。画布2.2.5“页面”与“概要”面板“页面”面板：该面板用于完成页面的相关操作，如添加、删除、重命名和管理页面。“概要”面板：该面板显示了当前所有可搜索、可排序和可筛选的元件、母版及动态面板列表。“页面”面板“概要”面板2.2.6“元件库”与“母版”面板“元件库”面板：该面板包含AxureRP的所有元件，如按钮、图像、文本和形状等。可以直接从“元件库”面板中拖曳元件至画布。“母版”面板：该面板用于显示可以在整个文件中重复使用的元件集合。用户通过该面板可以进行添加、删除、重命名和管理母版等操作。“元件库”面板“母版”面板2.2.7“样式”、“交互”与“说明”面板“样式”面板：该面板用于编辑元件和页面的样式。“交互”面板：该面板用于在页面或选定的元件上添加、编辑交互。“说明”面板：该面板用于添加、编辑元件和页面说明。“样式”面板“交互”面板“说明”面板2.3文件的基本操作在AxureRP中，文件的基本操作主要包括新建、保存、打开、导入以及关闭等。这些操作的命令可在“文件”菜单中找到。新建文件保存文件打开文件导入文件关闭文件文件格式自动备份2.3.1新建文件新建文件是AxureRP中基本的操作。除了可以通过欢迎界面新建文件，还可以选择“文件>新建”命令，或按Ctrl+N组合键新建文件。2.3.2保存文件文件编辑完成后，需要将文件保存，以便下次打开继续操作。选择“文件>保存”命令，或按Ctrl+S组合键，即可保存文件。当前文件保存后，选择“文件>另存为”命令，或按Ctrl+Shift+S组合键，会弹出“另存为”对话框，可以在该对话框中将文件另存。2.3.3打开文件除了可以通过欢迎界面打开文件，还可以选择“文件>打开”命令，或按Ctrl+O组合键打开文件。另外，直接双击AxureRP支持的文件也可以将其打开。2.3.4导入文件导入文件是指，在AxureRP中将一个文件中的设计元素及相关参数设置导入当前打开的文件中，使其成为当前文件的一部分。选择“文件>从RP文件导入”命令即可导入文件。2.3.5关闭文件Windows版的AxureRP一次只能打开一个文件，所以要关闭文件，将AxureRP直接关闭即可。单击右上角的“关闭”按钮，或按Alt+F4组合键，即可关闭文件并退出AxureRP。2.3.6文件格式RP格式：RP格式是AxureRP默认的源文件格式。RPPRJ格式：RPPRJ格式是团队项目的文件格式，在多人团队协作处理复杂项目时使用。RPLIB格式：RPLIB格式是元件库的文件格式，用于创建自定义的元件库。.html格式：.html格式是RP文档生成的html原型文件，可在浏览器中直接查看。2.3.7自动备份AxureRP具有自动备份的功能，如果需要恢复文件的早期版本或恢复未保存的更改，则可以访问这些备份。默认情况下，AxureRP每15分钟保存一次备份副本，并将这些备份副本保存在计算机上30天。2.4页面管理在AxureRP中，原型会被组织到页面中，通过“页面”面板即可管理页面。在“页面”面板中双击页面名称，即可在画布上打开相应页面。添加页面移动页面删除页面剪切页面复制页面粘贴页面重命名页面重复页面图表类型搜索页面2.4.1添加页面需要添加页面时，可以单击“页面”面板右上方的“添加页面”按钮，添加页面；或右击页面，在弹出的菜单中选择“添加”命令下的命令。2.4.1添加页面为了更方便地管理页面，可以将页面放于文件夹中。单击“页面”面板右上方的“添加文件夹”按钮。2.4.2移动页面制作原型时，经常需要更改页面顺序或页面级别，右击页面，在弹出的菜单中选择“移动”命令下的命令。或直接用鼠标向上，向下，向右或向左拖动页面，即可移动页面。2.4.3删除页面右击页面，在弹出的菜单中选择“删除”命令，或选中页面并按Delete键，即可删除页面。2.4.4剪切页面右击页面，在弹出的菜单中选择“剪切”命令，或按Ctrl+X组合键，即可剪切页面。2.4.5复制页面右击页面，在弹出的菜单中选择“复制”命令，或按Ctrl+C组合键，即可复制页面。2.4.6粘贴页面将鼠标指针放在要放置页面的位置，右击页面，在弹出的菜单中选择“粘贴”命令，或按Ctrl+V组合键，即可将剪切或复制的内容粘贴到此位置。2.4.7重命名页面双击选中页面的名称或右击页面名称，在弹出的菜单中选择“重命名”命令，输入新的页面名称，即可完成页面重命名。2.4.8重复页面原型中经常有结构基本一致，只是图片或文字内容不同的页面，此时通过复制页面并修改内容即可提高制作效率。右击需要复制的页面，在弹出的菜单中选择“重复>页面”命令，即可复制该页面。选择“重复>分支”命令，即可将该页面及其子页面一起复制。2.4.9图表类型页面名称左侧的图标指示了该页面的类型，即“页面”或“流程图”。右击页面，在弹出的菜单中选择“图表类型”命令下的命令，即可更改图表类型。2.4.10搜索页面通过搜索，用户可以在众多页面中快速找到需要的页面。单击“页面”面板左上角的“搜索”按钮，会出现搜索文本框，。输入要搜索的页面名称后，“页面”面板会显示搜索到的页面。单击搜索文本框右侧的“关闭”按钮将还原搜索文本框，再次单击“搜索”按钮将取消搜索。2.5页面设置在“页面”面板中双击要编辑的页面，即可进入页面编辑状态。通过“样式”面板可以对“页面尺寸”、“页面排列”、“填充”和“低保真度”等属性进行设置。“样式”面板2.5.1页面尺寸默认情况下，“页面尺寸”设置为“Auto（自动）”，并且画布本身不受约束。展开“页面尺寸”下拉列表，其中包含多种常用设备尺寸。选择“Web（网页）”选项时，可手动设置页面宽度。选择“自定义设备”选项时，可手动设置页面宽度和高度。2.5.2页面对齐当页面尺寸为“Auto”或“Web”时，单击“样式”面板中“页面排列”右侧的“左对齐”按钮或“居中对齐”按钮，即可将页面内容对齐到浏览器窗口的左边缘或居中对齐。2.5.3页面填充为了丰富视觉效果，可以单击“样式”面板中“填充”右侧的“颜色”按钮或“图片”按钮。2.5.4低保真度模式低保真度模式会降低页面的视觉保真度，以帮助项目的利益相关者将注意力集中在优化用户体验上，而不是视觉效果上。单击“样式”面板中“低保真度”右侧的按钮，即可进入低保真度模式。启用低保真度模式后，页面将呈现为灰度效果，并且所有字体都替换为“Axure手写”字体。2.6操作视图操作视图主要分为缩放视图和平移视图，下面进行介绍。缩放视图平移视图2.6.1缩放视图在AxureRP中缩放视图有以下3种方法。（1）按住Ctrl键滚动鼠标滚轮。（2）按Ctrl++组合键放大视图，按Ctrl+-组合键缩小视图，按Ctrl+0组合键以100%的大小显示当前视图。（3）在主工具栏中直接选择缩放数值。2.6.2平移视图在AxureRP中平移视图有以下3种方法。（1）按空格键将选择工具临时切换为抓手工具，在页面工作区中拖动即可平移视图。（2）拖动页面工作区中的水平滚动条和垂直滚动条。（3）直接滚动鼠标滚轮可上下平移视图，按住Shift键滚动鼠标滚轮可左右平移视图。2.7标尺、网格和辅助线标尺、网格和辅助线在原型设计中可以作为视觉指南，同时也可以令元件自动与它们对齐，是原型设计中重要的辅助工具。标尺网格辅助线2.7.1标尺选择“视图>标尺·网格·辅助线>显示标尺”命令，或按Ctrl+R组合键，即