Axure RP教材初级中级及部分问题FAQ.docx
- 文档编号:30559247
- 上传时间:2023-08-16
- 格式:DOCX
- 页数:60
- 大小:1.49MB
Axure RP教材初级中级及部分问题FAQ.docx
《Axure RP教材初级中级及部分问题FAQ.docx》由会员分享,可在线阅读,更多相关《Axure RP教材初级中级及部分问题FAQ.docx(60页珍藏版)》请在冰豆网上搜索。
AxureRP教材初级中级及部分问题FAQ
AxureRP教材
一、认识AxureRP
1.1什么是AxureRP
Axure的发音是[Ack-sure],RP则是[RapidPrototyping]快速原型的缩写。
AxureRPPro是美国AxureSoftwareSolution公司的精心杰作,如果您本身是软件项目经理,Web产品经理,或网站策划工作者,那么您不能不知道这套软件。
AxureRP是一个快速绘制Wireframe和Prototyping的工具,主要用来定义应用程序的需求与规格,以及设计使用者界面与功能,使用者包括UserExperienceDesigners、商业分析师、信息架构师、UsabilityExpert与产品经理等专业人士。
.
在AxureRP中建立Wireframe和Prototype可以帮助您快速且有效地分析需求、验证设计并传达给所有参与者,以确保在有限的项目时间与资源下,开发出有用和可用的应用程序。
传统上,制作prototype不但昂贵而且费时,让程序设计师很难在开发过程中搭配合作。
商务专家(Businessprofessional)也不断的在使用简报与图标的工具建立prototype和持续对制作过程与结果不满意之间挣扎着。
为了要能有效且快速的建立prototype,AxureRP结合了广受欢迎的简报与图标工具中简易操作的特性和其它必要的功能。
这样一来,商务专家就可以在不需要大量的文件制作下快速的建立prototype,而项目成员与项目关系人也可以在不中断开发的情况下轻松完成prototype。
AxureRP很容易上手且绝对物有所值,所以当项目成员在第一个项目中使用这个工具时就会发现他们的投资已经得到了显著的回报。
不只省下了在收集与沟通需求上的时间与成本,同时也降低了改善需求时的重工。
透过prototype可以省下惊人的成本,以及预防潜在性的商业损失、机会损失与项目关系人信心丧失等的灾难成本。
1.2Prototype的效益
『没有比制作prototype更易取得使用者界面与特殊功能可用性上的一致性了。
Prototype不只可确认需求,它更可赢得顾客的心。
』
AlanM.DavisandDeanA.Leffingwell
UsingRequirementsManagementtoSpeedDeliveryofHigherQualityApplications
RationalSoftwareCorporation/IBM
根据StandishGroup的[2003ChaosChroniclesReport],大约66%的软件开发项目不是失败,就是超出预算、超出项目时间,或是交付缩水的功能。
项目失败或亏损的前三大原因为:
1.缺乏使用者的参与
2.需求或规格不完整
3.需求或规格变更
在过去,需求管理工具或工作表中所储存的数千个需求与上百页的文件早已不合时宜,现在,这些需求更不适用于目前快速发展的环境。
制作Prototype可以有效简化文件制作、吸引使用者参与、早期辨认需求遗漏,将外在需求降到最低。
大量文件制作可以改成有注释与交互性的画面,如此更能抓住项目关系人(stakeholder)与使用者的注意。
1.3AxureRP可以帮助哪些人
网站策划人员、网站项目经理、系统分析师、软件界面设计师、交互设计师、用户体验设计师、Usability专家、产品经理等。
1.4如何学习AxureRP的操作
如果您本身已经会使用PowerPoint或者Visio,您可以很快学会AxureRP的操作。
学习AxureRP的最好方式就是下载安装,直接去体验各种功能,然后试着按下[F5]输出成Prototype。
或者您也可以下载网上提供的AxureRP范例,打开这些范例的RP文件(AxureRP专属的ProjectFile),然后试着按下[F5]输出成Prototype。
一般情况,AxureRP初次使用者大约花上1-2小时就学会基本操作,并开始应用到实际的工作上。
二.下载/安装
2.1系统环境需求
安装AxureRP之前,请事先准备符合以下基本需求的计算机环境:
∙操作系统:
Windows2000,XP,2003ServerorVista
∙其它软件:
MicrosoftOfficeWord(forWindows2000,XP,2003,2007)
∙浏览器:
IE6.0以上,FireFox,Netscape6.0以上,或Mozilla
∙内存:
512MBRAM以上
∙CPU:
1GHzProcessor以上
∙安装所需硬盘空间:
Axure4.6最少30MB,Axure5.0最少60MB
2.2下载步骤
可以到“RP。
填写好下载表格送出之后,可立即下载最新AxureRP软件,AxureRPPro5的安装档大约55Mbytes(AxureRP4.x的安装档约26Mbytes)。
您所下载的AxureRP软件与正式版在功能上完全相同,如果您已经有正版授权序号,安装新版AxureRPPro程序后请继续安装序号。
如果您只是想要试用,则不需输入序号,即享有30天的试用时间。
如果要升级为正式版,请购买AxureRP软件授权。
2.3安装步骤
step1.启动安装程序,出现欢迎画面,按[Next]。
step2.阅读软件授权同意书(LicenseAgreement),如果您接受软件授权同意书,请勾选[IAgree],然后按[Next]。
step3.选择您想要安装的程序目录,一般来说,您可以不需要变更预设的安装目录,请按[Next]继续进行安装。
如果您想变更安装目录,请按』Browse』选择您需要的目录。
step4.设定程序集名称,一般来说,您可以不需要变更预设的名称,请按[Next]继续进行安装。
step5.安装精灵已经收集到安装所需信息了,请按[Next]继续进行安装。
step6.安装进行中…
step7.安装成功!
按下[Finish]结束安装并同时启动AxureRPPro4.6版程序。
三.AxureRP基本操作
3.1认识AxureRP操作界面
下图是AxureRP环境与界面中各区块的简单描述。
主选单/工具列:
在主选单与工具列中,可以执行常用的动作指令,例如:
开启与储存档案、输出Prototype或Spec文件。
Sitemap窗格:
Sitemap窗格将您所设计的网页以树状结构的方式呈现,您可以在这里新增、移除、重新命名和组织设计的网页。
Widgets窗格:
包含一系列常用的使用者界面对象,例如:
按钮、影像、TextPanel与矩形,您可以直接透过拖拉的方式来设计网页。
Masters窗格:
在这里您可以新增、移除、重新命名和组织设计好的Master。
Master是一种可以容纳多项界面元素的集合样板(Temlate),您可以将常用的共享区块设计成Master,未来在设计Wireframe时重复使用Master,来提高规划的效率。
Wireframe窗格:
您可以在这个窗格中设计网页信息元素,编排内容,设计界面,设计交互特性等等。
未来可以将这些设计好的页面,输出成Prototype或Spec文件。
交互设计(Interaction)窗格:
交互的范围很广,从最基本的超级链接、pop-ups,一直到动态显示和隐藏widget。
您可以在这个窗格中定义Widget的交互。
组件批注(Annotation)窗格:
您可以为Widget加上批注来指定功能,您可以在这个窗格中增加和自订Widget的批注。
网页说明及交互(PagesNotes&Interactions)窗格:
您可以在这个窗格中加入网页层级的说明与交互效果到设计中。
3.2示意图及批注
3.2.1定义Sitemap
企划一个网站或WebAP,在动手开始绘制网站页面的示意图(Wireframe)或流程图之前,您应该事先思考网站架构,并决定信息内容与层级。
当您心中已经有了明确的网站架构,接下来就可以利用Sitemap窗格来定义您所设计的网站页面。
Sitemap窗格是用来管理设计中网页的工具,您可以在Sitemap窗格中可以新增、删除和调整网页层级。
新增/删除网页:
想要新增网页的话,请点选Sitemap工具列上的【AddChildPage】钮。
在网页上按鼠标右键,然后选择「RenamePage」或慢慢的在网页上连续按鼠标左键两下可编辑网页名称。
想要删除网页的话,请点选想要删除的网页,然后按下Sitemap工具列上的【DeletePage】钮,或是在网页上按下鼠标右键,然后选择「DeletePage」。
调整网页层级:
您可以将网页从Sitemap中拖曳到目标母网页中来移动网页位置,您也可以使用Sitemap工具列上的箭头按钮来上下移动网页,或改变网页的阶层。
开启网页:
在Sitemap中的任一网页上连续按鼠标左键两下,网页会在Wireframe窗格中开启。
3.2.2以组件(Widgets)绘制示意图(Wireframe)
组件(Widget)是用来设计Wireframe的元素,您可以在Widgets窗格中找到一些常用的WireframeWidget,例如:
Button、Image和TextPanel。
新增组件(Widget):
想在Wireframe中新增组件的话,只要从Widgets窗格中将想要新增的组件拖曳(drag&drop)到Wireframe窗格上就可以了。
您也可以在Wireframe中利用复制(Ctrl+C)与粘贴(Ctrl+V)的方式来新增组件。
熟悉PowerPoint操作方式的使用者刚开始可能不太习惯,因为AxureRP的操作方式类似Visio选择图形的作法,是利用拖放(Drag&Drop)的方式,跟PowerPoint是不一样的。
移动组件(Widget):
在Wireframe中新增组件之后,您可以拖放Widget来移动的位置,拖曳Widget四周的控制点来改变Widget的大小。
您也可以一次选取多个组件,一次改变所有被选取的组件的位置和大小。
除此之外,您还可以在选取的Widget上按下鼠标右键,使用快捷菜单(contextmenu)来设定Widgets的群组(Grouping)、顺序(Order)、对齐(Align)、分散(Distribute)与锁定(Lock);您也可以利用Object工具列来做这些设定,请先利用菜单「View->Toolbars->Object」将Object工具列叫出。
编辑组件(Widget):
编辑Widget的样式与属性有下列3种方式:
连续按鼠标左键两下:
在Widget上连续按鼠标左键两下可以让您变更一些基本的Widget属性,例如:
在ImageWidget上连续按鼠标左键两下可以让您加入影像;在Droplist或ListBoxWidget上连续按鼠标左键两下可以让您编辑选单项目。
工具列:
使用工具列可编辑Widget的样式,例如:
外框色彩、填满色彩、字型和字体大小。
快捷菜单(ContextMenu):
在Widget上按下鼠标右键会出现快捷菜单,您可以透过菜单中的选项来设定Widget的特殊属性,这些选项也会因Widget的类型而有所不同。
3.2.3撰写组件批注(Annotation)
您可以在Wireframe中为任何组件(Widget)加上批注。
新增批注:
想要给组件加上批注的话,请先选择Wireframe中的组件,如图箭头1所示,被选取的组件呈现绿色框线状态,然后在组件批注窗格(Annotations&InteractionsPane)的Specification字段(箭头2),输入对这个组件的解释内容,您也可以在窗格最上方的「Label」字段(箭头3)输入名称来帮组件命名。
自定字段:
您可以透过菜单「Wireframe->CustomizeAnnotationFieldsandViews」,或是按一下Annotations&Interactions的标头来自订批注字段。
脚注(Footnote):
一旦在Widget上加上后,Widget右上方会多一个黄色小方块,里面有一个脚注号码(Footnotenumber),您可以在Widget上按下鼠标右键,使用Footnotes次菜单来增加或减少这个编号数字。
3.2.4网页说明(PageNotes)
网页说明可以用来收集网页层级的描述或需求。
撰写网页说明(PageNotes):
网页说明会被保留在Wireframe下方的窗格内。
管理网页说明类别:
AxureRP本身预设的网页说明类别是default,您可以透过新增额外的说明类别,轻易的区分出您自己的说明与要输出到Prototype与规格中的说明。
比如您可以新增TestCase,操作说明,SD等不同类别的网页说明。
而当您要输出规格文件时,可以个别指定哪些种类的网页说明要输出到文件,如此一来,您就可以输出专属于TestCase,操作说明或SD文件了。
想要新增/编辑网页说明类别的话,请点选菜单「Wireframe->ManagePageNotes」,或按一下「PageNotes–Default」右方的向下箭头并选择「ManagePageNotes」,此时会出现PageNotes对话框,利用这个对话框,您可以新增、移除、更名或重新排列说明字段。
想要切换说明类别的话,请按一下「PageNotes–Default」右方的向下箭头,来选择说明类别。
3.2.5秘技(QuickTips)
秘技一.超快速挪动画面:
当您设计的网页画面变大时,为了选取不同位置的组件,您必须经常使用垂直与水平的滚动条,这会使得选取组件的动作变慢。
请试试这招,鼠标光标focus在Wireframe,按住键盘的空格键,这么一来就会切换成Handtool,此时鼠标光标会切换成手状,您可以用来抓着画面任意滑动,而且不会打乱任何组件的位置,轻松愉快。
秘技二.穿透组件(Widget)选取下层的组件:
以鼠标左键稍慢速度按一下组件,当您放开鼠标左键时,可以穿透上层组件,选取到位于下层的组件。
秘技三.引用MicrosoftOffice或其它软件的组件:
您可以利用复制/粘贴(Coyp/Paste)的功能,将其软件中的组件,例如:
PowerPoint,Excel,Visio,Photoshop与Illustrator贴到AxureRP中。
一般来说,这些贴上的组件会变成Wireframe中的图像组件。
反之亦然,您也可以复制AxureRP中的组件或画面,贴到其它软件。
秘技四.单选群组(收音机按钮群组RadioButtonGroup):
您可以一次选取多个RadioButton,按下鼠标右键,并选择「EditRadioButton->AssignRadioGroup」来设定RadioButton的群组关系。
如此一来,当这些RadioButton输出到Prototype时,就会形成真正的单选使用者界面。
3.3初级交互设计
3.3.1交互(Interaction)
Interactions窗格是用来定义Widget在Wireframe中的交互表现方式,交互表现的方式包含简单的连结到RichInternetApplication(RIA)的复杂行为,而且这些交互表现都可以在Prototype中执行。
触发事件(Event)、假设条件(Case)、动作型态(Action)
在AxureRP中的交互设计是由触发事件(Event)、假设条件(Case)与动作型态(Action)所组成。
当使用者对网页进行某些人机界面的操作时,就会对网页触发一个事件(Event)。
每一个触发事件都可以有一或多个假设条件(Case),例如,一个按钮的OnClick触发事件可以有两个假设条件:
其中一个导引至某个网页,另一个则导引至另一个网页。
而每一个假设条件(Case)又可以执行一或多个动作型态(Action),举例来说:
「OpenLinkinCurrentWindow」的动作就是一个基本连结。
触发事件(Event):
目前AxureRP5支持的人机界面触发事件,及相对应的触发事件(Event)名称如下:
∙以鼠标点击–OnClick
∙鼠标的指针移动到对象之上–OnMouseEnter
∙鼠标的指针移动出对象之外–OnMouseOut
∙鼠标的指针进入文字输入状态–OnFocus
∙鼠标的指针离开文字输入状态–OnLostFocus
∙敲键盘–OnKeyUp
∙浏览器加载网页–OnPageLoad
大多数的对象,只具备最常见的三种触发事件(Event)–OnClick、OnMouseEnter与OnMouseOut。
某些特定的Widget的可触发事件有些不同:
∙Button对象只有OnClick。
∙RadioButton,CheckBox这2种对象则具有OnFocus/OnLostFocus触发事件。
∙TextField,TextArea这2种对象则具备OnKeyUp/OnFocus/OnLostFocus触发事件。
∙Droplist,ListBox这2种对象则具备OnChange/OnFocus/OnLostFocus触发事件。
∙网页加载浏览器时,则有OnPageLoad触发事件。
您不需要硬背上述的对象及对应的Event,在AxureRP的操作界面上,您只要点选对象,就可以查看Interaction窗格所显示的对应Event。
3.3.2定义基本连结
下列步骤说明如何新增一个基本连结到ButtonWidget。
加入基本连结最快的方法就是按一下Interactions窗格中的「QuickLink」,弹出Sitemap窗格的网页清单后,你可以为选定的对象(Widget)指定连结到哪一个网页。
如果不是透过QuickLink的话,那么请按照下列步骤(对照下图)进行交互的设定。
步骤一:
指定对象,于画布中放置一个ButtonWidget并选取它。
步骤二:
新增假设条件(AddCase),在Interactions窗格中选择OnClick,并点选「AddCase」(或在OnClick上连续按鼠标左键两下)以增加一个假设条件(Case)到按钮的OnClick触发事件,这时会出现「InteractionCaseProperties」对话窗,您可以在此处选择想要执行的动作。
步骤三:
选择动作型态(SelectAction),在InteractionCaseProperties对话窗的Step2.SelectActions,勾选「OpenLinkinCurrentWindow」这个动作型态。
步骤四:
编辑实际动作(EditActionDescription),按一下InteractionCaseProperties对话窗的下方,step3的』Link』,并选择实际执行动作时要开启的网页。
3.3.3动作型态(Action)及实际动作(ActionDescription)
除了基本连结之外,AxureRP还提供了许多的动作型态,这些动作都可以在任何触发事件的假设条件中被执行。
你可以同时指定一种/多种动作型态(Action)之后,接着定义实际动作(ActionDescription),这样子才能完成展现在Prototype上的一个/多个实际动作。
以下是AxureRP5.0版所提供的动作型态(Action):
1.OpenlinkinCurrentWindow
开启网页
2.OpenlinkinPopupWindow
开启网页在Popup窗口
3.OpenlinkinParentWindow
开启网页在Parent窗口
4.CloseCurrentWindow
关闭目前窗口
5.OpenlinkinFrame
开启网页在inlineframe中
6.SetPanelstate(s)toState(s)
指定某个DynamicPanel的显示状态
7.ShowPanel(s)
显示DynamicPanel
8.HidePanel(s)
隐藏DynamicPanel
9.ToggleVisibitdtyforPanel(s)
切换DynamicPanel显示或隐藏
10.MovePanel(s)
移动DynamicPanel
11.SetVariableandWidgetvalue(s)equaltoValue(s)
设定变量或Widget的值
12.OpenlinkinParentFrame
开启网页在上层内嵌框架中
13.ScrolltoImageMapRegion
卷动画面到ImageMap的位置
14.EnableWidget(s)
把Widgets变成可用状态
15.DisableWidget(s)
把Widgets变成变成不可用状态
16.WaitTime(s)
动作之前先等候(毫秒)
17.Other
以文字说明来描述实际动作
3.3.4多重假设条件(MultipleCases)
一个触发事件(Event)可以加入多个假设条件(MultipleCases),以进行不同条件判断的差异化流程或交互表现。
举例来说,您可以在一个按钮的OnClick触发事件中加入两个假设条件,第一个假设条件Case1命名为“IfYes”,选择这个假设条件时会开启第一页;第二个假设条件Case2命名为“IfNo”,选择这个假设条件时会开启第二页。
当按纽在Prototype中被按下时,会显示出这两个条件的说明(『IfYes』与』IfNo』),此时点选其中一个条件的说明,就会执行该条件所关连的动作。
使用条件说明可以有效沟通条件流程,但是,如果需要建立一个高亲合力的Prototype,则必需在条件中定义条件逻辑,根据在窗体Widget中输入的值或变量值来执行动作。
3.3.5网页层级的交互:
OnPageLoad
AxureRP支持一个网页层级的触发事件(Event)-OnPageLoad,这个触发事件发生在Prototype载入网页时。
OnPageLoad交互必须在PageNotes窗格的Interactions窗格中定义,加入假设条件的方式与在Widget中相同。
OnPageLoad触发事件(Event)会在OnPageLoadEvent的介绍中做深入的说明。
3.3.6秘技(QuickTips)
秘技一.快速连结(QuickLink):
选择Widget,然后按一下Interactions窗格中的「QuickLink」并选择目标网页,可以快速地在Widget中加入一个基本连结。
秘技二.连结外部实际网址或网页:
可以让prototy
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Axure RP教材初级中级及部分问题FAQ RP 教材 初级 中级 部分 问题 FAQ