原型设计工具介绍——Axure RP

Axure RP,源自美国Axure Software Solution公司,是一款业界领先的快速原型设计工具。这款工具,其名字中的Axure发音为"Ack-sure",代表着公司本身的品牌,而RP则是Rapid Prototyping(快速原型)的缩写。Axure RP作为公司的旗舰产品,为负责需求定义、规格设定、功能及界面设计的专家提供了一个高效的平台,使他们能够迅速构建应用软件或Web网站的线框图、流程图、原型以及详尽的规格说明文档。作为专业的原型设计工具,Axure RP不仅确保了原型制作的快速与高效,还提供了多人协作设计和版本控制管理的功能,极大地提升了团队的工作效率。这款工具广泛应用于商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等专业人士中,也获得了架构师和程序员的青睐。
官网https://www.axure.com/是付费软件,新用户可以免费体验30天。
Axure RP提供了一个直观的可视化工作平台,使用户能够通过简单的鼠标操作快速创建并附上注释的线框图。无需编程知识,用户便能在这些线框图上定义基本的链接和高级交互功能。进一步地,基于这些线框图,Axure RP还能自动生成HTML格式的原型和Word格式的规格文档。

Axure RP支持Windows和OS X操作系统,工作界面包含以下几个关键部分:

主菜单和工具栏:提供了文件打开、保存、格式化控件、自动生成原型和规格文档等常用操作。

站点地图面板:用于添加、删除、重命名和组织所设计的页面(包括线框图和流程图),以及构建页面层次结构。
控件面板:包含线框图和流程图所需的各种控件,并允许用户加载已有的部件库(*.rplib文件)以创建自定义的部件库。
模块面板:这是一个用于存储和管理可复用模块的面板,用户可以在其中添加、删除、重命名和组织模块分类。
线框图工作区:即页面工作区,是原型设计的主要场所,用户可以在此设计线框图、流程图、自定义部件和模块。
页面注释和交互区:该区域用于添加和管理页面级别的注释和交互设置。
控件交互面板:用于定义控件的交互行为,例如链接跳转、弹出窗口、动态显示和隐藏等。
控件注释面板:为用户提供了一个注释控件功能的区域,以便更好地解释和说明控件的用途。

界面功能描述

导航面板概述
在绘制线框图或流程图之前,首先要明确界面的整体框架和信息的层次结构。完成这一步后,可以通过页面导航面板来构建所需设计的页面结构。此面板用于管理设计过程中的各个页面,支持页面的添加、删除以及层次结构的调整。

页面管理操作

添加与删除:点击“Add Child Page”按钮可新增页面,而“Delete Page”按钮则用于移除页面。
重命名:右键点击页面,选择“Rename Page”即可修改页面名称。
组织排序:通过拖拽页面或使用工具栏上的排序功能,可以轻松地调整页面在导航面板中的位置及其层级关系。

页面设计流程
在导航面板中,双击某一页面即可在线框面板中打开该页面,进行线框图设计。

控件的使用
控件是设计线框图时不可或缺的用户界面元素,如按钮、图片、文本框等。它们都可以在控件面板中找到。

添加控件:从控件面板中拖动所需控件至线框图面板,即可在设计中添加该控件。控件还支持跨线框图的复制(Ctrl+C)和粘贴(Ctrl+V)操作。
控件操作:选中控件后,可对其进行移动、大小调整、多选操作等。此外,还支持控件的组合、排序、对齐、分配和锁定功能,这些操作均可通过控件右键菜单或Object工具栏完成。

控件样式与属性编辑

鼠标双击:直接双击控件可编辑其常用属性,如图片控件的图片导入、下拉列表或列表框的列表项编辑等。
工具栏:利用工具栏上的按钮,可调整控件的文本字体、背景色、边框等属性。
右键菜单:通过控件的右键菜单,可针对具体控件编辑其特定的属性。

注释与自定义

控件注释:选择控件后,在“Annotations and Interactions”面板中编辑字段,可为控件添加功能说明。面板顶部的Label字段用于为控件添加标识符。
自定义字段:通过主菜单或面板上的“Customize Fields and Views”功能,可以自定义注释字段,以满足不同的注释需求。
脚注与页面备注:为控件添加注释后,控件右上角会显示黄色方块作为脚注。同时,页面备注功能允许在Page notes面板中添加对页面的描述和说明,并支持自定义备注以满足不同需求。

交互设计说明

控件交互面板
控件交互面板是设计线框图中控件行为的关键工具,允许用户定义从简单的链接到复杂的富互联网应用(RIA)行为。这些定义的交互行为将在后续的原型制作中实际运行。

交互三要素

交互事件(Events):当用户与界面进行交互(如点击、鼠标进入或离开)时,会触发这些事件。
场景(Cases):每个事件下可以配置多个场景,场景定义了事件触发后需要满足的条件。
动作(Actions):每个场景下可以执行一系列动作,如打开链接、显示/隐藏面板、移动面板等。

定义链接

在按钮控件上定义链接的步骤如下:

添加控件:在线框图中拖拽一个按钮控件,并选中它。
设置事件:在控件交互面板中,双击“OnClick”事件,进入“Interaction Case Properties”窗口。
选择动作:在“Step 2”中,勾选“Open Link in Current Window”选项。
指定链接:在“Step 3”中,点击“Link”按钮,在“Link Properties”对话框中选择要链接的页面或外部网址。

另外,快速添加链接的方法是:点击控件交互面板顶部的“QuickLink”图标,并在弹出的对话框中直接设置链接。

设置动作

Axure提供了丰富的动作选项,可根据需要灵活配置。以下是一些常见的动作:

在当前窗口打开链接
在弹出窗口中打开链接
在父窗口中打开链接
关闭当前窗口
设置面板状态
显示/隐藏面板
切换面板可见性
移动面板
设置变量和控件值
在父页面框架中打开链接
滚动到图片映射区域
启用/禁用控件
等待特定时间
其他自定义动作

多个场景管理

每个交互事件下都可以配置多个场景,以实现更复杂的逻辑流程。根据条件的满足情况,场景可以按照预设的顺序或逻辑执行。

页面级事件

Axure还支持页面级的触发事件,如“OnPageLoad”。当页面加载时,该事件将被触发,并可以配置相应的场景和动作。这些页面级事件在页面的“Interactions”子面板中进行配置。

posted @   茶菹不是沮  阅读(192)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示