20130204-Axure培训(一期).pptVIP

演示：为动态面板设定要显示的状态 1 设定动态面板的不同状态。 2 选择动作为“设置动态面板状态为指定状态”，选定要设置设置状态显示的动态面板，以及面板显示的状态。 演示：等待多少毫秒后再进行这个动作 1 设定动态面板的不同状态。 2 选择动作为“等待事件”，设定好需要等待的时间即可。 案例分享 实例1：用户登录 实例描述： 用户名或密码为空，提示用户输入用户名或密码。 用户输入用户名及密码，点击“提交”转到登录成功页面。 事件： OnClick（单击时）；动作：在当前窗口打开一个链接。 实例2：打开关闭弹出框 事件： OnClick（单击时）；动作：显示动态面板/隐藏动态面板。 实例描述： 点击打开弹出层。 点击弹出层右上角的关闭，即可关闭弹出层 实例3： Tab切换标签 事件： OnClick（单击时）；动作：设置动态面板状态为指定状态。 实例描述：点击Tab标签进行层切换。 实例4： 轮换图 事件： OnPageLoad （页面加载时）；动作：等待时间/设置动态面板状态为指定状态。 实例描述：图片自动轮换播放。 作业 作业时间到啦···· 1 用Axure软件画出一个登录界面以及上图中的页面，要求实现： 通过登录界面可登录上图页面，点击【退出】按钮退回登录页面； 进入上图页面时，所示1处的图片轮换播放； 点击2处的标签可以切换查看标签内的内容。 2 THANK YOU 炫酷牛仔风格PowerPoint模板 李沛 * 李沛 Axure （一期培训） 一款功能强大的交互设计软件 李沛 什么是Axure RP Axure RP的基本操作 交互设计演示 案例分享 什么是Axure RP 为何选择Axure？ 如果你是以下角色： 产品经理 项目经理 网站策划 原型设计师 交互设计师 商务销售 BOSS 当你在进行产品规划时，你需要利用工具将想法进行可视化呈现。 为何选择Axure？ 如果你还在使用以下工具表达想法： 你会发现上述工具：制作缓慢、效果粗犷、不易理解、无交互体现、修改困难··· 自定义页（可选） （设计好之后可以删掉这个文本框哦） 所以你需要？ 一款可以快速实现、准确表达、带有交互效果且易于上手的原型设计利器 将你在内心踌躇已久的种种想法带进可以准确传递、快速验证的原型呈现阶段。甚至你不需要了解一行程序代码即可轻松做到这一切。 什么是Axure？ 网站架构图 示意图 流程图 交互设计 原型设计 规格文档 软件界面及功能特性： Axure RP (ak sh?r) 快速原型制作软件，由美国Axure Software Solutions, Inc.公司开发。 RP 是 Rapid Prototyping (快速原型缩写) 。 Axure RP的基本操作 Axure的操作界面 1.主菜单和工具栏 执行常用操作，如文本打开、保存、格式化控件、输出原型、输出规格等操作。 说明： F5：创建可视化的生成文件（网页形式）。 Ctrl+ F5： 在生成文件中更新当前的页面。 操作：生成原型 在工具栏的“生成”菜单中中选择“原型”或者直接按F5键； 创建或者选择需要保存生成文件的文件夹； 生成文件后，在所选择的文件夹中选择【index.html】文件进行查看。 2.站点地图面板 用于管理所设计的页面，可以添加、删除及对页面层次进行重新组织 。 说明： 设置页面名称时，页面名称最好不重复。 按照页面功能设置层次结构。 操作：管理站点地图 双击页面，右侧即显示所选页面； 在要编辑的页面上点击鼠标右键可进行多种操作； 点击图示处的图标，亦可进行新增、删除、调整页面层次等操作； 新增页面 上下移动页面 调整页面级别 3.部件面板 组成页面的部件元素集。 说明： 从部件集中拖动一个控件到界面中进行控件添加。 操作：导入新部件 点击如图示处，选择“加载部件库”（部件可从网络上下载）； 在本地选择部件库，文件格式为【rplib】，保存后部件自动载入； 操作：设置部件 鼠标双击：双击控件，可以对控件最常用的属性进行编辑。 工具栏：点击工具栏上的按钮可以编辑控件的文本字体、背景色、边框等。 右键菜单：右击控件可以选择编辑控件的一些特定属性，不同控件属性也不同。 3 2 特别说明：动态面板 Axure中很多的交互是由动态面板来实现的。动态面板里面可以包含多个状态，通过一些事件可以对动态面板的状态进行切换，以此来实现交互效果。但任何时候都只有一个状态可见，或者整个动态面板都被隐藏。 双击动态面板控件，弹出动态面板状态管理的对话框，在这里可以添加、删除、重命名、组织动态面板。 动态面板的第一个状态时它的默认状态。选择编辑之后可以对其进行设计，像画线框图一样。