1.3 认识Axure软件界面
Axure软件界面大致可以分为8个区域，分别为菜单栏区域、工具栏区域、页面区域、元件库区域、母版区域、工作区域、检视区域、页面概要区域，如图1.11所示。
视频课程
认识Axure软件界面
图1.11 软件界面
1.3.1 菜单栏区域
视频课程
菜单栏区域详解
菜单栏区域有文件、编辑、视图、项目、布局、发布、团队、账户、帮助9个菜单项，包含了软件的一些常规操作和功能，如图1.12所示。
图1.12 菜单栏区域
“文件”菜单（见图1.13）：
图1.13 “文件”菜单选项
（1）可以新建工程、打开工程及保存工程，这些操作可以使用快捷键或者工具栏快速操作按钮完成；
（2）可以导入RP文件，新建团队项目、打开团队项目；
（3）可以进行打印纸张尺寸设置，打印index页面，导出index图片；
（4）可以设置定时备份软件原型，避免制作软件原型丢失。
“编辑”菜单（见图1.14）：
可以完成复制、剪切、粘贴、撤销、重做等操作，也可以使用快捷键来完成这些操作，所以很少会使用这个菜单。
“视图”菜单（见图1.15）：
图1.14 “编辑”菜单选项
图1.15 “视图”菜单选项
（1）“工具栏”选项（见图1.16），将工具栏区域划分为基本工具栏和样式工具栏两类，可以通过勾选的方式控制工具栏区域内容的显示，同时提供自定义工具栏功能，工具栏内容可以自行定义；
（2）“功能区”选项（见图1.17），分为5个区域，即页面区域、元件库区域、母版区域、检视区域、概要区域，可通过勾选的方式控制这些区域的显示与隐藏效果，还提供开关左侧功能栏和开关右侧功能栏的功能；
图1.16 “工具栏”选项
图1.17 “功能区”选项
（3）“遮罩”选项（见图1.18），通过勾选的方式来控制隐藏对象、母版、动态面板、中继器、文本链接、热区是否添加遮罩效果。
“项目”菜单（见图1.19）：
图1.18 “遮罩”选项
图1.19 “项目”菜单选项
（1）可对元件、页面的样式进行编辑；
（2）具有自定义元件字段说明和页面字段说明功能；
（3）具有添加全局变量功能。
“发布”菜单（见图1.20）：
（1）可以进行原型预览，对预览方式进行设置，选择打开浏览器方式和工具栏设置；
（2）可以将原型发布到AxShare上面进行托管；
（3）以生成HTML文件的方式进行原型发布；
（4）生成需求规格说明书的Word文档；
（5）预览和生成原型文件。
“团队”菜单（见图1.21）：
图1.20 “发布”菜单选项
图1.21 “团队”菜单选项
可以创建团队项目和获取团队项目，进行多人协作。
“账户”菜单（见图1.22）：
可以进行账户登录和服务器代理设置。
“帮助”菜单（见图1.23）：
（1）通过开始演示动画选项，学习原型工具的使用，提供在线培训教学功能及进入Axure论坛功能；
（2）通过管理授权完成注册，获得软件使用的授权；
（3）提供软件检查更新及提交软件意见和软件错误功能。
图1.22 “账户”菜单选项
图1.23 “帮助”菜单选项
1.3.2 工具栏区域
视频课程
Axure 工具栏详解和常用快捷键
工具栏区域包含有使用频率最高的快捷工具。我们在设计原型的过程中经常会用到这些操作，理解工具栏的功能并掌握它的使用方法，可以提高制作原型的效率。工具栏区域分为基本工具栏和样式工具栏，同时提供自定义工具栏功能。下面通过对两个矩形元件的操作，熟悉一下工具栏的使用，如图1.24所示。
图1.24 工具栏区域
1.基本工具栏
新建、打开、保存操作
新建、打开、保存快捷工具按钮如图1.25所示。
图1.25 新建、打开、保存操作按钮
文件：新建一个工程项目，快捷键是Ctrl+N。
打开：打开一个已有的工程项目（只能打开rp类型的工程），快捷键是Ctrl+O。
保存：保存一个工程项目，快捷键是Ctrl+S。
复制：单击这个快捷按钮，可以复制选中的元件，它的快捷键是Ctrl+C。
剪贴板：可以粘贴复制的元件。单击这个快捷按钮，可以把复制的元件粘贴到工作区域，它的快捷键是Ctrl+V。
撤销：单击这个快捷按钮可以撤销上一步的操作，快捷键是Ctrl+Z。
重做：单击这个快捷按钮可以重做上一步的操作，快捷键是Ctrl+Y。
剪切：单击这个快捷按钮可以剪切选中的元件，快捷键是Ctrl+X。
注意
在制作原型的过程中，记得修改之后要立刻保存，以免由于断电、计算机死机、软件退出等原因，造成以前做的原型丢失。
◆ 实战演练
1
在元件库区域，拖曳两个矩形元件到工作区域，并在矩形元件上分别双击，进行重新命名，一个矩形命名为“矩形一”，另一个矩形命名为“矩形二”，单击保存快捷按钮或者使用Ctrl+S快捷键保存上面的操作，如图1.26所示。
图1.26 拖曳矩形元件
2
选中“矩形一”元件，利用Ctrl+C快捷键复制出同样的一个元件，再利用Ctrl+V快捷键粘贴，也可以利用工具栏上快捷按钮操作，如图1.27所示。
图1.27 复制矩形元件
同样可以试试快捷键Ctrl+Z（撤销）、Ctrl+Y（重做）、Ctrl+X（剪切）等，练习对矩形元件的操作。
选择、连接、钢笔、更多、缩放操作
元件的选择、连接、钢笔、边界点、切割、裁剪、连接点、格式刷以及缩放操作的快捷工具按钮如图1.28和图1.29所示。
图1.28 选择、连接、钢笔
图1.29 更多
选择：用来选中工作区域中的元件，包括相交选中和包含选中，相交选中所选择的区域只要和元件有接触、有相交，这个元件就会呈现为选中状态；而包含选中是把元件完全包含进来，才会呈现为选中状态。
连接：用来连接两个元件。这个操作多用于绘制流程图。
钢笔：可以绘制出自定义的形状。
缩放：设置工作区域的缩放比例，可以根据页面内容进行调整。
布局操作
布局操作用来设置页面中元件的布局，包括设置元件顶层、底层、组合、取消组合、对齐、分布操作，其按钮如图1.30所示。
图1.30 布局操作按钮
顶层、底层：将工作区域中的元件置于顶层操作和置于底层操作。
组合、取消组合：可以将不同元件设置为一个组合，这样可以把组合的元件一起移动或者进行其他操作；同时也可以将一个组合拆散为单独的元件。
对齐：提供左对齐、左右居中、右对齐、顶部对齐、上下居中、底部对齐方式，如图1.31所示。
分布：包括水平分布和垂直分布两种分布方式，如图1.32所示。
水平分布：单击这个按钮，可以让选中的按钮呈现为横向均匀分布。
垂直分布：单击这个按钮，可以让选中的按钮呈现为纵向均匀分布。
图1.31 对齐方式
图1.32 分布方式
锁定、开关功能栏、发布、登录操作
锁定元件、取消锁定元件、开关左侧功能栏、开关右侧功能栏、预览、共享、发布、登录操作按钮，如图1.33所示。
图1.33 锁定、发布操作按钮
锁定、取消锁定：将工作区域中的元件锁定，变为不可以移动，也可以取消锁定，进行移动。
开关功能栏：包括开关工作区域左侧的功能栏和工作区域右侧的功能栏。
预览：以原型预览的方式在浏览器中显示，不生成本地原型文件。
共享：通过共享的方式创建团队项目，发布到AxShare上面。
发布：可以通过预览的方式发布，也可以通过生成本地文件的形式发布。
登录：提供登录的快捷按钮。
2.样式工具栏
样式工具栏可用来给文本内容或者元件边框设置样式，可以设置文本内容颜色、字号、字体，也可以给元件边框设置样式，如图1.34所示。
图1.34 样式工具栏
：填充背景颜色，同样单击下三角可以选择要填充的颜色。
：设置外部阴影，勾选阴影复选框，让它生效，在这里可以设置阴影的偏移位置和模糊程度，并且可以设置阴影的颜色。
：设置元件边框的颜色，单击下三角，弹出框可用来选择颜色。
：设置元件线宽，单击下三角，弹出框可用来选择边框的宽度。
：设置元件的线条样式，单击下三角，弹出框可用来选择线条样式，实线或虚线。
：可以设置水平线元件和垂直线元件的箭头样式。
◆ 实战演练
1
单击矩形一元件，将其边框编辑为红色、粗线、打点式线条；将矩形二编辑成蓝色背景，红色外部阴影，如图1.35所示。
图1.35 编辑矩形一和矩形二
在工具栏中还可以设置文本的水平位置和垂直位置，以及字体系列、字体类型、字号、粗体、斜体、下划线、字体颜色等，这与很多软件对字体编辑的功能一样。
2
将矩形二的文本字体设置为华文琥珀，字体类型设置为Bold Oblique，字号设置为28，添加粗体、斜体、下划线设置，字体颜色设置为黄色，水平位置靠左对齐，垂直位置顶部对齐，如图1.36所示。
图1.36 矩形二字体设置
工具栏的快捷按钮还可以编辑元件的大小和位置、隐藏元件，x、y代表元件的横纵坐标位置，以左上角为原点；w、h分别代表元件的宽度和高度。
3
将矩形二元件的x值设置为360,y值设置为80；宽度w值设置为240,h值设置为100，如图1.37所示。
图1.37 编辑元件的位置和大小
注意
要熟记和理解各个按钮的功能及使用，同时也可以使用相应的快捷键进行操作，快捷键的操作要比单击操作更节省时间，提高制作原型的效率。
3.自定义工具栏
工具栏里有很多快捷按钮，有一些按钮是经常会用到的，有一些按钮可能很久都不会用到一次，这时可以自定义工具栏，在自定义工具栏里选择显示什么快捷按钮。单击视图菜单下工具栏选项，选择自定义工具栏，如图1.38所示。
图1.38 自定义工具栏
自定义工具栏包括自定义文件、缩放、对齐、锁定、发布、工具、布局、视图选项、账户、组合、分布等快捷工具按钮，可根据自己的需要来选择。
1.3.3页面区域
页面区域是用来显示软件页面的，从这里可以了解到软件的大致结构，有哪些页面，以及页面之间的关系。页面区域采用树状结构来显示页面，以index页为树的根节点，可以对页面进行增加、移动、删除等操作来管理软件原型的页面，如图1.39所示。
图1.39页面区域
1.3.4 元件库区域
元件库区域包含了制作原型需要的一些基础元件，Axure RP8中原型设计工具默认包含线框图元件库和流程图元件库、图标元件库。
线框图元件库里提供了40种线框图元件，常用的有图片、文本标签、矩形、占位符、水平线、垂直线、文本框、下拉列表框、复选框、单选按钮、提交按钮，如图1.40所示。
图1.40 线框图元件
流程图元件库里提供了13种流程图元件，有各种图形、图片、文件、角色、数据库等，如图1.41所示。
图1.41 流程图元件
图标元件库里提供了各种各样的图标，比如箭头、电池、统计图标等，如图1.42所示。
图1.42 图标元件
1.3.5 母版区域
母版区域用来设计一些共用、复用的区域，如图1.43所示，如网站尾部版权区域，可能每个页面都会用到版权信息，也可以设计导航菜单，如移动App的底部标签导航，在母版中设计一次，在其他页面可直接引用，达到共用、复用的效果。
图1.43 母版区域
1.3.6 工作区域
工作区域是用来绘制原型的画布。在这个区域里完成原型的设计，就像画画时在画布上尽情绘制，如图1.44所示。
图1.44 工作区域
1.3.7 检视区域
检视区域是用来设计页面或者元件的样式和交互效果的，可以设置属性，如添加页面交互效果，页面载入时触发事件、窗口尺寸改变时触发事件、窗口滚动时触发事件，以及在更多事件里还提供许多其他的事件，如图1.45所示。
图1.45 属性设置
在检视区域中可以填写页面或者元件注释，自定义注释的名称，如图1.46所示。
图1.46 说明
还可以设计页面、元件的样式，比如页面在浏览器中显示的对齐方式是居中对齐还是居左对齐，页面的背景色或者背景图片，还可以设置草图的效果，针对元件设置禁用、选中等属性，也可以给元件添加样式，设置元件的位置和大小、选择元件的样式，以及字体、边框线、圆角半径、对齐方式等，如图1.47所示。
图1.47 样式
1.3.8页面概要区域
页面概要区域用来管理页面上使用的元件，可以查看页面上使用了哪些元件及管理这些元件，比如可以管理动态面板，增加动态面板、移动动态面板及删除动态面板等操作，如图1.48所示。
图1.48页面概要区域