《Axure RP使用培训-px.ppt》由会员分享,可在线阅读,更多相关《Axure RP使用培训-px.ppt(15页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Axure RP使用培训2010.11工欲善其事必先利其器工欲善其事必先利其器2021/9/261Axure RP使用培训 目录工欲善其事必先利其器工欲善其事必先利其器RP基本操作RP高级技巧RP使用心得2021/9/262Axure RP使用培训 RP的工作环境 工欲善其事必先利其器工欲善其事必先利其器1.主菜单和工具栏主菜单和工具栏:执行常用操作,如文件打开、保存、格式化控件、输出原型、输出规格等操作。2.页面导航板页面导航板:对所设计的页面进行添加、删除、重命名和组织。3.控件面板控件面板:该面板中有线框图控件和流程图控件,用这些控件进行线框图和流程图的设计。4.模块面板模块面板:模块是
2、一种可以复用的特殊页面,在该面板中可进行模块的添加、删除、重命名和组织。5.线框图面板线框图面板:在线框图面板中可以进行页面线框图的设计,线框图面板也就是进行页面设计的工作区。6.控件交互面板控件交互面板:定义控件的交互,如:链接、弹出、动态显示和隐藏等。7.控件注释面板控件注释面板:对控件进行注释定义和对控件的功能进行说明。8.页面交互和注释面板页面交互和注释面板:添加和管理页面的注释和交互。.主菜单和工具栏页面导航板控件面板模块面板线框图面板控件交互面板控件注释面板页面交互和注释面板2021/9/263Axure RP使用培训页面导航面板(Sitemap)工欲善其事必先利其器工欲善其事必先
3、利其器页面的添加、删除和重命名页面组织排序 打开页面进行设计 演示添加、删除页面页面排序拷贝页面页面组织排序:在页面导航面板中,通过拖拉页面或点击工具栏上的排序按钮,可以上下移动页面的位置和重新组织页面的层次。打开页面进行设计:在页面导航面板中,鼠标双击页面将会在线框面板中打开页面以进行线框图设计。页面的添加、删除和重命名:击面板工具栏上的“Add Child Page”按钮可以添加一个页面,点击“Delete Page”按钮可以删除一个页面。右键单击选择“Rename Page”菜单项可对页面进行重命名。2021/9/264Axure RP使用培训控件(Widgets)工欲善其事必先利其器工
4、欲善其事必先利其器添加控件 操作控件 编辑控件风格和属性 演示常用控件:文本、链接、图片、按钮、表格、输入框操作:对齐、置顶、锁编辑控件风格和属性编辑控件风格和属性:有多种方法可以编辑控件的风格和属性:p 鼠标双击:鼠标双击某个控件,可以对控件的最常用属性进行编辑。例如,双击一个图片控件可以导入一张图片;双击一个下拉列表或列表框控件可以编辑列表项。p 工具栏:点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。p 右键菜单:控件右键菜单上可编辑控件的一些特定属性,不同控件这些属性也不同。2021/9/265Axure RP使用培训使用模块(Master)工欲善其事必先利其器工欲善其事必先利
5、其器模块是可以重复使用的特殊页面如页首(Header)、页尾(Footer)与导航(Navigation)演示一般模板背景模板自定义模板pNormal:模块可以被移动与放置在线框图中的任何地方,对模块修改后,所做的修改会在该模块的所有使用实例中反映出来。p Place in Background:模块应用在线框图中时,会处于线框图的最底层并被锁定,所包含控件的位置与在模块中的位置相同,常用于作为模板、布局、底板。p Custom Widget:模块应用在线框图中时,模块中的控件与模块失去关联,模块中的控件可以像一般控件一样进行编辑,就好像只是进行了复制。常用于创建具有自定义属性、注释和交互的自
6、定义控件库,2021/9/266Axure RP使用培训控件的交互 工欲善其事必先利其器工欲善其事必先利其器演示多caseIf else隐藏、显示一个区域变量复制在控件交互面板中可以定义控件的交互,交互由事件(Events)、场景(Cases)和动作(Actions)组成:p用户操作界面时就会触发事件,如鼠标的OnClick、OnMouseEnter和OnMouseOut;p每个事件可以包含多个场景,场景也就是事件触发后要满足的条件;p每个场景可执行多个动作,例如:打开链接、显示面板、隐藏面板、移动面板。目前Axure RP 5支持的事件如下:OnClick:鼠标点击 OnMouseEnter
7、:鼠标的指针移动到对象上 OnMouseOut:鼠标的指针移动出对象外 OnFocus:鼠标的指针进入文字输入状态(获得焦点)OnLostFocus:鼠标的指针离开文字输入状态(失去焦点)OnPageLoad:页面或模块载入 2021/9/267Axure RP使用培训控件的交互 工欲善其事必先利其器工欲善其事必先利其器以下是 Axure所支持的动作:p Open Link in Current Window:在当前窗口打开一个页面 p Open Link in Popup Window:在弹出的窗口中打开一个页面 p Open Link in Parent Window:在父窗口中打开一个页
8、面 p Close Current Window:关闭当前窗口 p Open Link in Frame:在框架中打开一个页面 p Set Panel state(s)to State(s):为动态面板设定要显示的状态 p Show Panel(s):显示动态面板 p Hide Panel(s):隐藏动态面板 p Toggle Visibility for Panel(s):切换动态面板的显示状态(显示/隐藏)p Move Panel(s):根据绝对坐标或相对坐标来移动动态面板 p Set Variable and Widget value(s)equal to Value(s):设定变量值或
9、控件值 p Open Link in Parent Frame:在父页面的嵌框架中打开一个页面 p Scroll to Image Map Region:滚动页面到Image Map所在位置 p Enable Widget(s):把对象状态变成可用状态 p Disable Widget(s):把对象状态变成不可用状态 p Wait Time(s):等待多少毫秒(ms)后再进行这个动作 p Other:显示动作的文字说明 2021/9/268Axure RP使用培训生成原型和规格说明工欲善其事必先利其器工欲善其事必先利其器F5键生成HTMLF6键生成规格说明书docCHM文档演示HtmlWord
10、Chm配置选项分为以下部分:p General:在“Destination Folder”位置输入HTML原型的存放位置。由于Axure HTML原型包含多个文件,最好指定一个单独文件夹专门存放这个原型。p Notes:选择和排序想要显示在HTML原型中的页面说明。p Annotations:选择和排序想要显示在HTML原型中的注释字段。p Interactions:指定交互行为,例如:指定是否需要总是显示场景描述(case),或是只在多个场景存在的情形才显示。p Distribution:选择是否生成chm文件。p Advanced:选择是否将Text Panel转成图片,这是旧版本的一个功
11、能,很少使用。2021/9/269Axure RP使用培训流程图工欲善其事必先利其器工欲善其事必先利其器可以根据页面导航面板中的页面层级关系自动产生流程图:1、首先,创建一个流程图页面,并双击打开;2、然后,在页面导航面板中你想要生成流程图的分支根节点上点击右键,然后选择“Generate Flow Diagram”,你将看到两个选项:Standard digram 或Right Hanging。选择其中一个就可以在线框图面板中产生一个流程图。在控件面板中的顶部工具栏上点击“flow”按钮可以找到流程控件,这些流程控件用于表达流程中的步骤。Axure里面由于不涉及到具体的程序流程,所以有些标准
12、的图形并没有提供,如不规则图形、侧面双矩形等,如果这些流程控件不满足你的流程需要,可由图片控件进行合成。流程控件的使用有一些约定习惯,但是Axure并没有对如何使用这些形状进行强制约束。一般地,你应该以其他人能够理解的方式进行使用。你可以自己自定义一套符号标准,进行使用。2021/9/2610Axure RP使用培训 目录工欲善其事必先利其器工欲善其事必先利其器RP基本操作RP高级技巧RP使用心得2021/9/2611Axure RP使用培训高级技巧工欲善其事必先利其器工欲善其事必先利其器 案例分析会员中心的设计,主要展示动态面板、翻转效果和鼠标移动事件、菜单等功能。2021/9/2612Ax
13、ure RP使用培训 目录工欲善其事必先利其器工欲善其事必先利其器RP简介RP基本操作RP高级技巧RP使用心得2021/9/2613Axure RP使用培训 够用就好工欲善其事必先利其器工欲善其事必先利其器Axure RP软件也在不断的完善,有不能实现的效果一个不能实现的效果,只要不影响项目的进度,不影响与执行人员的沟通,在工作中就不要过分的追求有些交互设计师会对一些布局细节担忧,害怕自己会一直调整对齐和细节。记住,我们出的是可交互的原型,不是最终产品,不需要考虑太多的视觉细节,这些会由前端开发去进行标准的把控不执着于Axure RP不能实现的业务需求输出规格说明:设计完线框图后,就可以输出W
14、ord格式的需求书或功能性规格文件(Specification)。默认的规格书生成器是Word 2007(.docx文件),需要安装Word 2007以生成和阅读.docx文件。另外,你也可以设置Word2000作为规格书生成器。如果没有安装Word 2007,可以安装Microsoft Office Compatibility Pack兼容包,然后就可以让Office2000/XP/2003打开、创建、编辑、保存2007文件格式了。如果你未安装2007或兼容包,它会和Axure一起安装。在设计线框图时,如果把需求说明或规格描述写在了页面备注或控件注释中,生成规格文件时,Axure会自动汇总这些文字和插图,按照顺序出现在Word文档中。2021/9/2614Axure RP使用培训 培养写文档说明的习惯工欲善其事必先利其器工欲善其事必先利其器在每一个文档首页写上文档说明,包括版本号、完成的部分、名词注释、较上一版的更新。2021/9/2615