AXURE_RP案例教程 ue设计技巧 ax原型设计软件教程PPT幻灯片课件

“AXURERP案例教程”、“交互式设计师”、“产品经理”中的产品原型工具1、入门篇，第一章中使用“工具栏工具”(widgets )绘制线框的第二章“流程图”(FlowDiagrams )中的页面描述的第三章高度交互设计(RichInteraction )第四章的示例，2，第一章中的第一节AxureRP第二节线框图及其注释第三节基本交互设计第四节使用模块(Master )第五节HTML原型第六节输出规范，3， 第1章软件介绍第1节AxureRP1.AxureRPAxure的发音是“Ack-sure”，RP是“RapidPrototyping”的缩写。 AxureRPPro是美国AxureSoftwareSolution的主要产品，是快速的原型工具，主要包括用户体验设计者、交互设计者、业务分析师、信息设计者、可用性专家和产品经理等需求定义、规格定义、设计功能和设计界面4、Axure可以让您迅速进行线图和原型的设计，让相关人员体验和验证您的设计，向用户进行演示，交流，确认用户的需求，自动制作规格书。 另外，Axure也可以由团队成员进行多个协同设计，进行设计的版本管理。 Axure改变了原型设计和与客户沟通的方式：体验一下动态原型设计的更高效率。创造更清晰的沟通理念2 .原型角色和优势Prototype有效地简化了文档创作将大量文本文档转换为注释和交互式视觉屏幕，以便更好地了解相关人员和用户的注意力，并确保用户在编程软件之前能够查看他们的需求。 快速成型是一种以用户为中心的高效、高效的技术，可帮助用户体验专家、设计师和工程师创造更有用、更可用的产品。 目前世界上财富1000家公司和重要机构使用AxureRP，也使用国内淘宝、雅虎、腾讯、达达达等公司的产品经理。 5、3和Axure首选项Axure首选项提供了可视拖动操作，可以轻松快速地创建带注释的线条。 无需编程即可在线块中定义简单链接和高级交互。 Axure可以集成地生成行框图、HTML交互原型、规范Word文档。 AxureRP工作环境的简要说明如下： 6，7，8，第2节线框图及其注释，页面导航面板(Sitemap )在描绘线框图(Wireframe )和流程图(Flow )之前，考虑接口框架，信息内容通过清楚界面框架，可以使用页面导航面板定义要设计的页面。 页面导航面板是用于管理设计的页面，可以添加、删除和重新组织页面层次结构。 可以通过单击“添加、删除或重命名页面”面板工具栏上的“添加页面”按钮添加页面，也可以通过单击“删除页面”按钮删除页面。 要重命名页面，请右键单击并选择“重命名页面”菜单项。 在排序页面导览面板中，您可以拖曳页面或按一下工具列上的排序按钮来上下移动页面位置，或重新组织页面阶层。 在要打开和设计页面的页面导航面板中，双击页面以打开“联机框”面板中的页面，从而实现行块设计。10、2 .控件(Widgets )是用于设计线条的用户界面元素。 控制面板包含常用的控制项，例如按钮、影像和文字方块。 可以通过将控件从“添加控件”面板拖动到“行块”面板中来添加控件。 可以从一个线性框图中复制控件(Ctrl C )，然后将其粘贴到另一个线性框图中(Ctrl V ) 使用控件添加控件后，可以通过在联机块中选择控件来拖动移动控件以调整其大小，或者一次选择、移动或调整多个控件的大小。此外，还可以组合、排序、对齐、指定和锁定控件。 您可以从控件的右键单击菜单或Object工具栏上的按钮执行这些操作。 有多种编辑控件样式和属性的方法可以编辑控件样式和属性。 双击鼠标：双击控件可编辑控件的最常见属性。 例如，双击图像控件可导入图像。要编辑列表项目，请双击下拉列表或列表框控件。 工具栏：单击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。 关联式功能表：控制项的关联式功能表可让您编辑控制项的特定属性。 不同的控件具有不同的属性。 12、3 .注释可以将注释添加到控件中，以描述控件的功能。 添加注释通过在联机块中选择控件并在“与控件注释交互”(AnnotationsandInteractions )面板中编辑字段值，可以向控件中添加注释。 面板顶部的Label字段向控件添加标识符。13、自定义字段(Fields )在主菜单wire frame-customisterannotationfieldsandviews或面板上单击Annotations头部的“CustommizeFieldsandViews” 14、脚注(Footnotes )向控件添加注释时，控件的右上角会出现一个名为脚注的黄色框。 可以增加或减少脚注编号，也可以使用控件的右键单击菜单或工具栏中的更改脚注编号。15、4 .页面注释(PageNotes )页面注释为页面的说明和说明。 添加页面注释您可以将页面注释的内容添加到联机框图下面的Pagenotes面板中。 来管理页面注释。 您还可以自定义页面注释，并向不同的人提供评论以满足他们的需求。 例如，您可以添加不同类别的页面注释，如“测试用例”、“操作说明”。 基本的交互设计、控件的交互控制面板16、第三节中的基本交互设计、用来定义线性框图中的控件操作、定义简单链路和复杂RIA操作，其中将来创建该定义的交互的双曲馀弦值。 可以在控件的“交互”面板中定义控件的交互。 由“交互事件”(Events )、“场景”(Cases )和“操作”(Actions )组成。 当用户使用界面时，会触发事件(例如鼠标OnClick、OnMouseEnter、OnMouseOut等)。每个事件可以包含多个场景，每个场景都是触发事件后必须满足的条件、17、AxureRP支持的事件是OnClick :鼠标点击OnMouseEnter :鼠标指针移动到对象上OnMouseOut :鼠标指针在对象外OnFocus :鼠标指针进入文字输入状态(fut ) OnLostFocus :鼠标指针远离(失去焦点) OnPageLoad :页面或模块加载的许多对象包括OnClick、OnMouseEnter、 只有OnClick单选框和复选框才能触发OnFocus、OnLostFocus文本框、文本字段和下拉列表中仅包含OnMouseOut三种触发事件的某些特殊控件列表框在加载OnKeyUp、OnFocus、OnLostFocus页加载或模块时发生OnPageLoad，定义事件、场景和动作关系、18、2 .链接的以下步骤在按钮控件中定义链接1 .首先，将按钮控件拖动到线框图中，然后选择此按钮2 .然后，双击控件交互面板中的OnClick事件，将显示InteractionCaseProperties对话框以执行操作4 .在“step 3”中单击“Link”，可以在弹出式链接属性对话框中选择要链接的页面或其他网址。 19 .除上述步骤外，添加链接的最快方法是单击“控制面板”顶部的“快速链接”，然后在弹出式链接属性对话框中选择要链接的页面。设置、20、3 .动作，除了简单的链接，Axure还提供了可在触发事件的场景中执行的丰富动作。21、Axure支持的操作包括： OpenLinkinCurrentWindow :在当前窗口中打开页面openlinkinpopupwindow :在弹出式窗口中打开页面OpenLinkinParentWindow :在父窗口中打开页面clockrrentwindow LinkinFrame :在帧中打开页面SetPanelstate(s)toState(s ) :设置动态面板中显示的状态ShowPanel(s ) :显示动态面板(s ) :隐藏动态面板：切换(显示/隐藏)动态面板的显示状态MovePanel(s ) :基于绝对或相对坐标的动态面板setariablesandwidgetvalue (s ) equaltovalue (s ) 移动：设置变量值或控件值OpenLinkinParentFrame :在父页的嵌入框架中打开页面ScrolltoImageMapRegion :将页面滚动到ImageMap位置启用构件(s ) :将对象状态更改为可用状态禁用构件(s ) :禁用目标状态等待时间(s ) :等待几毫秒(ms )后执行此操作23、5 .页上的事件：OnPageLoad，Axure支持页级触发事件OnPageLoad。 当原型加载页面时触发此事件。 页面OnPageLoad事件在“页面注释”面板的“Interactions”子面板中定义。 将场景添加到OnPageLoad事件的方式与控件事件相同。 24、实例-打开弹出图层、打开弹出图层、打开弹出图层、单击弹出图层右上角的关闭可关闭弹出图层、25、打开实例-关闭图层的示例说明： on/off设定切换设定区域显示和非显示产品列表的位置移动，26，例如Tab切换标签，点击Tab标签进行层次切换，27，例如-存储用户的输入内容进行显示，例子的说明：不输入的点提交或提示语