AXURE_RP从入门到提高教程.pptx

AXURE RP从入门到提高交互设计师、产品经理产品原型利器快速原型的介绍根据功能，为了指导开发而画的草图快速原型也叫做交互式原型一种有效且高效的以用户为中心（User-Centered Design）的技术实现了功能页面流程跳转做到用户的响应都会有反馈和最后开发出来的产品基本吻合快速原型的对产品的意义团队了解需求的最佳方式程序员开发的最好参考项目开发和维护中所需标准的最好表现形式验收的依据快速原型的制作工具纸和笔，白板和油性笔AxureUIDesignerPPT为何选择Axure？如果你还在使用以下工具表达想法：你会发现上述工具：制作缓慢、效果粗犷、不易理解、无交互体现、修改困难···什么是Axure？Axure RP (ak sh?r) 快速原型制作软件，由美国Axure Software Solutions, Inc.公司开发。RP 是 Rapid Prototyping (快速原型缩写) 。 软件界面及功能特性：原型设计流程图网站架构图123456规格文档交互设计示意图入门与提高篇第一章 介绍以工具栏工具(widgets)绘制示意图(Wireframe)第二章 流程图（Flow Diagrams）撰写网页说明(Page Notes)第三章 高级交互设计（Rich Interaction）第一章 介绍第0节 微件的概念第1节 Axure RP 整体界面第2节 线框图及其注释第3节 基本交互设计第4节 使用模块（Master）第5节 HTML 原型第6节 输出规格说明第0节 微件的概念英文名：widgets,包括framework,flow原型图中的所有的设计元素，都是由微件组合而成，是最小原型设计单元类比：面向对象中的“类”、“对象”微件有属性、状态和行为例子：文本输入框 第1节：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 工具栏上的按钮进行。编辑微件风格和属性 有多种方法可以编辑微件的风格和属性： 鼠标双击：鼠标双击某个微件，可以对微件的最常用属性进行编辑。例如，双击一 个图片微件可以导入一张图片；双击一个下拉列表或列表框微件可以编辑列表项。 工具栏：点击工具栏上的按钮可编辑微件的文本字体、背景色、边框等。 右键菜单：微件右键菜单上可编辑微件的一些特定属性，不同微件这些属性也不同。3. 注释（Annotations） 可以为微件添加注释，以说明微件的功能。 添加注释 在线框图中选择微件，然后在微件注释和交互（Annotations and Interactions）面板中编辑字段中的值，即可为微件添加注释。面板顶部的 Label 字段是为微件添加一个标识符。 4. 页面备注（Page Notes）页面备注可是对页面进行描述和说明。添加页面备注 在线框图下面的 Page notes 面板中可以添加页面备注内容。 管理页面备注另外，可以自定义页面备注，为不同的人提供不同的备注，以满足不同需要。比如可以新增“测试用例”“操作说明”等不同类别的页面备注