![App草图+流程图+交互原型设计教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/596/34171596/b_34171596.jpg)
2.2 Axure RP9的工作界面
与之前的版本相比,Axure RP9的工作界面发生的变化不是很大,但是精简了很多区域,使软件变得更简单、更直接,也更方便用户使用,如图2-10所示为其工作界面的示意图。
![](https://epubservercos.yuewen.com/34469C/18279401108274506/epubprivate/OEBPS/Images/39447_42_1.jpg?sign=1739265415-YjlARjDbMDemkRaiCVK3EJ2RvR3JQYtE-0-87531bdeba53b176e5ac7d5b90c22230)
图2-10 Axure RP9工作界面的示意图
2.2.1 了解Axure RP9的工作界面
Axure RP9的工作界面是由菜单栏、工具栏、面板和工作区四部分组成。
● 菜单栏
Axure RP9一共包含了九个菜单,每个菜单包含同类的操作命令。大家可以根据要执行的操作类型在对应的菜单下选择操作命令,如图2-11所示为文件、编辑和视图菜单下的操作命令。
![](https://epubservercos.yuewen.com/34469C/18279401108274506/epubprivate/OEBPS/Images/39447_42_2.jpg?sign=1739265415-VhqYcuvDIVhd6DFWroPVWUlha5KnJuQP-0-781b53e6b3a2c9f140b36c66aa0b5c2e)
图2-11 文件、编辑和视图菜单下的操作命令
● 工具栏
Axure RP9的工具栏由上半部分的工具按钮和下半部分的选项栏两部分组成,如图2-12所示。
![](https://epubservercos.yuewen.com/34469C/18279401108274506/epubprivate/OEBPS/Images/39447_42_3.jpg?sign=1739265415-4wouYZk05aN55Q39TMdHKB59CM62lplW-0-2a6033142efe8b4d36ee36da49133410)
图2-12 工具栏
工具按钮:包含了剪切、复制、粘贴、选择模式、连接、插入和缩放等一系列控制元件的按钮。
选项栏:选中工作区中的元件后,在选项栏中可以对元件进行简单的样式设置。
● 面板
在“页面”面板中,我们可以完成有关页面的所有操作,如新建页面、删除页面和查找页面等,如图2-13所示。
“交互”面板是Axure RP9中最重要的面板,原型中的元件效果和交互效果都可以在该面板中实现,如图2-14所示为初始的“交互”面板。
“元件库”面板中包含了原型设计时所需的大量元件,如图2-15所示。
![](https://epubservercos.yuewen.com/34469C/18279401108274506/epubprivate/OEBPS/Images/39447_43_1.jpg?sign=1739265415-rCkvrZcEadAIHcutpEInP926RvaPYJ8c-0-2fd1e022a99d9d197f2f376e18fd03fe)
图2-13 “页面”
![](https://epubservercos.yuewen.com/34469C/18279401108274506/epubprivate/OEBPS/Images/39447_43_5.jpg?sign=1739265415-XRfRYkI9tcFsKANoIRHoQ88FKxlCbnxk-0-a2f437c693881f25bbf0aef6befefe60)
图2-14 “交互”面板
![](https://epubservercos.yuewen.com/34469C/18279401108274506/epubprivate/OEBPS/Images/39447_43_6.jpg?sign=1739265415-8j4rtFuCHusaDLx92TrpM4Db4GEBDjnU-0-975b6e04c51d71e28c662424362f266e)
图2-15 “元件库”面板
“母版”面板主要用来显示页面中所有的母版文件,如图2-16所示。大家可以在该面板中完成各种有关母版的操作。
“概要”面板主要用来显示当前面板中的所有元件,如图2-17所示。大家可以很方便地在该面板中找到元件并进行对齐等各种操作。
![](https://epubservercos.yuewen.com/34469C/18279401108274506/epubprivate/OEBPS/Images/39447_43_2.jpg?sign=1739265415-aTiqIPmKa0qh4RvSBEoQQx550oPbBd3O-0-83ee649987958f5f52f9f92c4bdff050)
图2-16 “母版”面板
![](https://epubservercos.yuewen.com/34469C/18279401108274506/epubprivate/OEBPS/Images/39447_43_7.jpg?sign=1739265415-quYOhUczvsWupozpUN4vyfzQ6e0qoGLn-0-b7b042486f0678bcb97526ab83fa1c82)
图2-17 “概要”面板
“样式”面板可以对元件的一些样式进行设置,比如宽、高、旋转角度和文字样式等,如图2-18所示为初始的“样式”面板。
“说明”面板是为页面作解释说明的,如图2-19所示为说明面板的初始状态。
![](https://epubservercos.yuewen.com/34469C/18279401108274506/epubprivate/OEBPS/Images/39447_43_3.jpg?sign=1739265415-7EHdqEQjaTxQtlY0iO1lVvJ2Zwv5GrWK-0-a8e79b8f47449667bf4a7fba6e80e553)
图2-18 “样式”面板
![](https://epubservercos.yuewen.com/34469C/18279401108274506/epubprivate/OEBPS/Images/39447_43_4.jpg?sign=1739265415-h4zcDXqiKPORzb0bE3MHkgMC06hqRDGw-0-e5ff59342372a54c798cbb6fbd4a8c80)
图2-19 “说明”面板
● 工作区
工作区是Axure RP9创建原型的区域。当大家新建一个页面后,在工作区的左上角将显示该页面的名称,如图2-20所示。
当页面过多时,可以通过单击工作区右上角的“选择与管理标签”按钮,在弹出的下拉菜单中选择命令,执行对应的操作,如图2-21所示。
![](https://epubservercos.yuewen.com/34469C/18279401108274506/epubprivate/OEBPS/Images/39447_44_1.jpg?sign=1739265415-LWLoUanFoj6JamX1r0MVcwnVcZTVdGIK-0-4f67965395a27d8f6a7b44cbd5d8d41b)
图2-20 工作区
![](https://epubservercos.yuewen.com/34469C/18279401108274506/epubprivate/OEBPS/Images/39447_44_2.jpg?sign=1739265415-v6o5I7TUrFtvG5K1C4qCccywGJBrQIXi-0-0c04f08f482896adeac322ba884e6e61)
图2-21 “选择与管理标签”菜单
提示
如果大家同时打开多个页面文件,工作区将以卡片的形式将所有页面排列在一起。单击页面名即可快速切换到当前页面。通过拖动的方式,可以调整页面显示的顺序。单击页面名右侧的“”图标,将关闭当前文件。
2.2.2 自定义工具栏
选择“视图>工具栏>自定义基本工具列表”选项,弹出对话框,如图2-22所示。其中展示在工具栏上的工具都显示为被选中状态。
![](https://epubservercos.yuewen.com/34469C/18279401108274506/epubprivate/OEBPS/Images/39447_44_4.jpg?sign=1739265415-4MjrSyQryFH6wpQ6BQ7tQfSoRjtWUCwY-0-7f836aed481afa6cc9c13a0a9c784440)
图2-22 “自定义工具栏”对话框
大家可以通过选择“视图>功能区”选项,选择需要显示或隐藏的面板,如图2-23所示。大家也可以选择“视图>重置视图”选项,如图2-24所示,将操作造成的混乱视图重置为最初的界面布局,重置后的视图将恢复到默认视图状态。
![](https://epubservercos.yuewen.com/34469C/18279401108274506/epubprivate/OEBPS/Images/39447_45_1.jpg?sign=1739265415-mKqCkcfSADlhkI8NilICvrNhoFCavZj3-0-7808538ca7e63cb1e461f1f71a571fd7)
图2-23 功能区命令
![](https://epubservercos.yuewen.com/34469C/18279401108274506/epubprivate/OEBPS/Images/39447_45_2.jpg?sign=1739265415-g0mCPrDGVjtYCnwmBzSnAbW03Cvjghel-0-06e2adeb1aca67f8a4be333ad56be7dc)
图2-24 重置视图
提示
新的交互生成器已被全面重新设计和优化,以便使用。从基本的链接到复杂的、有条件的流程,能够在较少的时间和更少的操作下让原型问世。