(AXURE)产品生产工具培训

江西华邦经济发展有限公司网站原型工具使用培训制作人：张晓日期：2010年12月3日江西华邦经济发展有限公司？？？•从这里开始…..•如果你是网站产品经理、项目经理、网站策划、原型设计师、交互设计师，商务销售人员甚至急切想表达想法验证想法的Boss.•如果你还在因为使用了Word、Excel、Visio、PowerPoint、Dreamweaver或Photoshop等工具，在表达想法和原型时感到制作缓慢、效果粗犷、不易理解、无交互体现、修改困难等问题而头痛不已……•那么你肯定正在寻找一款可以快速实现、准确表达、带有交互效果且易于上手的原型设计利器。•如今AxureRP正在帮你实现这一心愿，将你在内心踌躇已久的种种想法带进可以准确传递、快速验证的原型呈现阶段。甚至你不需要了解一行程序代码即可轻松做到这一切。江西华邦经济发展有限公司？？？•一起认识它….•AxurePR快速原型制作软件，由美国AxureSoftwareSolutions,Inc.公司开发。•Axure(akshûr)音标：,RP是RapidPrototyping(快速原型缩写)。•AxureRP能让操作它的人快速准确的创建基于Web的网站流程图、原型页面、交互体验设计、标注详细开发说明，并导出Html原型或规格的Word开发文档。（通过扩展还会支持更多的输出格式）•软件界面及功能特性：•网站构架图•示意图•流程图•交互设计•原型设计•规格文档江西华邦经济发展有限公司？？？•为什么要使用Axure？•AxureRP可以让桌面应用软件和Web网站的设计师创建线框图、流程图、原型和规格说明文档，它比任何当前其它创建静态原型的工具如Visio,Omnigraffle、Illustrator、Photoshop、Dreamweaver,VisualStudio、FireWorks、GUIStudio等都要快速、高效，因为它才是真正的专门原型设计工具，并且支持多人协作设计和版本控制管理。•设计师们渴望有一个专门的原型设计利器，而Axure正是为此目的而精心打造。AxureRP已经被一些财富1000大公司采用，成为创造成功产品的必备工具。国内的淘宝、雅虎、腾讯、当当等公司的产品经理也都在使用。江西华邦经济发展有限公司原型的作用和好处•根据调查报告显示，大约66%的软件开发不是失败，就是超预算、延期或交付缩水的功能。软件三大原因为：••1、缺乏使用者的参与；•2、需求或规格不完整；•3、需求或规格变更；••传统的需求管理工具或工作表中所储存的数千个需求与上百页的文件早已不合时宜。现在，这些于目前快速发展的环境。而制作Prototype是个有效的简化文档编制、吸引使用者参与、早期辨在需求风险降到最低的方法。将大量文字性文档转变为带有注释与互动性的可视画面，如此更能与使用者的注意，让用户在软件开始投入编程前就确认需求。•快速原型法（RapidPrototyping）是一种有效且高效的以用户为中心（User-CenteredDesign）的技术，可以帮助用户体验专家、设计师、工程师创造更加有用、可用的产品。••目前全球有财富1000大的公司和重要机构在使用AxureRP，国内的淘宝、雅虎、腾讯、当当等公司的产品经理也都在使用。江西华邦经济发展有限公司工作环境介绍•框图上定义简单链接和高级交互。在线框图的基础上，可以自动生成HTML原型和Word格式的规格说明书。江西华邦经济发展有限公司工作环境介绍•1.主菜单和工具栏•执行常用操作，如文件打开、保存文件，格式化控件，自动生成原型和规格说明书等操作。•2.站点地图面板•对所设计的页面（包括线框图和流程图）进行添加、删除、重命名和组织页面层次。•3.控件面板•该面板中包含了线框图控件和流程图控件，如按钮、图片、文本面板、矩形框等，可用这些控件进行线框图和流程图的设计。另外，你还可以载入已有的部件库（*.rplib文件）和创建自己的部件库。•4.模块面板•模块是一种可以复用的特殊页面，在该面板中可进行模块的添加、删除、重命名和组织模块分类层次。•5.线框图工作区（或叫页面工作区）•线框图工作区是你进行原型设计的主要区域，在该区域中你可以设计线框图、流程图、自定义部件、模块。•6.页面注释和交互区•添加和管理页面级的注释和交互。•7.控件交互面板•定义控件的交互，如：链接、弹出、动态显示和隐藏等。•8.控件注释面板•对控件的功能进行注释说明。江西华邦经济发展有限公司一、线框图及其注释1.页面导航面板（Sitemap）在绘制线框图(Wireframe)或流程图（Flow）之前，应该先思考界面框架，决定信息内容与层级。明确界面框架后，接下来就可以利用页面导航面板来定义所要设计的页面。页面导航面板是用于管理所设计的页面，可以添加、删除及对页面层次进行重新组织。页面的添加、删除和重命名点击面板工具栏上的“AddChildPage”按钮可以添加一个页面，点击“DeletePage”按钮可以删除一个页面。右键单击选择“RenamePage”菜单项可对页面进行重命名。江西华邦经济发展有限公司页面组织排序在页面导航面板中，通过拖拉页面或点击工具栏上的排序按钮，可以上下移动页面的位置和重新组织页面的层次。打开页面进行设计在页面导航面板中，鼠标双击页面将会在线框面板中打开页面以进行线框图设计。江西华邦经济发展有限公司控件（Widgets）控件是用于设计线框图的用户界面元素。在控件面板中包含有常用的控件，如按钮、图片、文本框等。江西华邦经济发展有限公司添加控件从控件面板中拖动一个控件到线框图面板中，就可以添加一个控件。控件可以从一个线框图中被拷贝(Ctrl+C)，然后粘贴(Ctrl+V)到另外一个线框图中。操作控件添加控件后，在线框图中点选该控件，然后可以拖拉移动控件和改变控件的大小，还可以一次同时对多个控件进行选择、移动、改变尺寸。另外，还可以组合、排序、对齐、分配和锁定控件。这些操作可通过控件右键菜单中进行，也可在Object工具栏上的按钮进行。编辑控件风格和属性有多种方法可以编辑控件的风格和属性：•鼠标双击：鼠标双击某个控件，可以对控件的最常用属性进行编辑。例如，双击一个图片控件可以导入一张图片；双击一个下拉列表或列表框控件可以编辑列表项。•工具栏：点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。•右键菜单：控件右键菜单上可编辑控件的一些特定属性，不同控件这些属性也不同。江西华邦经济发展有限公司注释（Annotations）注释（Annotations）可以为控件添加注释，以说明控件的功能。添加注释在线框图中选择控件，然后在控件注释和交互（AnnotationsandInteractions）面板中编辑字段中的值，即可为控件添加注释。面板顶部的Label字段是为控件添加一个标识符。江西华邦经济发展有限公司自定义字段（Fields）•通过主菜单Wireframe-CustomizeAnnotationFieldsandViews或点击面板上Annotations头部的“CustommizeFieldsandViews”然后在弹出的CustommizeFieldsand，Views对话框中可以添加、删除、修改、排序注释字段。江西华邦经济发展有限公司•脚注（Footnotes）在控件上添加注释后，控件的右上角会显示一个黄色方块，称为脚注。脚注号码可以增大和减小，可通过控件右键菜单或工具栏上的进行修改。江西华邦经济发展有限公司页面备注（PageNotes）页面备注（PageNotes）页面备注可是对页面进行描述和说明。添加页面备注在线框图下面的Pagenotes面板中可以添加页面备注内容。管理页面备注另外，可以自定义页面备注，为不同的人提供不同的备注，以满足不同需要。比如可以新增“测试用例”“操作说明”等不同类别的页面备注。江西华邦经济发展有限公司二、基本交互设计1.控件的交互控件交互面板用于定义线框图中控件的行为，包含定义简单的链接和复杂的RIA行为，所定义的交互都可以在将来生成的原型中进行操作执行。在控件交互面板中可以定义控件的交互，交互事件（Events）、场景（Cases）和动作（Actions）组成：用户操作界面时就会触发事件，如鼠标的OnClick、OnMouseEnter和OnMouseOut；每个事件可以包含多个场景，场景也就是事件触发后要满足的条件；每个场景可执行多个动作，例如：打开链接、显示面板、隐藏面板、移动面板。江西华邦经济发展有限公司支持的事件如下：OnClick：鼠标点击OnMouseEnter：鼠标的指针移动到对象上OnMouseOut：鼠标的指针移动出对象外OnFocus：鼠标的指针进入文字输入状态（获得焦点）OnLostFocus：鼠标的指针离开文字输入状态（失去焦点）OnPageLoad：页面或模块载入大多对象只具备常见的三种触发事件：OnClick、OnMouseEnter与OnMouseOut，一些特殊的控件可触发的事件有些不同：按钮控件只有OnClick单选框和复选框则具有OnFocus、OnLostFocus文本框、文本域、下拉框、列表框则具有OnKeyUp、OnFocus、OnLostFocus页面加载或模块被载入时则发生OnPageLoad事件、场景和动作的关系江西华邦经济发展有限公司定义链接下列步骤说明如何在按钮控件上定义一个链接：1.首先，拖拉一个按钮控件到线框图中，并选择这个按钮；2.然后，控件交互面板中鼠标双击“OnClick”这个事件，这时会出现“InteractionCaseProperties”对话窗，在这个对话框中可以选择要执行的动作；3.在“Step2”中，勾选“OpenLinkinCurrentWindow”动作。4.在“Step3”中，点击“Link”，在弹出的LinkProperties对话框中可以选择要链接的页面或其它网页地址。江西华邦经济发展有限公司除了上面的步骤，加入一个链接的最快的方法是单击控件交互面板顶部的“QuickLink”，在弹出的LinkProperties对话框中选择要链接的页面。江西华邦经济发展有限公司设置动作除了简单的链接之外，Axure还提供了许多丰富的动作，这些动作可以在任何触发事件的场景中执行。江西华邦经济发展有限公司所支持的动作：OpenLinkinCurrentWindow：在当前窗口打开一个页面OpenLinkinPopupWindow：在弹出的窗口中打开一个页面OpenLinkinParentWindow：在父窗口中打开一个页面CloseCurrentWindow：关闭当前窗口OpenLinkinFrame：在框架中打开一个页面SetPanelstate(s)toState