速学Axure RP:产品原型设计从入门到进阶
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.3 熟悉Axure RP的基本功能

不管使用什么工具,先对其有一个整体的了解才能够用好。

让我们一起了解一下Axure RP软件所包含的功能模块和用途。

1.3.1 快捷工具栏

工具栏中包含基本工具和样式工具,能够让我们快速完成一些必需的操作,如图1-7所示。

图1-7 快捷工具栏

工具栏所包含的内容可以自定义,稍后在1.5.2节中进行详细讲解。

1.3.2 页面功能面板

页面模块能够进行页面以及页面文件夹的添加、删除、排序、层级等管理操作。另外,上下文菜单中还能够进行【重复】页面与子页面、改变【图表类型】以及【生成流程图】的操作,如图1-8所示。

图1-8 页面功能面板

1.3.3 元件功能面板

元件是组成页面内容的基本元素。

元件模块可以对元件库进行选择、添加、移除、查找、编辑等操作。并且,从Axure RP 9开始,支持将一个图片文件夹作为元件库进行管理与使用,如图1-9所示。

软件自带了3个元件库,分别是默认元件库(Default)、流程元件库(Flow)和图标元件库(Icons)。另外,还附带了一些UI设计范例(Sample UI Patterns)。

关于自带元件库中元件的用途,在之后我们再做详细介绍。

图1-9 元件功能面板

1.3.4 母版功能面板

母版是用来实现原型中某一部分重复出现内容的重用,以此来提高原型制作与修改的效率。

母版模块能够对母版以及母版文件夹进行添加、删除、排序、层级等管理操作。

上下文菜单中能够进行【重复】母版与子母版、将母版【添加到页面中】以及【从页面中移除】的操作。并且,还能够查看母版在页面中的【使用情况】,如图1-10所示。

1.3.5 交互功能面板

在交互模块中,可以添加、删除、编辑各类交互(页面与元件)以及元件的交互样式。

并且,在交互模块中可以进行元件属性的设置以及打开交互编辑器,如图1-11所示。

图1-10 母版功能面板

图1-11 交互功能面板

在Axure RP中提供了两种添加交互的方式,既可以直接在交互功能面板中添加,也可以打开交互编辑器进行添加,添加交互的功能采用的是渐进式设计,也就是当用户完成某一步操作,软件会自动转到下一步操作的操作位置。这样的设计对新手更加友好。

1.3.6 样式功能面板

页面与元件默认呈现的样式,需要在样式模块中进行设置。

页面样式主要包括【页面尺寸】设置、查看原型时的【页面排列】方式的设置以及页面背景【颜色】和背景【图片】的设置。另外,还能够将页面转换为【低保真度】的黑白色页面,如图1-12所示。

元件样式主要包括元件的【位置和尺寸】、【不透明性】、文本【排版】、【填充】的颜色或图片、【线段】(边框)、【阴影】、【圆角】以及文字与边框的【边距】设置,如图1-13所示。

图1-12 页面样式功能面板

图1-13 元件样式功能面板

不过,以上仅仅是各个元件比较通用的样式设置,不同元件的样式存在区别,在之后的原型制作过程中,再进行详细的介绍。

1.3.7 说明功能面板

在Axure RP中,可以为元件和页面添加一些注释说明,这些说明可以包含在生成的原型或文档中,方便用户查看,如图1-14所示。

图1-14 页面与元件说明功能面板

1.3.8 概要功能面板

概要功能面板是对提升原型工作效率非常重要的模块。

在概要功能面板中包含当前编辑页面中所有的元件内容,并且可以对这些元件进行选择、编辑、排序、筛选、层级调整、重命名以及通过上下文菜单进行属性设置等操作。并且,在概要功能面板中可以有条件地显示指定类型的元件内容,如图1-15所示。

图1-15 概要功能面板

最后,有一点非常重要,各个功能面板中内容的排序与层级调整都可以通过拖动或上下文菜单中的选项来完成(元件与样式除外)。

1.3.9 画布

软件的中央区域是画布,我们所绘制的原型就在这一区域完成,如图1-16所示。

图1-16 画布与标尺

画布的上方与左侧分别是X轴与Y轴的标尺,单位为像素。

我们能够看到,X轴标尺的数值是向右变大,Y轴标尺的数值是向下变大。

所以,在一些操作的设置中,在X轴填入正数值是向右,填入负数值是向左。而在Y轴填入正数值是向下,填入负数值是向上。

另外,在Axure RP中,画布支持显示负坐标区域,如图1-17所示。

图1-17 画布的负空间