AXURE-RP案例教程非常适合初学者.pptx

AXURE RP 案例教程;入门篇;第一章 介绍;入门篇;Axure能让你快速的进行线框图和原型的设计， 让相关人员对你的设计进行体验和验证， 向用户进行演示、 沟通交流以确认用户需求， 并能自动生成规格说明文档。 另外， Axure还 能让团队成员进行多人协同设计， 并对设计进行方案版本控制管理。 Axure使原型设计及和客户的交流方式发生了变革： ? 进行更加高效的设计； 让你体验动态的原型； ? 更加清晰的交流想法； 2 . 原型的作用和好处 制作 Prototype 是个有效的简化文档编制、吸引使用者参与、早期辨认需求遗漏、将外在需求风险降到最低的方法。将大量文字性文档转变为带有注释与互动性的可视画面，如此更能抓住利益相关者与使用者的注意，让用户在软件开始投入编程前就确认需求。 快速原型法（Rapid Prototyping）是一种有效且高效的以用户为中心（User-Centered Design）的技术，可以帮助用户体验专家、设计师、工程师创造更加有用、可用的产品。 目前全球有财富 1000 大的公司和重要机构在使用 Axure RP，国内的淘宝、雅虎、腾讯、当当等公司的产品经理也都在使用。; 3、Axure 的工作环境 Axure 的工作环境可进行可视化拖拉操作，可轻松快速的创建带有注释的线框图。 无需编程就可以在线框图中定义简单链接和高级交互。 Axure 可一体化生成线框图、HTML 交互原型、规格说明 Word 文档。以下是对 Axure RP 工作环境的简要说明： ;第2节 线框图及其注释;页面组织排序 在页面导航面板中，通过拖拉页面或点击工具栏上的排序按钮，可以上下移动页面的位置和重新组织页面的层次。 打开页面进行设计 在页面导航面板中，鼠标双击页面将会在线框面板中打开页面以进行线框图设计。 ;2. 控件（Widgets） 控件是用于设计线框图的用户界面元素。 在控件面板中包含有常用的控件，如按钮、图片、文本框等。 ;添加控件 从控件面板中拖动一个控件到线框图面板中， 就可以添加一个控件。 控件可以从一个线框图中被拷贝(Ctrl+C)，然后粘贴(Ctrl+V)到另外一个线框图中。 操作控件 添加控件后，在线框图中点选该控件，然后可以拖拉移动控件和改变控件的大小，还可以一次同时??多个控件进行选择、移动、改变尺寸。 另外，还可以组合、排序、对齐、分配和锁定控件。这些操作可通过控件右键菜单中进行，也可在 Object 工具栏上的按钮进行。 编辑控件风格和属性 有多种方法可以编辑控件的风格和属性： 鼠标双击：鼠标双击某个控件，可以对控件的最常用属性进行编辑。 例如，双击一 个图片控件可以导入一张图片；双击一个下拉列表或列表框控件可以编辑列表项。 工具栏：点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。 右键菜单：控件右键菜单上可编辑控件的一些特定属性，不同控件这些属性也不同。 ;3. 注释（Annotations） 可以为控件添加注释，以说明控件的功能。 添加注释 在线框图中选择控件，然后在控件注释和交互（Annotations and Interactions）面板中编辑字段中的值，即可为控件添加注释。面板顶部的 Label 字段是为控件添加一个标识符。 ;自定义字段（Fields） 通过主菜单 Wireframe-Customize Annotation Fields and Views 或点击面板上 Annotations 头部的“Custommize Fields and Views” 然后在弹出的 Custommize Fields and ， Views 对话框中可以添加、删除、修改、排序注释字段。 ;脚注（Footnotes） 在控件上添加注释后，控件的右上角会显示一个黄色方块，称为脚注。脚注号码可以增大和减小，可通过控件右键菜单或工具栏上的 进行修改。;4. 页面备注（Page Notes） 页面备注可是对页面进行描述和说明。 添加页面备注 在线框图下面的 Page notes 面板中可以添加页面备注内容。 ;第3节 基本交互设计;以下是 Axure RP支持的事件如下： OnClick：鼠标点击 OnMouseEnter：鼠标的指针移动到对象上 ? OnMouseOut：鼠标的指针移动出对象外 ? OnFocus：鼠标的指针进入文字输入状态（获得焦点） ? OnLostFocus：鼠标的指针离开文字输入状态 （失去焦点） ? OnPageLoad：页面或模块载入 大多对象只具备常见的三种触发事件：OnClick、OnMouseEnter 与 OnMouseOut