(AXURE)产品生产工具培训

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