AXURERP案例教程 e设计技巧 ax原型设计软件教程.ppt

实例--轮换图 点击图片右下角的数字切换不同图片 实例—25小时商街界面原型 AXURE RP 教程 AXURE RP 案例教程 交互设计师、产品经理产品原型利器 入门篇 第一章 介绍以工具栏工具(widgets)绘制示意图(Wireframe) 第二章 流程图（Flow Diagrams）撰写网页说明(Page Notes) 第三章 高级交互设计（Rich Interaction） 第四章 实例 第一章 介绍 第1节 认识 Axure RP 第2节 线框图及其注释 第3节 基本交互设计 第4节 使用模块（Master） 第5节 HTML 原型 第6节 输出规格说明 入门篇 第一章 软件介绍 第1节 认识Axure RP 1 . Axure RP Axure 的发音是“Ack-sure”， RP 则是“Rapid Prototyping” 的缩写。 Axure RP Pro 是美国 Axure Software Solution公司的旗舰产品， 是一个快速的原型工具， 主要是针对负 责定义需求、 定义规格、 设计功能、 设计界面的专家， 包括用户体验设计师、 交互设 计师、 业务分析师、 信息架构师、 可用性专家和产品经理。 Axure能让你快速的进行线框图和原型的设计， 让相关人员对你的设计进行体验和验证， 向用户进行演示、 沟通交流以确认用户需求， 并能自动生成规格说明文档。 另外， Axure还 能让团队成员进行多人协同设计， 并对设计进行方案版本控制管理。 Axure使原型设计及和客户的交流方式发生了变革： ? 进行更加高效的设计； 让你体验动态的原型； ? 更加清晰的交流想法； 2 . 原型的作用和好处 制作 Prototype 是个有效的简化文档编制、吸引使用者参与、早期辨认需求遗漏、将外在需求风险降到最低的方法。将大量文字性文档转变为带有注释与互动性的可视画面，如此更能抓住利益相关者与使用者的注意，让用户在软件开始投入编程前就确认需求。 快速原型法（Rapid Prototyping）是一种有效且高效的以用户为中心（User-Centered Design）的技术，可以帮助用户体验专家、设计师、工程师创造更加有用、可用的产品。 目前全球有财富 1000 大的公司和重要机构在使用 Axure RP，国内的淘宝、雅虎、腾讯、当当等公司的产品经理也都在使用。 3、Axure 的工作环境 Axure 的工作环境可进行可视化拖拉操作，可轻松快速的创建带有注释的线框图。 无需编程就可以在线框图中定义简单链接和高级交互。 Axure 可一体化生成线框图、HTML 交互原型、规格说明 Word 文档。以下是对 Axure RP 工作环境的简要说明： 第2节 线框图及其注释 页面导航面板（Sitemap） 在绘制线框图(Wireframe)或流程图（Flow）之前，应该先思考界面框架，决定信息内容与层级。 明确界面框架后，接下来就可以利用页面导航面板来定义所要设计的页面。 页面导航面板是用于管理所设计的页面，可以添加、删除及对页面层次进行重新组织。 页面的添加、删除和重命名 点击面板工具栏上的“Add Child Page”按钮可以添加一个页面，点击 “Delete Page” 按钮可以删除一个页面。 右键单击选择“Rename Page”菜单项可对页面进行重命名。 页面组织排序 在页面导航面板中，通过拖拉页面或点击工具栏上的排序按钮，可以上下移动页面的位置和重新组织页面的层次。 打开页面进行设计 在页面导航面板中，鼠标双击页面将会在线框面板中打开页面以进行线框图设计。 2. 控件（Widgets） 控件是用于设计线框图的用户界面元素。 在控件面板中包含有常用的控件，如按钮、图片、文本框等。 添加控件 从控件面板中拖动一个控件到线框图面板中， 就可以添加一个控件。 控件可以从一个线框图中被拷贝(Ctrl+C)，然后粘贴(Ctrl+V)到另外一个线框图中。 操作控件 添加控件后，在线框图中点选该控件，然后可以拖拉移动控件和改变控件的大小，还可以一次同时对多个控件进行选择、移动、改变尺寸。 另外，还可以组合、排序、对齐、分配和锁定控件。这些操作可通过控件右键菜单中进行，也可在 Object 工具栏上的按钮进行。 编辑控件风格和属性 有多种方法可以编辑控件的风格和属性： 鼠标双击：鼠标双击某个控件，可以对控件的最常用属性进行编辑。 例如，双击一 个图片控件可以导入一张图片；双击一个下拉列表或列表框控件可以编辑列表项。 工具栏：点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。 右键菜单：控件右键菜单上可编辑控件的一些特定属性，不同控件这