AxureRP9互联网产品原型设计教学教案.docx

项目1了解互联网产品原型设计（任务1、任务2）一、教学设计授豫内容任务1了解原型设计的作用任务2拿思罐导图的修制学时1次2学时授课教师授源财t授课地点课程类型口理出口实践0理实一体教学目标知识目标1 .原型设计的必92 .思维导图软件4E性和作用r绍能力目标1.掌握思箫导图的绘制素质目标培养学生团结协作的精神课堂思政1.通过评解区组设计的概念及作用培格学生的现他意识2.通过讲解思斑7#图的绘制激发学生精益求怙的工匠精神知识点1.原型设计的概念2 .原型设计的参与者3 .原型设计的必要性和作用1.思维导图软件介绍技能点1.安装并使用XmindZENa*BA思维导图与原型设计的关系教学难点原型设计中的用户体验教学贵源教材及蠹考费科集体及平台教学方法教法:i膝法、任务瞅动法、演徜i，学法:案例教学法,小姐讨论法。、教学实旅（包括但不仅限以下内容）（一）本次爆内容知次导Ba二）放学内容（注明疆些是知识点、技能点，并展示其去述方式（包括但不仅限F陈述、案例、微课、抖音、视频、故事'名吉、数据等）任务I了解原型设计的作用知识点I原型设计的必要性道过蚪解原型谩计的套用盘，引出原夏敏计的必JMt.原型是帮助网拈设计完成最终标准化和系统化的最好手段.它展大的好处在于,可以有效地避免正要元素被包珞，也能助阻止作出不准确不合理的假设，【提示】：无论你是移动端Ul设计师还是PC端网页设计师，原型设计的很妥性是显而多见的。原型设计让谩计师和开发者将基本的概念和构想形象化的呈现出来，让参与进来的每个人都可以查看使用，并给予反靖。而且，在最终版本定下来之前随时可以进行必要的调整。在项目开始之初,对每个元素进行调试并确保它的能鲂如同预期一样运作是相当重要的步骤.当完成可交互的高保真原型之后,设计师可以格它作为一个成型的界面来使用.通过测试模型中所行的功能，确认能否解决规划阶段所计划解决的问胭，如果没有使用产品原型，而是在完成项目整体的设计和开发之后is行测试，加么，修改和询整的成本就相当高昂了。【提示】：一个可用可交互的原型所带来的好处并不量一星半点，它还可以帮助开发和设计人员从不同的雉度上来规划和设计产品。知识点2原型设计的作用J1.it方式：通过Mifc愚型谟计的工件海&和设计款件引出原熨设计的作用.个而保直原型能够像最终完成的产品那样运行，使用者可以对它迸行操作，原型则会给予相应的反馈，使用者在明白产品运作方式的同时，寻求解决特定问题的方案，原型经过可用性ifl试之后，能峡优化出更好的用户体脸，使弊在产品上线发布之前排除相当一部分的潜在何也和故障.1、让开发变的轻松产品原型可以使产品的开发变的更加容易.当一个联目完成满意的原型之后，能够消楚的让卷马者荷到顶Il发布之后的运作的流程。开发人员能够在此战础上开发出更加完善的代码方案.2、节省时间和金钱当一个公E想要推出一个新的ApP或拧发布一个新的网站时,总会集合一批专业的人士来完成这个项目.随着时间的推移，花销会不断的增长，项目上的投入自然越来越大.有了膜型之后，团队成员能铐困生着原型进行快速高效的沟通，哪些地方要增删，什么细节要修改，这样的方式能够更加快速的推进项目进度。3、更易沟通与反馈有了原型之后,团队成员沟通的时候不需妾彼此发送大Ift的图片和PDF文档了.IU而代之的是添加评论和族接,或者是使用原型工具内建的反馈:只进行沟通，沟通更快了，悦里的修订也更快了，【提示】：版本修订货.原嗖设计过程中的左妥组成部分，它是最终产品能完关呈现的先决条件。原型能钻不断修正迸化，这使得它成为了产品研发中最有价值的部分。随着一次次的迭代，产品本身会越来越优秀,而版本修订的过程也越来越快速而筑单。知识点3原型设计的要点衰是方入：通过展示工及内产Jfc案例引出原熨设计的要点.在设计原型的时候，为了更好地表现网站内容并留住更变的浏览者，设计师需要注:以下几点。1、规避设计时自己个人的喜好.自己喜欢的东西并不一定谁都喜欢.例如网页的色彩应用,设计师个人喜欢大红大绿.并用在设计的作品中充斥督这样的颜色，那么一定会丢失掉很多潜在客户,原因很简单，就是跳跋的色彩让浏览者失去对网站的伯任.现在的大部分用户都喜欢简单的醐色，简约而不简单。设计师可以通过先浏览其他设计师的作品，然后再进行设计的方法来实现更符合大众的设计方案，当然浏览别人的作品不等于要抄袭.是让设计师在别人作品的基础上再提高.以留住更多的浏览者.抄袭的作品会让浏览者对网站失去信任感.2、考虑不同层次的浏览者设计师必须要让很多不同层次的浏览者在网页上达成一致的意见，也就是常说的“老少皆宜”，因为抓住了所有浏览者共同的心理特征，吸引了更多新的浏览者，才能说明设计是成功的.通过奖勘剌激浏览的方法尽可能少用,坦然利益是最大的驱动力,但是河络的现状让网民的警惕性非常高，-不小心就会适得其反，想要抓住人们的浏览习惯共实根简总，只要想想周阳的人都关注的共同东西就明白了。3、充分分析竞争时手，平时多看看竞争对手的网站项目，总结出他们的优缺点，避开对手的优势项目，以他们的不足为突破口，这样才会吸引更多的浏览者注意.也就是说.要把竞争对手的劣势转换为自己的优势,然后突出展现给浏览拧看.这一点在网站项口建设中更易实施.任务2掌握思维导图的绘制思维导图,又称脑图、树状图，是一种图像式思考的辅助工具，它简单却又很有效，是种将思维形象化的方法，通过放肘状的发散形式，将思路变得更为条理和深入。知识点1思维导图的基本类型首通址展承不同臭型的思维导由，引出思维导图冬JI的基本臭型.思维导图的基本类型有圆圈图、气泡图、树状图、桥型图、括号图和流程图5种,还有很多类里是由基本结构延伸得到的。例如气泡图可以延伸为双气泡图。1)HHffl阳圈图是由不同的是圆阍大小组合而成的,位于中间部门的自然是中心主题-殷会偏大一点，四周的圆圈是分支主时,大小稍微小点，可以培养想象力以及联想力，如图1-14所7Jo2)气泡图气泡图包括胞气泡图和双气泡图.景气泡图就是有很多阳圈困境中心主题所建立的：双气泡图是有两个气泡思维导图组建而成的，中间的部分是两个思维导图所重合的部位，也就是总结的内容时两个关世词所都具备的特性,双气泡图3）树状图树状图就如同一颗大树一样，该种类的思维导图主要适用于对知识点的归纳中，这样在后期使用的时候可以一目了然的清晰的展示在面板中.4）桥形图桥里图是一种类比图，整个造型和桥梁的水平地方与凸起地方很像,但是两者又是以有6）括号图括号图与树状图的功能相似，最常使用的地方也是对知识点的归纳中，利用大括号对不向的主题进行诃解使用.6）流程图流程图也是刖维导图的一种.只是在绘制中流程图是讲述的某件事情或拧是解抉何也的方法，不问与思维导图是围境中心主腮诳行搭建的，流程图通过流程图的先后顺序分析事物的发展状况以及内在逻辑，括号图前程图知识点2思维导图软件介绍目前流行的思维导图制作软件有很多，比较著名的有MindMeislerxXMind和MindManagcr.接下来分别介绢一下这3款软件.A<*:通常及承思修导员文件引出，用思险导用找仲介健.1) MindMcistcrMindMeister软件是一款典型的思维以图软件，功能非常完善，由艺图软件公司研发。作为一款在线头脑风暴应用程序MindMeiSleI以外作为设计理念，出推导图实时更新。可跖地点、多设备共享思维和创造的特点在团队共创方面表现突出。用户可以在浏览器地址栏中输入hups:WWW.procc$SOUindMoister在线界面2) XMindXMind是一款易用性很强的软件，通过XMind可以随时开展头脑风暴,帮助人外快速理清思路.XMind绘制的思维导图、鱼付图、二维图、树形图、逻辑图、组织结构图等以结构化的方式来展示具体的内容谀计师在用XMind绘制图形的时快,可以时刻保持头脑JfiVfi,随时把握计划或任务的全局，它可以相助人们在学习和工作中提高效率。用户可以XMind和XMindZen两个版本中选择使FH，两者没有本质的区别，XMindZen是一个在XMind基础上理新设计的版本,不但具名XMind全面的思维导图功能,同时还有重新设计的界面和交互方式.XMrd.ZEN20XMindKJ：作界而课堂操作一安装并使用XoindZEN步骤(H打开浏览器,在浏览器地址栏中输入Mtps:/也F3)MindManagerMindMan卑Cr是-敢国际化商业思维导图软件.是创造、管理和交流思想的工具,可港加图像、视领、超族接和附件，是业内专业的思维导图工具.MindManager提供了友好、直观的用户界面，可快速协助用户记录灵整和翎法，有序地把用户的思维、资源和管理项目、项目进程如织为一个整体,极大地提高了用户的工作效率。MindWanager的工作界面Mindmanager与同类思维导图软件最大的优势是软件向MicrosoftOffice无缝架成，能够快速将数据导入或导出到MicrosoflWord.PowerPoint.Excel.Oullook.Project和ViS沁中.使之在职场中有极高的使用人群.也越来越多受到职场人士再睐.(=)教学拓展(修习、思考、奥研、网读、实践等)1 .完成教材课后测试2 .针对本次课技能点布置下次课实训任务一一完成创意家居App修昂吗的思维导图（三）教学反思(教学小结与管断改进)项目2了解AXUreRP9（任务1、任务2）一、教学设计授豫内容任务1了解AXUre的主要功能任务2热怂AXUre的工作界面学时1次2学时授课做酊授课班授课地点课程类型口理论口实践0埋实一体教学目标知织目标1 .了解AXureRP9的主要功2 .熟:悉AXUreKP9的J1.作界曲Ifif能力目标1.掌握AXUreRP9的基本操作素项目标培养学生团结协作的精神课堂思政I.通过了解AXUrC的主要功旎培养学生的规范意识2.通过讲解Axure的工作界面激发学生精益求精的工匠精神知火点1.下载、安奘、汉化和启动RXUreRP92 .理解AxureRP9的主要功能3 .熟悉AXUreRP9的工作界面4,使用版UreRP9的帮助资源技能点1 .安装与汉化AXUrCRP92 .自定义AxureRP9基本工具列表教学点熟悉AxureRP9的工作界面教学魔点理解AXUreRP9的主要功能教学资源财及*资科媒体及平台教学方法做法:汕技法、任务费动法、演示法，学法:案例教学法、小组讨论法.三、教学实*（包括但不仅用以下内容）二）本次课内容知织导图6<P)江网B¾M/tswT*E152-11华谊快提键152-12输入文字执行“文件偏好设Sr命令,弹出“偏好设置”对话框一切换到“裔布”选项卡,可以选择取消“启动单键快捷键”选项。关闭该功能后，选中元件时键入文木，即可在该元件上快速添加文本，“偏好设置,好话枢取消“启动华谊快援键"选Jfl(三)教学拓展(魅习、思考、研、例读、实践等)1 .完成教材课后测试2 .针对本次课技能点布置'次课实训任务一一自定义草图工作区（三）教学反思(教学小结与母断改进)添加动作AXUreRP9提供了显示/隐藏、设置面板状态、设置文本、设置图片,设置选中、设设列表选中项、启用，禁用、移动、旋转、设置尺寸、湿于顶层/底层、设汽不透明、获取焦点和展开/收起树节点14种动作供用户使用。知识点3交互样式设置衰述方式：通常淡示糠作*轿我就发，谛解谀量文J1.样火的方注.用户可以通过设置交百样式，快速为元件制作精美的交互效果,交互样式设置的事件只有5种,分别是网标悬停、取标按下、选中.禁用和获取焦点.选中元件，总击鼠标右键，在弹出的快捷菜单中选择“交互样式”选项.用户可以在弹出“交互样式”对话框中完成交互样式的设用,r执行命令“交互样式”对话框用户可以选择在不同的状态下为元件设置样式，以实现当鼠标悬伸、次标按下、选中、禁用和获取焦点时元件不同的样式。三）教学拓展（修习、思考、0研、例读、实践等）1 .完成教材课后测试2 .针对本次课技能点布置下次课实训任务设计制作按钮交互样式（三）教学反思（教学小结与修断改进）项目6使用母版和动态面板（任务1、任务2）一、教学设计授豫内容任务1新、井使用用任务2动杳面板的慢用与“铁学时1次2学时授黑被前授獴班级授理地点课程类型口埋论口实找0理实一体教学目标知织目标1 .¥握母版的概念，2 .掌握新建和编辑母版的方法3 .熟练使用母版1.使用和涮轼动态面板元件5.掌树为动态面板添加交互能力目标1,能熟练新建和编辑母版2 .能鲂在原型页面中使用母版3 .能够熟练使用动态面板1.能够符元件转换为动态面板素项目标培养学生团结协作的精神课堂思政1.通过学习新建和编辑母版培养学生的规范意识2.通过使用动态面板元件激发学生就益求精的J1.匠精神知铜点1 .掌握新建母版的方法和技巧2 .掌握编辑和转换母版的方法3 .掌握动态面板的编辑方法1.掌握为动态面板添加交互的方法技能点12 .新建、编辑和使用母版13 .应用动态面板元件14 .为动画面板添加交互教学点新建、编辑和应用母版教学定点为动态面板元件添加交互教学资源切及A资料媒体及平台教学方法做法:讲授法、任务疆动法、演示法.学法:案例教学法、小组讨论法.教学实见（包括但不仅限以下内容）（六）本次课内容如织导图执行命令-从页面中移除传版”时话框在页面列表中选择想要移除母版实例的页面，单击“确定”按钮，即可完成移除母版的操作。【提示】：使用“添加到页面中”和“从页面中移除“命令添加或删除母版实例的操作是无法通过“撤销”命令撤销的。需要变新再次操作。为了便于杳我和佟改母版，AxrueRP9提供了母版的使用情况供用户参考。在“母版”面板上选择常要杳石的母版,郎击网标右雄，在弹出的快捷菜学中选择“使用情况-选项在弹出的“母版使用情况报告”对话框中将显示使用了当前母版的页面.执行命令母版使用情况Itt告对话框在“译版使用情况报告”对话框中可以查看应用当前出版的母版文件和页面文件，成由面板中的选项，即可快速进入相应母版或页面中。任务2动态面板的使用与转换“动杳面板”元件是AKUreRP中功能最丸大的元件，足一个化腐朽为神奇的元件.通过使用“动态面板”元件,客户可以实现很多其他原型软件不旎修实现的动态效果.动态面板可以被简难地看作是拥仔很多种不同状态的一个越级元件.知识点1使用和编辑动态面板41.班方式：遇过实操演示加选演示现猴，谛解动各面板的使用与科.1）使用动态面板“元件”面板中选中“动态面板”元件，将其拖曳到页面中.HIHtm«4aaeA.结使用一动态面板-元件双击“动态面板”元件，工作区将转换为动态面板编辑状态,用户可以在该状态中完成动态面板的各种操作,单击Zi上角的“关闭“按钮即UJ退出动态面板编辑状态.项目7变量与表达式（任务1、任务2）一、教学设计授豫内容任务1学习使用变量并设£岭任务2学习使用表达式学时1次2学时授黑被前授獴班级授理地点课程类型口埋论口实找0理实一体教学目标知织目标1 .了解全周变fit2 .了解局部变版3 .掌握设置条件的方法4 .了解表达式的使用能力目标1 .能熟练使用全局变质2 .能熟练使用局部受用3,能在交互中使用条件1.能够使用表达式素项目标培养学生团结协作的精神课直思政1 .通过学习变求和设时条件培养学牛.的规范意识2 .通过使用表达式激发学生精益求精的工匠精神知火点1 .掌握全局变量2 .掌握局部变肽3,掌握设置条件逻辑1.掌握表达式的使用技能点15 .全局变量和局部变址的使用16 .掌握添加i殳置的逻辑17 .掌握表达式的格式假学工点全局变显与同部变量的使用教学魔点交互中表达式的使用教材及A资料媒体及平台教学方法教法:做法、任务驱动法、演示法.学法:案例教学法、小组讨论法.八、教学实Ii（包括但不仅限以下内容）七）本次内容知识导图anR用情形弹出“情形编辑”对话框.单击“添加条件”按钮，即可为事件添加一个条件.“情形a林”对话框添加条件添加动态条件包括用来进行能辑判断的值、确定变础或元件名称、龙轮判断的运算符、用来选择被比较的值和输入框5部分.>.11e*»rnFuk*wn人rHRRaR*MrttlHl设置条件1）确定条件现辑单击“情形褊物”对话框右侧的“匹配以下全部条件”选项,弹出对话框.MBxrumm确定条件逻物>匹配以下全部条件：必须同时满足所行条件漏辑器中的条件用例才有可能发生.>匹配以下任何条件：只要满足所在条件编辑器中任何一个条件，用例就会发生.【提示】：可以通过设置条件逻辑关系，设置执行一个动作必须同时满足y获得元件对象的X坐标width装窗元件对象的窕度height获得元件对象的高度scrollX获取元件对象水平移动的距离ScrolIY获取元件对象垂克移动的跖离text获取元件对象的文字name获取元件对象的名称top获取元件对取模部边界的坐标值left获取元件时象左边界的坐标值right获取元件对象右边界的坐标值度bottom排取元件对象底部边界的坐标（ftopacity获取元件对象的施转角度rotation获取元件对飨的旋转角度2）页面函数单击“编辑文本”对话框中的“插入变量或函数”选第在“页面”选项下可以看到1个页面两数，函数说明下表所示.页面函数的数名称说明PageName获取当前页面的名称知识点2窗口函数和鼠标指针函数<<*:遢*演示操作和护或视麴，谛解M*R标*针鼻救约使用.1）ttft单击“编辑文本”对话框中的“插入变量或函数”选叫在“窗口”选项下可以看到4个窗11函数，函数说明如下表所示.窗口函数函数名称说明Window,width获取浏览器的当前宽度Window.height获取浏览器的当前高度Window.scrollX获取浏览器的水平滚动即离Window.scrollY获取浏览潞的垂直滚动距离2）鼠标指针的数单击“端我文本”对话框中的“插入变琏或函数”选项，在“双标指针”选项卜可以看到7个取标指针函数,函数说明如下表所示.鼠标指针函数Cursor,x获取双标当前位置的X轴坐标Cursor,y获取双标当前位置的丫粕坐标DragX整个拖动过程中,武标指针在水平方向上移动的距惠DragY整个拖动过程中,取标指针在水平方向上移动的距商getMilIisecondsO获得“期对象的亳秒值getMinutes()获得日期时象的分钟值.可取tO59getMonth()获得H期对象的月份值getMonthName()获得日期对象的月份的名称,根据当前系统时间关联区域的不同,会显示不同的名称getSeconds()获得H期对象的秒值.可取值0-59getTimc()获得1970年1月I日迄今为止的亳秒数getTiInezoneOffsetO返回本地时间与格林威治标准时间(GMT)的分钟依getUTC()ate()根据世界标准时间，返回Date对象屈于哪一天的值,可取值1-31etUTCDayO根据世界标准时间，返回Date对象为一周中的哪一天,可取值。6,周11的值为0getUTCPulIYearO根据世界标准时间,获得日期对象的4位年份值,如2015getUTCHours()根据世界标准时间,获得日期对象的小时值,可取值0-23KclUTCMiIlisccondsO根据世界标准时间，获得11期对象的盘杪值getUTCMinutesO根据世界标准时间,获得日期对象的分钟值,可取值059getUTCMonthO根据世界标准时间.获得H期对望的月份值RetlTrCSecondsO根据世界标掂时间，获得门期时象的秒伤，可取伯。59parse(dateslring)格式化日期，返回日期字符耶相对1970年1月1日的赵秒数tODateString()将Date对象转换为字符小toISOString()返回iOS格式的日期toJSONO将1期对象进行JSON(JavaScriptObjectNotation)序列化tO1.OCa1eDatcStrinO根据本地11期格式，将Oaie对象转换为11期字符申to1.ocaleTi三eString()根据本地时间格式，将Dale时象转换为时间字符串tol-ocaleString()根据本地日期时间格式,将Date对象转换为日期时间字符申IoTimeStringO将日期对改的时间部分转换为字符中tOltTCStringO根据世界标准时间，将Date时象转换为字符申ITC(year,month,day,hour,ninutessec,iIlisec)生成指定年、月、日、小时、分神、秒和忘秒的世界标准时间对象,返回该时间相对1970年1月1日的受秒数valuef()返回DaIe对象的原始值addYcars(years)将某个Date对象加上若干年份伯，生成一个新的Date对四addMonths(months)将某个Date对象加上若干月值，生成一个新的Date对象addl)ays(days)将某个Dale对象加上若干天数，生成一个新的Dale对象addHous(hours)将某个Date对象加上若干小肘数.生成一个新的Date对双addMinuICS(minutes)将某个Date对象加上若干分钟数，生成一个新的Date对象addSeconds(seconds)将某个Date对阪加上若干秒数,生成一个新的Date对象ad(IMiIIiseconds(ms)将某个Date对象加上若干案秒数.生成一个新的Date对四项目9使用中继器（任务1、任务2）一、教学设计授豫内容任务1热公中4t元件的坦成任务2家»«的作学时1次2学时授黑被前授獴班级授理地点课程类型口埋论口实找0理实一体教学目标知织目标1 .了解中继器的粗成2 .熟悉项目交互和设置3 .熟悉数据第的操作方法能力目标1 .能在原型中熟练使用中维器元件2 .能熟练进行数据集的操作3 .能熟练进行项目列表的操作素质目标培养学生团结协作的精神1 .通过学习中维涔的组成培养学生的规范意识2 .通过学习数据集的操作激发学生粕益求精的工匠精神知iR点1 .掌握中继器的组成2 .掌握项目交互和样式设.置3 .掌握设置分页与数量的方法1.掌握添加和移除排序的方法5 .掌握添加和移除筛选的方法6 .掌握添加和移除中继器的项目的方法技能点20 .使用中维器元件制作页面21 .通过数据集操作实现不同页面效果教学工点中继器元件的攻Fl交互与设置教学理点通过数据集操作实现页面交互效果我学资峥及A资料媒体及平台校学方法教法:讲授法、任务驱动法、演不法第4：案做好.小组讨心去.十、教学实Ii（包括但不仅限以下内容）（九）本次课内容知伏导图用户通过勾选“交替颜色”复选框,分别设巴“颜色”和“交替”颜色,实现中维器背景交替效果DveMSW中继;S背景交昔效果【梃承】:要向正确显示背景交替效果，需要将双击进入中继器编辑模式,修改“埴充”不透明性为0%。否则将不能显示交替效果。 分页在“分贞”选项下,用户可以设置中继器元件的分页显示功能.勾选“分页显示”复选框，用户可以在“每页项目数”文本框中蛤入每页项目的数fit,在“起始页”文本框中设捏起始页码。加S!5S5JJ5三50侬页】一设置分页任务2掌握数据集的操作常握了中绯器的现成后,接下来一起学习一下中维甥数据集的操作，数据集Ur以完成添加、剧除和修改等操作,并能够实时呈现.这就让原型产品的效果更加丰富、逼真.同时中维器还具有筛选功能,能够让数据按照不同的条件排列.知识点1设置分页与数量41.班方式：遇过实操演示，*ft*41.MA*Ml.元通过数据集填充门卜维器的数据.如果桁望这些数据能峡分贝显示,可以通过样式"面板设箔分虫.然后，再通过“设嵬当前显示页面”动作,动态设置中继器元件默认显示的数据页。设置每页项目数量，允许改变当前可见页的数据项致敬。 显示全部列表项：设置中继落在一页中H示所有项. 每页显示多少顶：设置中继器每页显示数据项的数I鼠NMIMt设置当前显示页面St峰页项HtA【提示】：在“样式”面版中近接设置的分页效果将克接显示在页面中。而更新已标记的行,也可以使用规则更新行.比如,首先使用“标记行”动作选中任意歌或多款商品,再使用“更新行”动作将选中商品的箱依、价格和评价进行更新。 删除行：如果己经对中绛器数据架中的项进行了标记行，则可以使用,删除行”动作删除已经被标记的行了.另外,还可以按照规则捌除行.(=)教学拓展(修习、思考、0研、同读、实践等)1.完成教材课后itt试2.针对本次课按能点布置下次课实训任芬一一设计制作模糊搜索（三）教学反思(教学小结与性新改进)登氽IK户.yr对M枢2）发布到Axure云用户可以将原型托管在AWreA上并与分享给利益相关者。使用HTO1.原里的讨论功能Ur以让利益相关者与设计团队进行离线讨论。单击AXUreRP9工具栏上的“共享”按钮.弹出“发布项目”对话框.单击对话框顶部的“发布到AXUr。云”选项，弹出下拉菜雎.共享按钮“发布项日”对话框【提示】：执行“发布发布到AXUrC云”命令，也可以打开“发布项目”对话框，完成将项目发布到AXUre云的操作。 发布到Axure云选中“发布到AXUr。云”选项,用户输入“项目名称”和“共享陡接的密码”后，单击“发布”按钮，稍等片刻，即可将当前项目发送到AXUre云中。单击“红制链接-按钮复制能接.打开浏览器，将更制的内容粘贴到地址栏中，即可打开xure云页面.发布到AXUre云浏览器打开页面在文本框中怆入共享健接密码后，单击*V1EWPROJECT"按钮,即可打开共享的J目. 发布到本地选择“发布到本地”选项,为项目制定本地目录后,单击”发布到本地”按钮,即可将项目文件发布到本地设备的指定位置.输入共享俵核定码发布到本地 管理朦务0选择“管理服务器”选项，弹出“管理AXUrez：服务器”对话框，用户在该对话框中可以完成账户的添加、漏轼、退出和删除操作。单击对话框右上角的玲图标，展开项目输出配置选项,用户可以分别针对项目的页面'说明'交互和字体进行限JS1.管理堀务器项Il详细信息内弃任务2发布项目并使用生成器知识点1发布查看原型A<*:遇过实操演赤，臂解囊有条着原型的方法能技巧.当项目完成后,单击AXUreRP9工具栏中的“颈览”按钮或者按坦合键【Ctrl+.】:即Ur在浏览器中查看原型效果.用户可以通过执行发布>侦览”命令，实现在浏览潺中杳看原型效果.三S共享预览按册刊览命令执行“团队预览选项“命令，用户可以在弹出的“预览选项”对话框中设置打开项目的“浏览零”和“播放”属性.“预注选项”对话框 浏览器默认浏览器：是根据读者计算机中设置的默认浏览涔，在该默认浏览器中打开项目文件. Edge：项目文件将在指定的Edge浏览中打开.【提示】：如果系统中安装了其他浏览舄，AxureRP9将会自动识别并添加到“预览选项”面版“浏览器”列表下供用户设杼使用. 播放擀 默认：选择此选项,浏览涔将在页面顶部显示页面列表. 打开页面列表：选择此选项，预览原里时将把页面列表显示在页面的左侧。 加小化：选择此选项，预览原型将陶微工具栏和页面列表。单击浏览甥由口左上角位置,即可显示工具栏和贞面列表.左削故亦页面和&电就I：具栏和页面列农知识点2使用生成器*迩方式：通常演承糠作，弟解不同生成品的设史.在输出项目文件之前.首先要了耨生成器的概念.所谓生成器就是为用户提供的不同的生成标准.在AXUreRP9中包含HIM1.生成器和Word生成器两种.用户可以在“发布”菜单下找到这两种生成器，JMlP)Qrt.M.PJt*5!A>w云MNCt<tJtaHTMCVltSMttOB*t<3>SKHTMlS<RCt/USWl.lWxdSSBMi-4W)O>4*Uu.0更*±S三O三aK'*<MCtrl*Sft.M“发布”菜纸下命令1)Hni1.生成器发布项H对话框执行“发布生成HTY1.文件”命令.弹出“发布项目”对话框.WHCtd.RftS90)CtrfA.A>tP1TS!A*xes.AjQrfMHTMtm-IM&CtrhShift*0*±6tarmXiMt交引即cshhUWOtdm1.AMCtrUsMUD更*gfM-执行“生成HTM1.文件”命令在“发布项目”对话框中可以配置“HTM1.1默认”生成在的选项也可以单击“HTM1.M默认了选项，在弹出的下拉菜单中选择,新建鼠说”选项，创建多个不问的HnI1.生成器。默认HTMI生成器HTM.1(ttU)HTM1.l<ttU.)新建配n通过创建多个ImU.生成器,在大型项目中可以将图形切分成多个部分输出以加快生成的速度”生成之后可以在Web浏览器中查卷.【提示】：通过创建多个HTM1.生成器，可以将大型项目中的页面切分成多个部分输出，以加快生成的速度。“发布项11"对话框中HTM1.生成器各项多数解择如下。 页面用户可以在“页面”选项中选择发布的页面,默认情况下,招发布全部页面的.取消勾选“发布所有页面”或选板后,可以在下方列衣中任意选择要发布的页面.发布所行页面地持些发布的页面在项目文件中页面过多时，用户可以通过单击面板中提供的全选、不选、选中子项和取消选中子项4个按钮快速完成发布页面的选择“C发后全则11三±fi*不医n五中子演二取消区中子项页面选杼按钮 说明用户可以在“说明”选项中选择发布文件中是否包含“元件说明”和“页面说明”，让HTM1.文档的页面说明更具有结构化， 交互用户可以在“交互”选项中对页面中的交互“情形动作”和“元件引用页面''进行设置，以确保能就骁得更好的页面交互效果。XFW字体在AXUreRP9中默认字体是Arial字体,字体映射，获得更好的页面预览效果。用户可以通过在“字体”选攻中添加字体和字体选项执行“发布>重新生成当前页面的HTM1.文件“命令，可以再次时当曲页面进行HTM1.发布.发布后将置盖以前发布的后发布页面.【提示】：对于喻应式的Web项目文件，HTM1.原型是最好的展示方式。2)ord生成叁用户可以使用Word生成器将原型文件输出为Word说明文件，xureRP9默认对Word2007支持的比较好，并自带OffiCe兼容包。生成的文件格式是docx格式。如果蒲要低版本的Word文件，则羔要通过科化获得。执行“发布生成lord说明书”选项.用户可以在弹出“生成说明书”对话框中完成Word说明书的创建.o,，1二，-Tr：._9UM.<d-fcMta*三乂用CtHXilWI<H¾MOltMaC11fc7MTV1.T(<RCtUl>rt!NCMMDe*s<三maunv-.Qm-一壬生成Word说明书一生成说明书“对话框“生成说明记”对话框中存底参数解徉如下.常规在该选项下，用户可以设置生成的*ord说明书的位置和名称.页面在该选项下，用户可以选择Vord说明书中包含所的内容.和HTM1.生成器中的页面说明一样，可以让页面更具有结构化。母版在该选项下，用户可以选择描要出现在lord说明书中的母版及形式.“页面-选项”际版一选项 磁性在该选项下，用户可以选择生成WUrd说明书时是否包含页面说明、页面交互、母版列表、母版使用情况报告和动态面板和中维器等内容.快照AxurcRP9生成Uord说明H功能的一项特别节省时间的方式就是自动生成所有页面的屏幕快照.所有页面的解愁快照都会自动更新,还可以同时创建娘号脚注.“属性”选项“快照”选项 元件在该选项下为元件提供了多种选项配汽功能，可以对Uord文档中包含的元件说明信息进行管理. 布局在该选项下提供了Bord说明书页面布用的选择性，用户可以选择采用单列或多列的方式排列页面。“元件"选项“布局”选项 模板在该选项下用户可以完成WOrd说明书中模板的设S1.用户可以通过选择使用Word内置样式或Axure默认样式创建模板文件，并将模板文件应用到Bord说明书中,i殳跟各项参数后,单击''创建说明书”按钮,即完成WOrd说明书的创建,“模板”选项【轻承】：在项目文件输出时,Word序式.Word说明H文档是戢重要的