1.3 Axure RP的主界面
Axure RP 8 安装成功后,下面开始认识软件界面,软件界面大致可分为九大模块,如图1.12所示。
图1.12 认识软件界面
(1)菜单栏:包括文件、编辑、视图、项目、布局、发布、团队、账号和帮助9个菜单项。和很多软件一样,菜单栏中的菜单项是软件的一些常规操作。我们在注册时,使用帮助菜单项,在那里可以完成注册功能。
(2)工具栏:是进行页面编辑的一些快捷工具按钮,包括保存、剪切、复制、撤销操作以及字体大小颜色等工具按钮。
(3)元件格式及参数设定区域:可以设置元件的属性以及元件的参数。
(4)页面:在这里可以了解要设计的软件大致结构,可以进行增加页面、移动页面、删除页面等操作。
(5)元件库:包含线框图部件、流程图部件、自定义部件和下载安装的元件。线框图部件里有矩形组件、动态面板组件、文本组件等,在使用的时候,选中要使用的组件,直接拖曳到工作区域即可。
(6)母版区域:用来设计一些共用、复用的区域,例如网站尾部版权区域,可能每个页面都会用到版权信息,在这里设计一次,在其他页面可以直接引用,达到共用、复用的效果。
(7)工作区域:大多数操作在这里完成,包括部件的编辑、页面的交互效果制作等操作。
(8)元件交互区域:在这里完成元件的交互效果,该区域设置了很多种交互效果,例如元件在鼠标单击时是什么效果,在鼠标移入时又是什么效果,以及对部件进行命名。当鼠标单击工作区域中的空白区域时,Axure RP 8 会自动切换到页面交互区域,页面交互区域包括页面样式、页面交互、页面注释3个方面。在页面样式里设置页面对齐样式;在页面交互里设置页面交互动作;在页面注释里添加页面注释。
(9)元件管理器:用来管理部件,可以管理动态面板,在这里可以进行增加动态面板、移动动态面板以及删除动态面板等管理部件的操作。
在后续的章节中,读者可以深入学习Axure RP 8 原型设计工具的使用,了解各个区域是如何使用并工作的,从而制作出低保真原型和高保真原型的产品原型。
注意:本小节熟悉的软件的操作界面和基本格局,在后续的章节中会详细介绍。
1.3.1 Axure的文件格式
通过Axure设计原型文件,可生成以下3种文件格式。
(1)扩展名.rpprj(数据文件):Axure RP的共享项目文件。通过Axure RP 8 原型和线框应用程序创建共享项目文件,可以共享,注释,版本控制和设计过程中的升级,共享项目文件通常用于创建用户界面样机。共享项目文件和普通Axure RP文件不同,共享项目使项目文件存储在共享网络驱动器或协作开发的Subversion版本控制库中。用户可以通过选择文件→新建团队项目来创建一个共享的项目,还可以通过文件→打开团队项目,来共享项目的获取并开放共享项目。
(2)扩展名.rp(数据文件): RP文件是用Axure RP制作的文件,RP其实就是rapid prototype,即快速原型。一些线框图、流程图、网站架构图、示意图都可能是RP文件。
(3)扩展名.rplib(插件文件):Axure RP 8 窗口小部件在使用时,线框图和原型开发工具可以自定义一个新的图标或交互式可视化元件,可以放置一个Axure RP项目文件,也可以使用原型和实体模型自定义元件。Axure RP 8 元件库,可用于模拟不同平台的外观和感觉。例如,自定义元件库可能包含看起来像Android或iPhone的用户界面图标或按钮。用户可以双击RPLIB文件来载入新的自定义元件。需要注意的是,早期版本的软件部件可能无法与更高版本兼容。
1.3.2 团队项目
团队项目可以全新创建,也可以从一个已经存在的RP文件创建。在创建团队项目之前,用户最好有一个SVN服务器或者共享驱动器。具体使用时我们再详细介绍。
1.3.3 工作环境
Axure RP 8 的工作环境如图1.13所示。
其中,①为菜单栏,②为工具栏,③为页面,④为元件库,⑤为母版,⑥为元件交互样式,⑦为元件管理,⑧为工作区域。
图1.13 Axure RP 8工作环境
1.3.4 自定义工作区
用户可以根据自己的使用习惯对工作区域进行重新设计。
(1)显示/隐藏某个面板。单击菜单栏中的“视图→功能区”选项,在这里可以通过勾选或者不勾选,设置对应面板的显示或隐藏,如图1.14所示。
图1.14 显示或隐藏工作面板
(2)脱离面板。在某些情况下,用户想更顺畅地工作,可以让设计空间变得更大,这时可以设置左侧、右侧、底部的面板脱离。要脱离某个面板,只需单击该面板的左上角的弹出按钮即可,如图1.15所示。
图1.15 弹出页面面板
但是面板的默认位置无法改变,如果页面(站点地图)默认在左上角,用户无法把它默认放在其他位置。
1.3.5 页面(站点地图)
页面(站点地图)用来增加、删除和组织管理原型设计中的页面。添加页面的数量是没有上限的,如果是很大的项目,页面非常多的时候,建议使用文件夹进行管理,如图1.16所示。
其中,①为添加新页面,②为添加文件夹,③为搜索页面。
图1.16 页面管理
1.3.6 元件概述
通过元件库面板,用户可以使用Axure自带的元件库,也可以下载并导入第三方元件库,或者管理自己的自定义元件库。在默认显示线框图元件库中包含基本元件、表单元件、菜单和表格,以及标记元件4个类别,如图1.17所示。
其中,①为元件库下拉列表,单击想要使用的元件库即可选择(如流程图元件库);②为元件库选项按钮,可以载入已经下载的元件库、创建或编辑自定义元件库及卸载元件库;③为搜索元件库。
图1.17 Axure RP 8元件库
1.3.7 交互基础
在Axure中,要想达成交互效果,需要包含4个构建模块:交互(Interactions)、事件(Events)、用例(Cases)和动作(Actions)。交互是由事件触发的,事件是用来执行动作的。
1.3.8 母版
母版可以用于创建重复使用的资源,以及管理全局变化,是整个项目中重复使用的元件容器。用于创建母版的常用元素有页头、页脚、导航、模板和广告等。母版的最大功能在于设计师们可以在任何页面轻松地使用母版,而不需要重复制作或复制粘贴,并且可以在母版面板对母版进行统一管理。设计师只要对母版做出修改并提交,其他页面所使用的相同母版都会同时改变。设计师还可以使用多个母版并将其添加在任何页面上。当每个页面都有大量相同重复的元件时,建议设计师使用母版,这样可以提高效率、节省时间。