Axure RP使用培训-px

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

AxureRP使用培训2010.11工欲善其事必先利其器AxureRP使用培训目录工欲善其事必先利其器•RP基本操作•RP高级技巧•RP使用心得AxureRP使用培训RP的工作环境工欲善其事必先利其器1.主菜单和工具栏:执行常用操作,如文件打开、保存、格式化控件、输出原型、输出规格等操作。2.页面导航板:对所设计的页面进行添加、删除、重命名和组织。3.控件面板:该面板中有线框图控件和流程图控件,用这些控件进行线框图和流程图的设计。4.模块面板:模块是一种可以复用的特殊页面,在该面板中可进行模块的添加、删除、重命名和组织。5.线框图面板:在线框图面板中可以进行页面线框图的设计,线框图面板也就是进行页面设计的工作区。6.控件交互面板:定义控件的交互,如:链接、弹出、动态显示和隐藏等。7.控件注释面板:对控件进行注释定义和对控件的功能进行说明。8.页面交互和注释面板:添加和管理页面的注释和交互。.主菜单和工具栏页面导航板控件面板模块面板线框图面板控件交互面板控件注释面板页面交互和注释面板AxureRP使用培训页面导航面板(Sitemap)工欲善其事必先利其器页面的添加、删除和重命名页面组织排序打开页面进行设计演示–添加、删除页面–页面排序–拷贝页面页面组织排序:在页面导航面板中,通过拖拉页面或点击工具栏上的排序按钮,可以上下移动页面的位置和重新组织页面的层次。打开页面进行设计:在页面导航面板中,鼠标双击页面将会在线框面板中打开页面以进行线框图设计。页面的添加、删除和重命名:击面板工具栏上的“AddChildPage”按钮可以添加一个页面,点击“DeletePage”按钮可以删除一个页面。右键单击选择“RenamePage”菜单项可对页面进行重命名。AxureRP使用培训控件(Widgets)工欲善其事必先利其器添加控件操作控件编辑控件风格和属性演示–常用控件:文本、链接、图片、按钮、表格、输入框–操作:对齐、置顶、锁编辑控件风格和属性:有多种方法可以编辑控件的风格和属性:鼠标双击:鼠标双击某个控件,可以对控件的最常用属性进行编辑。例如,双击一个图片控件可以导入一张图片;双击一个下拉列表或列表框控件可以编辑列表项。工具栏:点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。右键菜单:控件右键菜单上可编辑控件的一些特定属性,不同控件这些属性也不同。AxureRP使用培训使用模块(Master)工欲善其事必先利其器模块是可以重复使用的特殊页面如页首(Header)、页尾(Footer)与导航(Navigation)演示–一般模板–背景模板–自定义模板Normal:模块可以被移动与放置在线框图中的任何地方,对模块修改后,所做的修改会在该模块的所有使用实例中反映出来。PlaceinBackground:模块应用在线框图中时,会处于线框图的最底层并被锁定,所包含控件的位置与在模块中的位置相同,常用于作为模板、布局、底板。CustomWidget:模块应用在线框图中时,模块中的控件与模块失去关联,模块中的控件可以像一般控件一样进行编辑,就好像只是进行了复制。常用于创建具有自定义属性、注释和交互的自定义控件库,AxureRP使用培训控件的交互工欲善其事必先利其器演示–多case–Ifelse–隐藏、显示一个区域–变量–复制在控件交互面板中可以定义控件的交互,交互由事件(Events)、场景(Cases)和动作(Actions)组成:用户操作界面时就会触发事件,如鼠标的OnClick、OnMouseEnter和OnMouseOut;每个事件可以包含多个场景,场景也就是事件触发后要满足的条件;每个场景可执行多个动作,例如:打开链接、显示面板、隐藏面板、移动面板。目前AxureRP5支持的事件如下:OnClick:鼠标点击OnMouseEnter:鼠标的指针移动到对象上OnMouseOut:鼠标的指针移动出对象外OnFocus:鼠标的指针进入文字输入状态(获得焦点)OnLostFocus:鼠标的指针离开文字输入状态(失去焦点)OnPageLoad:页面或模块载入AxureRP使用培训控件的交互工欲善其事必先利其器以下是Axure所支持的动作:OpenLinkinCurrentWindow:在当前窗口打开一个页面OpenLinkinPopupWindow:在弹出的窗口中打开一个页面OpenLinkinParentWindow:在父窗口中打开一个页面CloseCurrentWindow:关闭当前窗口OpenLinkinFrame:在框架中打开一个页面SetPanelstate(s)toState(s):为动态面板设定要显示的状态ShowPanel(s):显示动态面板HidePanel(s):隐藏动态面板ToggleVisibilityforPanel(s):切换动态面板的显示状态(显示/隐藏)MovePanel(s):根据绝对坐标或相对坐标来移动动态面板SetVariableandWidgetvalue(s)equaltoValue(s):设定变量值或控件值OpenLinkinParentFrame:在父页面的嵌框架中打开一个页面ScrolltoImageMapRegion:滚动页面到ImageMap所在位置EnableWidget(s):把对象状态变成可用状态DisableWidget(s):把对象状态变成不可用状态WaitTime(s):等待多少毫秒(ms)后再进行这个动作Other:显示动作的文字说明AxureRP使用培训生成原型和规格说明工欲善其事必先利其器F5键生成HTMLF6键生成规格说明书docCHM文档演示–Html–Word–Chm配置选项分为以下部分:General:在“DestinationFolder”位置输入HTML原型的存放位置。由于AxureHTML原型包含多个文件,最好指定一个单独文件夹专门存放这个原型。Notes:选择和排序想要显示在HTML原型中的页面说明。Annotations:选择和排序想要显示在HTML原型中的注释字段。Interactions:指定交互行为,例如:指定是否需要总是显示场景描述(case),或是只在多个场景存在的情形才显示。Distribution:选择是否生成chm文件。Advanced:选择是否将TextPanel转成图片,这是旧版本的一个功能,很少使用。AxureRP使用培训流程图工欲善其事必先利其器可以根据页面导航面板中的页面层级关系自动产生流程图:1、首先,创建一个流程图页面,并双击打开;2、然后,在页面导航面板中你想要生成流程图的分支根节点上点击右键,然后选择“GenerateFlowDiagram”,你将看到两个选项:Standarddigram或RightHanging。选择其中一个就可以在线框图面板中产生一个流程图。在控件面板中的顶部工具栏上点击“flow”按钮可以找到流程控件,这些流程控件用于表达流程中的步骤。Axure里面由于不涉及到具体的程序流程,所以有些标准的图形并没有提供,如不规则图形、侧面双矩形等,如果这些流程控件不满足你的流程需要,可由图片控件进行合成。流程控件的使用有一些约定习惯,但是Axure并没有对如何使用这些形状进行强制约束。一般地,你应该以其他人能够理解的方式进行使用。你可以自己自定义一套符号标准,进行使用。AxureRP使用培训目录工欲善其事必先利其器•RP基本操作•RP高级技巧•RP使用心得AxureRP使用培训高级技巧工欲善其事必先利其器案例分析会员中心的设计,主要展示动态面板、翻转效果和鼠标移动事件、菜单等功能。AxureRP使用培训目录工欲善其事必先利其器•RP简介•RP基本操作•RP高级技巧•RP使用心得AxureRP使用培训够用就好工欲善其事必先利其器AxureRP软件也在不断的完善,有不能实现的效果一个不能实现的效果,只要不影响项目的进度,不影响与执行人员的沟通,在工作中就不要过分的追求有些交互设计师会对一些布局细节担忧,害怕自己会一直调整对齐和细节。记住,我们出的是可交互的原型,不是最终产品,不需要考虑太多的视觉细节,这些会由前端开发去进行标准的把控不执着于AxureRP不能实现的业务需求输出规格说明:设计完线框图后,就可以输出Word格式的需求书或功能性规格文件(Specification)。默认的规格书生成器是Word2007(.docx文件),需要安装Word2007以生成和阅读.docx文件。另外,你也可以设置Word2000作为规格书生成器。如果没有安装Word2007,可以安装MicrosoftOfficeCompatibilityPack兼容包,然后就可以让Office2000/XP/2003打开、创建、编辑、保存2007文件格式了。如果你未安装2007或兼容包,它会和Axure一起安装。在设计线框图时,如果把需求说明或规格描述写在了页面备注或控件注释中,生成规格文件时,Axure会自动汇总这些文字和插图,按照顺序出现在Word文档中。AxureRP使用培训培养写文档说明的习惯工欲善其事必先利其器在每一个文档首页写上文档说明,包括版本号、完成的部分、名词注释、较上一版的更新。

1 / 15
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功