原型设计教学文档.pptxVIP

Axure与原型设计课件;目录;原型设计以及Axure基础;原型设计以及Axure基础;原型设计以及Axure基础;原型设计以及Axure基础;原型设计以及Axure基础;原型设计以及Axure基础;原型设计以及Axure基础;原型设计以及Axure基础;原型设计以及Axure基础;;原型设计以及Axure基础;页面的基本操作 添加页面 删除页面 页面层级缩进 页面位置移动 设计页面;原型设计以及Axure基础;原型设计以及Axure基础;原型设计以及Axure基础;原型设计以及Axure基础;模块面板及其基本操作 创建模块 删除模块 模块层级缩进 模块位置移动 设计模块 模块是可以重复使用特殊页面。一些常用模块如页首、页尾与导航 。模块可用在页面中或是其他模块中。只要修改模块，在所有页面中引用这个 模块的模块实例也会随即全部跟着变化。 ;原型设计以及Axure基础;原型设计以及Axure基础;组件交互;动态面板控制器 该面板主要是对动态面板的层级关系，快速进入某动态面板，显示，隐藏动态面板等功能。;模拟制作百度的首页框架图;Axure 6.0 增加了那些功能？ /demo/axure6/ ;组件的基本操作 组件属性编辑 组件布局与样式 组件的事件 组件的动作;Axure支持组件的事件： OnClick：鼠标点击 OnMouseEnter：鼠标的指针移动到对象上 OnMouseOut：鼠标的指针移动出对象外 OnFocus：鼠标的指针进入文字输入状态（获得焦点） OnLostFocus：鼠标的指针离开文字输入状态（失去焦点） OnPageLoad：页面或模块载入 OnKeyUp：输入、释放键盘 OnChange：所选项被更改 ;组件属性编辑 鼠标双击：鼠标双击某个控件，可以对控件的最常用属性进行编辑。例如，双击一 个图片控件可以导入一张图片；双击一个下拉列表或列表框控件可以编辑列表项。 工具栏：点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。 右键菜单：控件右键菜单上可编辑控件的一些特定属性，不同控件这些属性也不同。;组件布局与样式 填充与渐变 分散于对齐 叠放层序 组合与锁定;组件的动作 详见课件;目录;初级交互课件内容（暂定，详情，请见课件） 单选按钮分配组 矩形渐变和形状 图片映射区锚点 利用框架嵌入视频 动态面板，弹出层，弹出框 移动动态面板 Tab标签轮动 一组导航菜单：下拉菜单、树状菜单 自动轮动效果（框架和动态面板） 票啦啦网站原型制作 ;动态面板，弹出层，弹出框 第一步：新建一个文字面板，一个动态面板 第二步：给动态面板命名，并且双击面板状态一进入编辑 第三部：在动态面板内新建弹出层 的内容 第四步：回到首页，设置动态面板状态为隐藏 第五步：选择文字链，在交互区，双击oncick进入编辑 第六步：选择显示动态面板的 动作，并且指定面板 第七步：生成运行 ;弹出层控件图 首页 ;弹出层控件图 动态面板内 ;自动轮动效果（动态面板） 第一步：新建广告动态面板，双击后，添加为6层 第二步：新建，动态面板a，动态面板b 第三部：选择面板a 点击交互区 onmove事件 第四步：广告面板设置动态面板状态转向2，设置等待2秒 第五步：以此类推，面板状态2-3,3-4,4-5,5-1 第六步：设置 移动动态面板b 相对 1个像素 第七步：选择面板b 点击交互区 onmove事件 第八步：设置 移动动态面板a 相对 1个像素 第九步：生成原型 ;控件图 ;TAB标签 第一步：新建动态面板 tab 双击属性，增加为2个状态 第二步：双击动态面板 tab 进入状态一编辑界面 第三部：新建3个矩形，2小 1大（为标签内容区） 第四步： 2个小的分别命名为标签1，标签2， 第五步：利用上下层级遮盖，形成一个标签被选中的效果 第六步：选中标签2，点击交互区，鼠标移入动作，设置动态面板的状态 tab 到状态2 第七步：双击动态面板 tab 进入状态二编辑界面，按照第一层样式制作，标签1添加交互为tab 转到状态1 ;控件图 ;目录;进阶交互课件内容（暂定，详情，请见课件） 变量，函数，四则运算，逻辑条件介绍 动态面板的多功能应用介绍 移动动态面板 输入框默认提示文字，显示隐藏效果 锚点的使用 输入状态，下拉框自动联想匹配2种方式 3个函数应用模型演示制作 倒计时原型制作演示制作 ;变量函数 全局变量 可以在整个文件中被调用 局部变量 仅在该页被调用 特殊变量 传递特殊的值 变量四则运算 可对变量进行加减乘除操作 变量长度函数 可计算变量字符的长度 变量截取函数