《AXURERP案例教程非常适合初学者》由会员分享，可在线阅读，更多相关《AXURERP案例教程非常适合初学者（44页珍藏版）》请在金锄头文库上搜索。
1、AXURE RP 教程AXURE RP案例教程交互设计师、产品经理产品原型利器入门篇第一章 介绍以工具栏工具(wi d g ets)绘制示意图(Wirefra m e)第二章 流程图(Flow Diagrams )撰写网页说明(Page Notes)第三童 高级交互设计(Rich Interaction )第四章实例AXURE RP 教程第一章介绍第1节认识Axure RP第2节线框图及其注释基本交互设计第4节使用模块（Master）第5节HTML原型第6节输出规格说明AXURE RP 教程入门篇第一章软件介绍第1节认识Axure RP1 Axure RPAxure 的发音是Ack-suren
2、 f RP 则是Rapid Prototyping0 的缩写。Axure RP Pro 是美国Axure Software Solution公司的旗舰产品，是一个快速的原型工具，主要是针对负 责定义需求、定义规格、设计功能、设计界面的专家，包括用户体验设计师、交互设 计师、业务分析师、信息架构师、可用性专家和产品经理。AXURE RP 教程Axure能让你快速的进行线框图和原型的设计，让相关人员对你的设计进行体验和验证， 向用户进行演示、沟通交流以确认用户需求，并能自动生成规格说明文档。另外，Axure还 能让团队成员进行多人协同设计,并对设计进行方案版本控制管理。Axure使原型设计及和客户
3、的交流方式发生了变革:进行更加高效的设计；让你体验动态的原型; 更加清晰的交流想法;2原型的作用和好处制作Prototype是个有效的简化文档编制、吸引使用者参与、早期辨认需求遗漏、将外在需 求风险降到最低的方法。将大量文字性文档转变为带有注释与互动性的可视画面，如此更能 抓住利益相关者与使用者的注意让用户在软件开始投入编程前就确认需求。快速原型法 (Rapid Prototyping )是一种有效且高效的以用户为中心(User-Centered Design )的技 术，可以帮助用户体验专家、设计师、工程师创造更加有用、可用的产品。目前全球有财冨 1000大的公司和重要机构在使用Axure
4、RP ;国内的淘宝、雅虎、腾讯、当当等公司的产品 经理也都在使用。3、Axure的工作环境Axure的工作环境可进行可视化拖拉操作z可轻松快速的创建带有注释的线 框图。无需编程就可以在线框图中定义简单链接和高级交互。Axure可一体化生成 线框图、HTML交互原型、规格说明Word文档。以下是对Axure RP工作 环境的简要说明：AXURE RP 教程AXURE RP 教程Y 、Tt R4W4 护“ ToVvidgets PanezPage Notes & Interactions1 / MairMenibolbar7r岭JrWA 对、rjsitemap PaneM m uauT怕(u277
5、 u.b.i.h擬-际i 杞 i -恤. t A M.Kr . Ig6 interactions Pane IMy Travel SiteT9knCrWlr(hWasters PaneHotoh Cr?/PxkKf 如出丿 Cm $ Fu Fm3 r FBM K 申宜习b J Hcxne 0结构模板B 一F layout口口口口0 0 0 0_J head_i footmenuflowInfor ：am t i on.Functi onAXURE RP 教程2. 控件（Widgets ）控件是用于设计线框图的用户界面元素。在控件面板中包含有常用的控件，如按钮、图片、文本框等。添加控件从控件面板
6、中拖动一个控件到线框图面板中，就可以添加一个控件。控件可以从一个线框图中被拷贝(Ctrl+C),然后粘贴(Ctrl+V)到另夕卜一个线框图中。操作控件添加控件后，在线框图中点选该控件,然后可以拖拉移动控件和改变控件的大小，还可以一次同时对多个控件进行选择、 移动、改变尺寸。另外，还可以组合、排序、对齐、分酉护口锁定控件。这些操作可通过控件右键菜单中进行，也可在Object工具栏上的 按钮进行。编辑控件风格和属性有多种方法可以编辑控件的风格和属性：鼠标双击:鼠标双击某个控件，可以对控件的最常用属性进行编辑。例如，双击一个图片控件可以导入一张图片；双击一个下拉列表或列表框控件可以编辑列表项。工具栏
7、:点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。右键菜单:控件右键菜单上可编辑控件的一些特定属性，不同控件这些属性也不同。3.注释(Annotations )可以为控件添加注释，以说明控件的功能。添加注释在线框图中选择控件，然后在控件注释和交互(Annotations and Interactions )面板中编辑字 段中的值，即可为控件添加注释。面板顶部的Label字段是为控件添加一个标识符。通过主菜单 Wireframe-Customize Annotation Fields and Views 或点击面板上 Annotations 头部的Custommize Fields an
8、d Views然后在弹出的 Custommize Fields and , Views对话框中可以添加、删除修改、排序注释字段。Annotations - All Fields 呼一 ,Clw Ml SpecificationCustomize Fields and ViewsView All Fields (no other views)StatusBenefitEffort脚注(Footnotes )在控件上添加注释后z控件的右上角会显示一个黄色方块,称为 脚注。脚注号码可以增大和减小，可通过控件右键菜单或工具栏上的丄进行修改。4.页面备注(Page Notes )页面备注可是对页面进行描
9、述和说明。添加页备注在线框图下面的Page notes面板中可以添加页面备注内容。Pge Notes j- Default Paqe Interactions点击这里可以濛加页面的备注-祖让DUH. c气J 0nPa.d管理页面备注另外，可以自定义页面备注，为不同的人提供不同的备注，以满足不同需要。比如可以新 增“测试用例” “操作说明”等不同类别的页面备注。第3节基本交互设计1. 控件的交互控件交互面板用于定义线框图中控件的行为,包含定义简单的链接和复杂的RIA行 为,所走义的交互都可以在将来生成的原型中进行操作执行。LabelOnClickOnMo use EnterOnMouseOut在
10、控件交互面板中可以定义控件的交互，交互事件(Events)、场景(Cases)和动作(Actions)组成：用户操作界而时就会触发事件，如鼠标的OnClick、OnMouseEnter和OnMouseOut；每个事件可以包含多个场景，场景也就是事件触发后耍满足的条件；A每个场景可执行多个动作，例如：打开链接、显示面板、隐藏而板、移动而板。事件、场景和动作的关系以下是Axure RP支持的事件如下： OnClick :鼠标点击 OnMouseEnter:鼠标的指针移动到对象上 OnMouseOut :鼠标的指针移动出对象外 OnFocus :鼠标的指针进入文字输入状态（获得焦点） OnLostF
11、ocus :鼠标的指针离开文字输入状态（失去焦点） OnPageLoad :页面或模块载入 大多对象只具备常见的三种触发事件：OnClick、OnMouseEnter与OnMouseOut,些特殊的控件可触发的事件有些不同：按钮控件只有0nClick 单选框和复选框则具有OnFocus、OnLostFocus 文本框、文本域、下拉框、列表框则具有OnKeyUp、OnFocus、OnLostFocus 页面加载或 模块被载入时则发生OnPageLoad2、定义链接下列步骤说明如何在按钮控件上定义一个链接：1. 首先”拖拉一个按钮控件到线框图中,并选择这个按钮;2. 然后，控件交互面板中鼠标双击OnClick这个事件，这时会出现interaction CaseProperties对话窗，在这个对话框中可以选择要执行的动作；3. 在Step 2中,勾选Open Link in Current Window动作。4. 在Step 3中，点击Link,在弹出的Link Properties对话框中可以选择要链接的页面或其它网页地址OAXURE RP 教程AXURE RP 教程除了上而的步骤，加入一个链接的最快的方法是单击控件交互而板顶部的“ Q
