Axure RP使用指南

用例规约版本：0.0.0-1.1.0第1页东软集团股份有限公司版权所有限制传播不论学习什么，打基础是很重要的。关于基础练习，我印象最深的故事是王羲之练习书法的故事，将一池水染黑，需要怎样的毅力？再有就是达芬奇与鸡蛋的故事，一个简单的鸡蛋，达芬奇画了无数次。我相信正是他们的一步一个脚印，才让他们有了后来伟大的成就。故事老套，道理浅显，可是我认为很重要。学习软件，应该先熟悉每个面板，每个基础功能，才能够真正谈到运用。所以我的学习方法是了解软件的基础功能开始。一、欢迎界面与功能运行AxureRP后，首先弹出的是欢迎界面，它拥有的功能和其他软件的欢迎界面没有什么特别的不同。功能区1：文档区，这个区域显示用户最近打开的AxureRP文件，用户可以快捷的打开之前编辑的文件。同时也提供快捷按钮，可以创建新文档与打开AxureRP默认文件夹。功能区2：认证区，这个区域显示注册信息。已经注册的用户，显示注册者名称，与已经获得认证的图标。未注册用户，显示注册链接，引导用户完成注册注册。功能区3：AxureRP学习中心。主要包括在线学习、帮助文档、问题反馈三个环节。a、在线学习提供了三个链接：videotutorial：点击后进入视频学习中心，可以通过观看相关的flash教程学习AxureRP，不过都是e文解说。onlinecommunity：进入AxureRP的官方讨论组，在线讨论学习。Axureblog：进入Axure的官方论坛，了解最新资讯。用例规约版本：0.0.0-1.1.0第2页东软集团股份有限公司版权所有限制传播b、帮助文档也提供了两个链接，但是其实起到的是一样的效果，都是打开帮助文档，只是跳往不同的章节罢了。c、问题反馈，通过点击链接可以发邮件到[e-mail]，以寻求获得帮助。在欢迎界面中，Axure还提醒用户，用4.6高版本的软件创建保存的Axure文件，无法用以前的低版本查看。同时，如果我们不希望下次打开软件再看到这个面板，我们可以通过选择“Don'tshowthisatstartup”实现。二、软件主界面与功能关闭欢迎界面后，我们进入软件的主界面，淡蓝色调的ui，并不是很张扬。功能区1：命令区，和我们操作的所有office软件一样，包含文件、编辑、查看和帮助，这些功能大抵是差不多的。table也很容易理解，就是对表格编辑的命令。而Axure特有的几个特殊的命令栏目是a、wireframe：线框，包含所有画原型线框图的相关命令。b、object：包含所有对工作区物体的操作命令，操作放入工作区的所有widgets，包括组合、排序、锁定以及脚注命令等。c、generate：自动生成html演示文件、word说明文档，以及对生成规则进行自行编辑、定义。用例规约版本：0.0.0-1.1.0第3页东软集团股份有限公司版权所有限制传播功能区2：工具栏，基本和office风格一模一样，功能也很容易上手。功能区3：工作区，这就是我们平常操作工具，创建prototype的舞台，将自己的构思在这里释放，将自己的想法在这里展现。工作区的上部显示打开的文件名，可同时打开多文档，进行操作。功能区4：站点地图，AxsureRP创建的文件是模拟真实网站页面关系的，sitemap就是通过树形目录关系，管理所有的站点页面文件与流程图文件。科学的文件关系结构，对有效的演示文档与生成易读的说明文档相当重要。我的操作习惯是先画流程图，然后根据流程图构建页面文件框架，最后才开始页面的具体设置。期间可以将文件分为LOFI（低保真）与HIFI（高保真）两个部分进行分别展示，有利于不同的需求者使用。功能区5：器具箱，囤积了所有用来画wireframe与流程图的对象。我们可以通过拖拽的方式将小图形放入工作区，进行操作。对于这里面的对象，我们有必要一一详细了解。功能区6：复用模块区，这里创建的页面文件和sitemap的页面相似，唯一不同的是，master的每个文件，可以当作一个整体，被sitemap反复调用。这个功能就相当于程序开发中的程序复用，用好这个功能，可以减少我们很大一部的工作量。也更容易理解网页文件的关系，了解网页设计师、程序员是怎么构建网站的页面的。功能区7：页面笔记，用来对当前创作页面进行注释与说明。同时可以在这里对页面里的关键字段和特殊问题进行详细的描述。功能区8：页面载入时的交互功能。通过在这里设置，不同条件下，页面初次打开时的状况。功能区9：注释与交互区。这个注释和交互和7、8不同，7、8针对的是页面，而9针对的是页面中的元素，也就是一个个widgets。功能区的上面部分设置交互条件。通过鼠标点击、滑入、滑出，设置触发的事件，与对应widgets相应的变化。这一部分对没有程序基础的人可能会有一点难度，我稍后会做详细解释。功能区的下面部分是注释部分，用户可以对选定的对象进行详细的注释。Axure已经设置了几个默认的注释字段，但是其实这些默认的注释字段，大家完全可以不使用，因为它可能和你要说明的东西风马牛不相及。那么该怎么办呢？Axure提供了自主设置字段，只要你自己设置好自己常用的字段，然后按照自己的习惯编写就可以了。比如说你要说明对象的功能、优先级、参数，那么你在设置中加入这三个字段就好了。Axure最大的优势就是你设置的这些注释，在生成说明文档时，Axure自动帮你生成PRD规格的表格文档，你可以省去相当大的编号工作，与文档工作。这些我在之后也会做说明。这些就是Axure的主要功能区，但是其实还有两个小的角落大家可能会忽略，那就是6、7、8区下面的一行系统信息，这里显示的信息很重要，但是一般人却经常会忽视。我只所以说用例规约版本：0.0.0-1.1.0第4页东软集团股份有限公司版权所有限制传播重要，因为我们在给ui设计师wireframe的时候他们总会问，这里多少像素，那里多少像素，可是我们在画wireframe的时候却无法度量。Axure创建的wireframe，完全可以生成html，因此我们可以在画的时候就度量好每个像素距离。但是我们要怎么做呢？这就需要利用到下面这行小信息栏了。信息栏左边显示的是文档保存情况。而右边呢，当你将一个widgets放入工作区，并选择这个widget时，这里就有用了，它显示的是你所选择widget的高宽，以及距离页面顶部和左边的px距离。通过使用上下左右键，结合这个信息栏，你可以一步一步将它移动到你想去的地方。有意思吧？开章要说的是文档管理。文档管理看似简单，但是这是从操作功能上来说的，而我在说功能上的时候，想把我对文档管理的理解也一并说一下。文档管理的目的，其实是为了有一个清晰的产品思路。刚开始工作的时候，我发现很多刚从学校出来的朋友对文档的命名与放置都是随心所欲的，我也不例外。没有好的整理习惯，这直接导致每次寻找先前的文档都要花费相当长的时间，甚至不小心误删，如果恰好有事请假，别的同事也无法接手工作。所以，做一个prototype需要首先构建一个清晰的文档关系，这样一方面能够让自己清楚文件关系与位置，更主要的是让开发者与接受者能清晰理解你的思路，生成更合理的产品说明word文档。AxureRP的sitemap，与windows的树形目录相似，是以父子关系构建页面关系的，每个页面既可以是一个页面page，也可以是一个流程图flow。一、工具功能条用例规约版本：0.0.0-1.1.0第5页东软集团股份有限公司版权所有限制传播1、增加一个子页面：为所选择的页面创建一个子页面。2、页面上移：同等级的页面中，将所选页面的上下排列次序，上移一个位置。3、页面下移：同等级的页面中，将所选页面的上下排列次序，下移一个位置。4、页面降序：将所选页面等级降序，作为原等级中，排列在所选页面上方之页面的子页面。5、页面升序：将所选页面等级升序，将所选页面的页面等级，升序为父页面的同等级页面。6、删除页面：将所选页面删除，同时删除其子页面。7、编辑页面：在工作区打开所选择页面，进行编辑。二、右键—增加为鼠标右击文件所显示命令，下同。1、增加一个子页面：同一，1。（表示和第一大点，第1小点功能相同，以下同此）2、在所选页面之上增加一个同等级页面。3、在所选页面之下增加一个同等级页面。三、右键—移动1、页面上移：同一，2。2、页面下移：同一，3。3、页面降序：同一，4。4、页面升序：同一，5。用例规约版本：0.0.0-1.1.0第6页东软集团股份有限公司版权所有限制传播四、右键—复制1、复制页面：复制所选页面，作为同级页面显示在所选页面下方。不包含所选页面子页面。2、复制分支：复制所选页面以及子页面，作为同级分支显示在所选页面分支下方。五、右键—页面类型1、wireframe：页面类型定为线框图，文件图标显示页面图标。2、flow：页面类型定位流程图，文件图标显示流程图标。六、右键—其他用例规约版本：0.0.0-1.1.0第7页东软集团股份有限公司版权所有限制传播1、删除页面：同一、6。2、重命名页面：为所选页面重命名。3、编辑页面：同一、7。4、生成流程表：将所选页面以及其子页面关系，生成流程图。生产图有两种页面布局方式可选。标准模式，页面按照父子关系从上自下排列；阶梯模式，页面按照父子关系从左上至右下，以阶梯方式进行排列。5、复制页面链接到剪切板。以上就是sitemap所有命令，其实这些命令都很简单，也很容易理解，关键在于怎么去使用。由于页面有两种类型，wireframe与flow，所以要善于用这两种标记页面，从而让人理解你的意图。我总结大致这两种标记可以如下利用。flow图为父页面，wireframe图为子页面：先画流程图，然后根据流程图构建页面关系。这样在流程图的指引下结构页面关系，可以更清晰的理解页面框架。wireframe为父页面，flow为子页面：为页面线框图中的特殊部分做流程解释。可以对页面的细节部分进行详尽的解释。当然，这两种结构方式要活学活用，在复杂的产品页面结构中，他们完全是你中有我，我中有你的。用例规约版本：0.0.0-1.1.0第8页东软集团股份有限公司版权所有限制传播masters和sitemap面板很相似，文档操作也一样，它们的本质区别是，sitemap里的文件是最终展示页面，masters里的文件却只是一个模块，是页面的一个部分。masters的英文直译是主人或雇主，但是我认为这里可以叫做模板，或者复用模块。masters的文件，是页面中重复的模块，由于在不同页面中这些模块是一样的，所以拿出来作为一个模块编辑，然后在不同页面中进行调用。这个功能类似于网页程序开发中的程序复用，不同页面中调用同一段程序，一般把这段程序单独做成一段页面程序，然后用include命令进行调用。master的文件就相当于这段被调用的页面程序。dreamweaver也有类似的功能，就是template，可以参照理解。一、功能条master的功能条功能基本和sitemap一模一样，功能也基本一样。唯一不同的是master可以创建文件夹，可以通过文件夹收纳不同的文件，因此唯一不同的就是第一个功能按钮，功能作用是增加一个文件夹。二、右键单击文档——增加增加功能的功能模块功能除了增加文件夹其他和sitemap相同，大家可以参考教程三中的二大条。用例规约版本：0.0.0-1.1.0第9页东软集团股份有限公司版权所有限制传播而masters的文档组织结构主要依靠文件夹完成，页面文件之间不存在父子关系。这是文档操作与组织中与sitemap的最大不同。三、右键单击文档——移动文件移动功能基本上也和sitemap完全相同，但是父子关系的文档移动是文件相对于文件夹完成，而不是相对于文件进行。功能，基本上也可以参考教程三的第三点。四、右键单击文件——文件身份“行为”behavior是行为的意思，这个功能是axure升级到4版本后加入的，是针对master的不同使用情况而添加的一个功能，也是要重点介绍的功能。1、normal：普通文件。就是一般的复用文件。是默认创建的复用文件。2、placeinbackground：定位的复用模板，这类