axure_rp案例教程课件.ppt

配置完毕后，就可以点击 生成 按钮生成原型。 3. 重新生成页面 当Axure工程会越来越大时，输出HTML原型的时间也会越来越慢。如果只是调整其中一个页面，却要等待整个原型重新全部输出，那就太浪费时间了。 要重新生成某一个页面，只打开这个页面，然后选择主菜单“生成（Generate）将当前页面重新生成为原型（Regenerate Current Page to Prototype(CTRL+F5)”，回到HTML原型中刷新就可以看到更新的页面了。 4. 浏览和操作HTML原型 Axure输出的HTML原型的界面可分成三个区域： 左侧: 是一个页面导航列表，以层级形式展示原型中页面。 底部: 显示当前页面的备注说明，即页面备注。 中间: 显示线框图和流程图，线框图可以按照所设计的交互进行鼠标和键盘的互动。 动态面板使用案例 Tab页签 动态面板可用于创建一个Tab页签控件。如Tab页签控件有3个tab，则该tab控件被包含在拥有3个状态的动态面板中，每个状态代表一个tab。对每个tab都有一个交互动作，当点击某个tab时，就会切换到动态面板的对应状态。 弹出菜单 动态面板可以用于在原型中自定义弹出菜单，或根据鼠标移动动态的显示和隐藏菜单，这可以结合OnMouseEnter事件和动作来实现。 页面动态初始化 动态面板和OnPageLoad事件结合，可实现根据变量值进行页面初始化。 菜单 1. 菜单控件 菜单控件用于创建简单的弹出菜单，如一般桌面应用软件中的菜单。 菜单控件分为垂直菜单（Vertical Menu）和水平菜单（Horizontal Menu），可以通过控件面板中拖拉菜单控件到线框图面板中创建菜单，默认情况下菜单带有3个菜单项。 2. 编辑菜单控件 双击菜单项可以编辑菜单文本，通过工具栏可以对菜单加底色、字体和其它样式。右键单击选择编辑菜单，在弹出的菜单编剧编辑器对话框中可设置边距。 要增加或删除菜单项，右键单击选择“添加子菜单”和“删除菜单条目”。 Axure原型输出/生成 在axure中设计了带注释的线框图并定义了交互之后，就可以产生一个可以互动的、基于浏览器的原型。 我们目前主要使用的生成模式是HTML模式，功能键为：主菜单生成 重新生成页面 当Axure工程会越来越大时，输出HTML原型的时间也会越来越慢。如果只是调整其中一个页面，却要等待整个原型重新全部输出，这将十分浪费时间。 要重新生成某一个页面，只打开这个页面，然后选择主菜单“生成-将当前页面重新生成为原型(ctrl+f5)”，回到HTML原型中刷新就可以看到更新的页面了。 Axure 使用的技巧 1.Groups功能是神器，一定要多联系使用。 2.Groups的升级版是Master工具。 3.在网页设计中经常使用的12px和14px字体，在Axure里应用的是10px和10.5px。 4.控件也可以使用Ctrl+C和Ctrl+V，按住Shift可以实现平行移动。 5.一般最常用的页面宽度为970px，建议在开始设计前，先拉一根长为970px的水平线，避免在整个画布跑火车。 6.Slice功能可以在Axure内裁图，这会节约你很多时间。 7.Axure会有前万分之一的卡死率…….所以建议你在设计完一个功能点或刚做完某个交互效果时，即时Crtl+s。 此处有演示 * AXURE RP 教程 AXURE RP 使用培训 张宁 第一章 介绍 第1节 认识 Axure RP 第2节 线框图及其注释 第3节 基本交互设计 第4节 使用模块（Master） 第5节 HTML 原型 第6节 输出规格说明 第一章 软件介绍 第1节 认识Axure RP 1 . Axure RP Axure 的发音是“Ack-sure”， RP 则是“Rapid Prototyping” 的缩写。 Axure RP Pro 是美国 Axure Software Solution公司的旗舰产品， 是一个快速的原型工具， 主要是针对负 责定义需求、 定义规格、 设计功能、 设计界面的专家， 包括用户体验设计师、 交互设 计师、 业务分析师、 信息架构师、 可用性专家和产品经理。 Axure能让你快速的进行线框图和原型的设计， 让相关人员对你的设计进行体验和验证， 向用户进行演示、 沟通交流以确认用户需求， 并能自动生成规格说明文档。 另外， Axure还 能让团队成员进行多人协同设计， 并对设计进行方案版本控制管理。 Axure使原型设计及和客户的交流方式发生了变革： ? 进行更加高效的设计； 让你体验动态的原型； 更加清晰的交流想法；