Axure原型设计入门.ppt

变量传递 变量传递 元件值赋值到页面加载变量 页面加载变量赋值到元件 页面与页面之间的变量传递 1 2 页面一（登录页面） 页面二（登录成功提示页面） 变量（元件名） 变量（元件名） OnLoadVariable 全局变量 * ppt课件 课堂练习（2） 第一步 制作登录及登录成功的跳转页面 第二步 将用户名变量值传递到登录成功页面 练习时间（10分钟） * ppt课件 目录 Axure RP 简介 快速入门知识 软件界面 线框图与注解 基础交互 动态面板 模块 流程图 交互原型 规格书 课程小结及案例 * ppt课件 动态面板 动态面板 可以包含多种状态（类似层） 动态面板的状态 每一种状态均可单独编辑设计，在不同场景下显示不同状态 动态面板管理器 动态面板的导航器 显示/隐藏动态面板 动态面板的属性 面板可见 面板隐藏 状态A 状态B 状态C 状态N * ppt课件 用动态面板隐藏\显示切换 动态面板：具有多种状态的层 可设置可见/隐藏 可由动作对动态面板的各种状态和可见属性进行切换 1 2 3 编辑这个状态，写上提示文字 4 对按钮onclick操作增加事件和点击动作 * ppt课件 课堂练习（3） 第一步 制作示例交互:Hello world 第二步 制作动态面板状态切换效果 第三步 标注一个组件 练习时间（10分钟） * ppt课件 目录 Axure RP 简介 快速入门知识 软件界面 线框图与注解 基础交互 动态面板 母板 流程图 交互原型 规格书 课程小结及案例 * ppt课件 用母板制作页面模板 一组可以复用的设计集（积木） 常用于导航、页脚、页眉等常出现在所有页面中，但不常进行修改的部分 * ppt课件 母板 模块属性 说明 应用 正常 使用时可移动，不可修改 如登录框，用户信息等 作为背景 使用时不可移动，不可修改 如页面模板，或者页眉、页脚 自定义组件 使用时可移动，可修改 如特定样式的文字块 * ppt课件 课堂练习（3） 第一步 制作一个页面模块 第二步 用模块快速制作多个页面 练习时间（5分钟） * ppt课件 目录 Axure RP 简介 快速入门知识 软件界面 线框图与注解 基础交互 动态面板 模块 流程图 交互原型 规格书 课程小结及案例 * ppt课件 线框图、流程图 用线框图组件画出界面、示意图 用流程图组件画出逻辑、关系；流程图控件可以直接引用页面 线框图 流程图 * ppt课件 图表类型：线框图/流程图 指定为流程图只是方便识别当前页面是一个流程图 可以直接生成流程图 线框图 流程图 * ppt课件 自动生成流程图 根据站点地图直接生成流程图，默认使用站点地图的层级结构 两种类型：纵向和横向 * ppt课件 ppt课件 快速入门课程 ppt课件 ppt课件 快速入门课程 ppt课件 快速入门课程 ppt课件 * Open Link in Current Window：在当前窗口打开一个页面 Open Link in Popup Window：在弹出的窗口中打开一个页面 Open Link in Parent Window：在父窗口中打开一个页面 Close Current Window：关闭当前窗口 Open Link in Frame：在Frame框架内打开一个页面 Open Link in Parent Frame：在父页面的嵌框架中打开一个页面 Set Panel state(s) to State(s)：为动态面板设定要显示的状态 Show Panel(s)：显示面板 Hide Panel(s)：隐藏面板 Toggle Visibility for Panel(s)：切换（显示/隐藏）面板的显示状态 Move Panel(s)：根据绝对坐标或相对坐标来移动动态面板 Bring Panel(s) to Front：将动态面板移至最上层，让Dynamic Panel能够不被其它图层覆盖 Set Variable and Widget value(s) equal to Value(s)：设定变量的值或控件的值 Scroll to Image Map Region：滚动页面到Image Map所在位置 Enable Widget(s)：把对象状态变成可用状态 Disable Widget(s)：把对象状态变成不可用状态 Set Widget(s) to Selected State：指定控件选择后的样式 Set Focus on Widget：设定焦点在指定的控件上 Wait Time(s)：等待多少毫秒(ms)后再进行这个动作 Other：显示动作的文字说明 * 要配置生成的规格说明书，选择主菜单―Generate-Specification(F6