App草图+流程图+交互原型设计教程
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.2 Axure RP9的工作界面

与之前的版本相比,Axure RP9的工作界面发生的变化不是很大,但是精简了很多区域,使软件变得更简单、更直接,也更方便用户使用,如图2-10所示为其工作界面的示意图。

图2-10 Axure RP9工作界面的示意图

2.2.1 了解Axure RP9的工作界面

Axure RP9的工作界面是由菜单栏、工具栏、面板和工作区四部分组成。

● 菜单栏

Axure RP9一共包含了九个菜单,每个菜单包含同类的操作命令。大家可以根据要执行的操作类型在对应的菜单下选择操作命令,如图2-11所示为文件、编辑和视图菜单下的操作命令。

图2-11 文件、编辑和视图菜单下的操作命令

● 工具栏

Axure RP9的工具栏由上半部分的工具按钮和下半部分的选项栏两部分组成,如图2-12所示。

图2-12 工具栏

工具按钮:包含了剪切、复制、粘贴、选择模式、连接、插入和缩放等一系列控制元件的按钮。

选项栏:选中工作区中的元件后,在选项栏中可以对元件进行简单的样式设置。

● 面板

在“页面”面板中,我们可以完成有关页面的所有操作,如新建页面、删除页面和查找页面等,如图2-13所示。

“交互”面板是Axure RP9中最重要的面板,原型中的元件效果和交互效果都可以在该面板中实现,如图2-14所示为初始的“交互”面板。

“元件库”面板中包含了原型设计时所需的大量元件,如图2-15所示。

图2-13 “页面”

图2-14 “交互”面板

图2-15 “元件库”面板

“母版”面板主要用来显示页面中所有的母版文件,如图2-16所示。大家可以在该面板中完成各种有关母版的操作。

“概要”面板主要用来显示当前面板中的所有元件,如图2-17所示。大家可以很方便地在该面板中找到元件并进行对齐等各种操作。

图2-16 “母版”面板

图2-17 “概要”面板

“样式”面板可以对元件的一些样式进行设置,比如宽、高、旋转角度和文字样式等,如图2-18所示为初始的“样式”面板。

“说明”面板是为页面作解释说明的,如图2-19所示为说明面板的初始状态。

图2-18 “样式”面板

图2-19 “说明”面板

● 工作区

工作区是Axure RP9创建原型的区域。当大家新建一个页面后,在工作区的左上角将显示该页面的名称,如图2-20所示。

当页面过多时,可以通过单击工作区右上角的“选择与管理标签”按钮,在弹出的下拉菜单中选择命令,执行对应的操作,如图2-21所示。

图2-20 工作区

图2-21 “选择与管理标签”菜单

提示

如果大家同时打开多个页面文件,工作区将以卡片的形式将所有页面排列在一起。单击页面名即可快速切换到当前页面。通过拖动的方式,可以调整页面显示的顺序。单击页面名右侧的“”图标,将关闭当前文件。

2.2.2 自定义工具栏

选择“视图>工具栏>自定义基本工具列表”选项,弹出对话框,如图2-22所示。其中展示在工具栏上的工具都显示为被选中状态。

图2-22 “自定义工具栏”对话框

大家可以通过选择“视图>功能区”选项,选择需要显示或隐藏的面板,如图2-23所示。大家也可以选择“视图>重置视图”选项,如图2-24所示,将操作造成的混乱视图重置为最初的界面布局,重置后的视图将恢复到默认视图状态。

图2-23 功能区命令

图2-24 重置视图

提示

新的交互生成器已被全面重新设计和优化,以便使用。从基本的链接到复杂的、有条件的流程,能够在较少的时间和更少的操作下让原型问世。