Axure RP

  [1] Axure RP是美国Axure Software Solution公司旗舰产品,是一界面架构

  专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家可以快速建立应用软件或Web网站的线框图、流程图、原型和规格说明文档。做为专业的原型设计工具,它能快速、高效的建立原型,同时支持多人协做设计和版本控制管理。框架

  Axure RP已被一些大公司采用。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。ide

  界面与功能编辑工具

  导航面板测试

  在绘制线框图(Wireframe)或流程图(Flow)以前,应该先思考界面框架,决定信息内容与层级。字体

  明确界面框架后,接下来就能够利用页面导航面板来定义所要设计的页面。页面导航面板是用于管理所设计的页面,能够添加、删除及对页面层次进行从新组织。网站

  页面的添加、删除和重命名ui

  点击面板工具栏上的“Add Child Page”按钮能够添加一个页面,点击 “Delete Page” 按钮能够删除一个页面。右键单击选择“Rename Page”菜单项可对页面进行重命名。设计

  页面组织排序版本控制

  在页面导航面板中,经过拖拉页面或点击工具栏上的排序按钮,能够上下移动页面的位置和从新组织页面的层次。打开页面进行设计在页面导航面板中,鼠标双击页面将会在线框面板中打开页面以进行线框图设计。

  控件

  控件是用于设计线框图的用户界面元素。在控件面板中包含有经常使用的控件,如按钮、图片、文本框等。

  添加控件

  从控件面板中拖动一个控件到线框图面板中,就能够添加一个控件。控件能够从一个线框图中被拷贝(Ctrl+C),而后粘贴(Ctrl+V)到另一个线框图中。

  操做控件

  添加控件后,在线框图中点选该控件,而后能够拖拉移动控件和改变控件的大小,还能够一次同时对多个控件进行选择、移动、改变尺寸。另外,还能够组合、排序、对齐、分配和锁定控件。这些操做可经过控件右键菜单中进行,也可在Object 工具栏上的按钮进行。

  编辑控件风格和属性

  有多种方法能够编辑控件的风格和属性:

  鼠标双击:鼠标双击某个控件,能够对控件的最经常使用属性进行编辑。例如,双击一个图片控件能够导入一张图片;双击一个下拉列表或列表框控件能够编辑列表项。

  工具栏:点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。

  右键菜单:控件右键菜单上可编辑控件的一些特定属性,不一样控件这些属性也不一样。

  注释

  能够为控件添加注释,以说明控件的功能。

  添加注释

  在线框图中选择控件,而后在控件注释和交互(Annotations and Interactions)面板中编辑字段中的值,便可为控件添加注释。面板顶部的 Label 字段是为控件添加一个标识符。

  自定义字段(Fields)

  经过主菜单Wireframe->CustomizeAnnotation Fields and Views 或点击面板上Annotations 头部的“CustommizeFields and Views” 而后在弹出的 CustommizeFields and , Views对话框中能够添加、删除、修改、排序注释字段。

  脚注(Footnotes)

  在控件上添加注释后,控件的右上角会显示一个黄色方块,称为脚注。

  页面备注

  页面备注可对页面进行描述和说明。

  添加页面备注

  在线框图下面的Page notes 面板中能够添加页面备注内容。

  管理页面备注

  经过自定义页面备注,能够为不一样的人提供不一样的备注,以知足不一样须要。好比能够新增“测试用例”“操做说明”等不一样类别的页面备注。

  4交互设计编辑

  控件的交互

  控件交互面板用于定义线框图中控件的行为,包含定义简单的连接和复杂的RIA 行为,所定义的交互均可以在未来生成的原型中进行操做执行。

  在控件交互面板中能够定义控件的交互,交互事件(Events) 、场景( Cases)和动做(Actions)组成:

  用户操做界面时就会触发事件,如鼠标的 OnClick、OnMouseEnter 和 OnMouseOut;

  每一个事件能够包含多个场景,场景也就是事件触发后要知足的条件;

  每一个场景可执行多个动做,例如:打开连接、显示面板、隐藏面板、移动面板。

  定义连接

  下列步骤说明如何在按钮控件上定义一个连接:

  1.首先,拖拉一个按钮控件到线框图中,并选择这个按钮;

  2.而后,控件交互面板中鼠标双击“OnClick”这个事件,这时会出现“Interaction Case Properties”对话窗,在这个对话框中能够选择要执行的动做;

  3.在“Step 2”中,勾选“Open Link in Current Window”动做。

  4.在“Step 3”中,点击“Link”,在弹出的Link Properties 对话框中能够选择要连接 的页面或其它网页地址 。

  除了上面的步骤,加入一个连接的最快的方法是单击控件交互面板顶部的“QuickLink” ,在弹出的 Link Properties 对话框中选择要连接的页面。

  设置动做

  除了简单的连接以外,Axure还提供了许多丰富的动做,这些动做能够在任何触发事件的场景中执行。如下是 Axure所支持的动做:

  Open Link in Current Window:在当前窗口打开一个页面

  Open Link in Popup Window:在弹出的窗口中打开一个页面

  Open Link in Parent Window:在父窗口中打开一个页面

  Close Current Window:关闭当前窗口

  Open Link in Frame:在框架中打开一个页面

  Set Panel state(s) to State(s):为动态面板设定要显示的状态

  Show Panel(s):显示动态面板

  Hide Panel(s):隐藏动态面板

  Toggle Visibility for Panel(s):切换动态面板的显示状态(显示/隐藏)

  Move Panel(s):根据绝对坐标或相对坐标来移动动态面板

  Set Variable and Widget value(s) equal to Value(s):设定变量值或控件值

  Open Link in Parent Frame:在父页面的嵌框架中打开一个页面

  Scroll to Image Map Region:滚动页面到

  Image Map 所在位置

  Enable Widget(s):把对象状态变成可用状态

  Disable Widget(s):把对象状态变成不可用状态

  Wait Time(s):等待多少毫秒(ms)后再进行这个动做

  Other:显示动做的文字说明

相关文章
相关标签/搜索