产品原型设计-Axure入门培训.ppt

* 培训结束，谢谢参与！ * * * * * * * * * * * * * * * * * * * * * * * * * * * 进行生成文档演示 * * * * 产品原型设计 Axure入门培训 * 认识Axure Axure是一个快速的原型工具，主要是针对负责定义需求、定义规格、设计功能、设计界面的专家，包括用户体验设计师（UX）、交互设计师（UI）、业务分析师（BA）、信息架构师（IA）、可用性专家（UE）和产品经理（PM）。 Axure能让你快速的进行原型的设计，让相关人员对你的设计进行体验和验证，向用户进行演示、沟通交流以确认用户需求，并能自动生成规格说明文档。另外，Axure还能让团队成员进行多人协同设计，并对设计进行方案版本控制管理。 Axure使原型设计及和客户的交流方式发生了变革： ?进行更加高效的设计； ?让你体验动态的原型； ?更加清晰的交流想法； 目前全球有很多大型公司和重要机构在使用Axure，国内的淘宝、雅虎、腾讯、当当等公司的产品经理也都在使用。 本教程大部分资料都摘自由陈良泳翻译的《Axure快速原型设计》文档，只介绍部分入门知识，有兴趣的话，可以查看文档进行深入研究。 * Axure的工作环境 * Axure的工作环境 站点地图面板 对所设计的页面进行添加、删除、重命名和组织的操作。 可以直接拖动页面改变其层级结构。 双击页面即可在主工作区打开页面进行设计。 组件面板 该面板中有线框图控件和流程图控件，用这些控件进行页面框架和流程图的设计。 可直接拖拽、拷贝控件到主工作区进行移动、改变尺寸操作。 双击、右键点击控件可针对不同的控件进行编辑风格和属性的操作。 模块面板 模块是一种可以重复使用的特殊页面，在该面板中可进行模块的添加、删除、重命名和组织。 如图示可以针对项目做页面模块，比如页头、页尾；也可制作所有项目的公用模板，比如切换标签样式或图形按钮。 * Axure的工作环境 线框图面板 在线框图面板中可以进行页面线框图、流程图的设计，线框图面板也就是Axure的主工作区。在最上方以标签形式显示打开的多个页面。 控件交互面板 定义控件的交互，如：设定链接、弹出、动态面板的显示和隐藏等。不同控件有不同的内建交互事件，如OnClick（鼠标点击）、OnMouseEnter（鼠标悬停）等，后面会有详细介绍。 如果需要特殊说明的功能模块或有交互行为产生的控件一定要填写标签，如“个人信息提交按钮”、“选择商家等级下拉菜单”等等。 * Axure的工作环境 控件注释面板 对控件进行注释、定义和功能进行说明。里面的选项可以自定义，比如添加一个“功能说明”的项，并删除原有的项目。添加注释的控件在产品原型页面上会显示一个黄色便签的图标，点击可查看具体注释。 汉化版的Axure不能修改下拉菜单注释，请避开此选项或者用其他方式表达。 控件注释面板-自定义字段和视图 点击注解面板上的“自定义”打开设定自定义字段和视图的菜单，可以根据项目需求设定注解项目，如功能说明（文本类型）；优先级（下拉菜单类型）；完成时间（日期类型）等等。自定义视图是将设定的字段分类放到不同组内，以方便选择，比如只有功能说明及优先级的字段可以建立功能分组，有功能说明及完成时间的字段可以建立项目控制分组。建立好的分组可以在控件注释面板顶部的箭头按钮点击选择。 * Axure的工作环境 页面注释和页面交互面板 添加和管理页面的注释和交互事件。 页面注释和页面交互面板-管理注释 点击页面注释和页面交互面板顶部的箭头按钮，可以打开页面注释管理页面，可以添加不同的页面注释字段，如“页面说明”、“参与部门”等等，添加完成后，可点击箭头按钮为不同的字段添加说明。 现在演示一下Axure的工作环境。 * 基本交互设计 控件交互面板中可以定义控件的交互，交互由事件（Events）、场景（Cases）和动作（Actions）组成： 用户操作界面时就会触发事件，如鼠标的OnClick、OnMouseEnter和OnMouseOut； 每个事件可以包含多个场景，场景也就是事件触发后要满足的条件； 每个场景可执行多个动作，例如：打开链接、显示面板、隐藏面板、移动面板。 事件、场景和动作的关系 * 基本交互设计 大多控件只具备常见的三种触发事件：OnClick、OnMouseEnter 与OnMouseOut，一些特殊的控件可触发的事件有些不同： 按钮控件只有OnClick 单选按钮和复选框有OnFocus、OnLostFocus 文本框、文本域、下拉菜单、列表框有OnKeyUp、OnFocus、OnLostFocus 页面加载或模块被载入时发生OnPageLoad 目前Axure RP 5支持的事件如下： OnClick：鼠标点击 OnMou