axure教程(七)如何输出网站应用程序原型

axure教程(七)如何输出网站/应用程序原型axure发表于232天3小时49分钟前来源：标签：Axure教程axurerpaxure原型auxre下载这期axure教程主题主要是教授大家如何输出网站或应用程序的原型，进行实战，主要从以下5个部分进行教学：1.什么是网站/应用程序原型(HTMLPrototype)?2.输出网站原型/格式设定3.展示与操作网站原型4.分享原型档案给其它人5.秘技(QuickTips)1.什么是网站/应用程序原型(HTMLPrototype)?在Axure中完成有批注的Wireframe和Interaction之后，您可以产生可交互且支持多种浏览器的Web/AP原型(HTMLPrototype)。(注:AP是Application的缩写，通常指的是应用程序)AxureRP网站原型是由HTML和Javascript组成，可以在IE6(或以上的版本)、Mozilla或Firefox中浏览。换句话说，观看网站原型的人仅需要一般浏览器，不需要安装AxureRP。如下图范例所示。解除IE中的ActiveX警告讯息：使用IE开启在自己计算机里头的HTMLPrototype档案时，浏览器中可能会出现ActiveX警告讯息，想要暂时解除IE中的警告讯息，请点选IE浏览器出现的ActiveX警示讯息，接着选择”允许被封锁的内容”，这样子就可以在IE浏览器上看到自己计算机里头的HTMLPrototype了。想要永久解除ActiveX警告讯息，请参考秘技一。2.输出网站原型/格式设定想要输出原型或设定(ConfigureHMTLPrototype)输出格式的话，请按下AxureRP软件上方主功能选单「Generate」菜单，选择「Prototype(F5)」。或是按下工具列中的「Prototype」钮，系统会开启「ConfigureHTMLPrototype」对话框，并显示预设的原型输出格式设定，您可透过这个对话框来设定输出原型的格式。格式设定中的选项可分成下面几区：General：在「DestinationFolder」处输入网站原型的HTML档案的存放位置，因为AxureRP的网站原型包含许多档案，最好指定一个windows档案系统内的档案夹来存放。Notes(网页说明)：选择和排序想要显示在网站原型中的网页层级说明。Annotations(物件批注)：选择和排序想要显示在网站原型中的批注字段。Interactions(交互)：指定交互的行为，例如：指定是否需要预设显示条件描述(case)，或是只在多个条件存在的情形才显示。Distribution：选择是否产生CHM檔。Advanced：选择是否将TextPanel转成影像，这是一个旧版本的功能，现在很少有需要这样处理。初次输出原型，您可以直接使用预设的设定值，除了指定输出的档案夹之外，不用费心去调整。或者当您完成网站原型输出格式的设定，只要按一下【Generate】钮就可将这个Prototype输出了。如果您越来越熟练，您可以两个动作就完成网站原型的输出了，第一个动作是按下【F5】，接着再按下【Generate】。3.展示与操作网站原型AxureRP输出的网站原型(HTMLPrototype)总共可区分成三个框架。左侧:Sitemap框架您可以按Sitemap中的网页列表，循序展示网站原型中的任何一个网页。如果您不需要显示左侧的Sitemap，那么就应该底部:网页说明(PageNotes)框架这个框架显示该网页的文字说明，这些文字说明来自于您写在网页批注(PageNotes)的文字。中间:主框架主框架包含了Wireframe和流程图，Wireframe是可以交互的，举例来说，按一下设定有网页连结的按钮，那么就会连结到所设定的网页。您也可以按一下加有附注的Widget旁边的黄色便利贴小Icon图示来检视批注。4.分享原型档案给其它人因为AxureRP的Prototype是标准的HTML、Javascript和影像文件，所以您的同事和客户不需要安装AxureRP或任何播放器就可以直接检视Prototype。发布Prototype的方式有很多种，以下是三种不同的分享方式的介绍。a.放到网站服务器第一种方式是发布网站原型的HTMLPrototype到WebServer上，您只要将网址给客户或工作伙伴其它人，他们在他们的浏览器上浏览Prototype。b.压缩成Zip檔第二种方式是将包含Prototype档案的档案夹压缩成Zip档，然后将Zip档寄给相关的人。收到档案的人，将Zip档解压缩后，便可以直接在自己的计算机浏览HTMLPrototype，通常是开启index.html或从XXX_Start.html档开始浏览(XXX指的是该RPProject的名称)。c.CHM檔第三种方式是产生包含Prototype的CHM档，就像zip档一样，这种方式让您可以档案的方式发布Prototype，而且不需要安装任何软件来检视。CHM是MicrosoftHTMLHelp档的格式，所以大多数的Windows计算机已经安装了浏览器，使用者只要在档案上连续按两下鼠标左键就可以检视它。想要将Prototype输出成CHM档的话，请在「ConfigureHTMLPrototype」对话框中，进入「Distribute」区，勾选「CreateHTMLHelpFile(.chm)」选项。如果您目前已经安装的Microsoft系统中没有HTMLHelpWorkshop的话，就必须安装它才能产生CHM档，您可从这里免费下载，一旦完成安装以后，所安装的数据夹中将会出现一个hhc.exe的档案，按一下「Locatehhc.exe」来告诉AxureRP这个程序在计算机中的位置。一旦Prototype和.chm档产生之后，您将会在存放Prototype的数据夹中找到一个.chm档，您现在就可以将.chm档发布出去，让接收者在HTMLHelp检视器中检视。秘技(QuickTips)秘技一.只更新现在开启的页面到网站原型：当您设计网站原型的技巧越纯熟，网站项目会越来越大，导致输出网站原型的时间会随着项目而变大。万一您只是调整其中的某一页，却得等待整个网站重新全部输出，那就太浪费时间了。想要重新产生某一页网页，只要在AxureRP打开该页Wireframe，接着按下AxureRP主功能选单「Generate」菜单，选择「RegenerateCurrentPagetoPrototype(CTRL+F5)」(如下图)。当您选择这个动作，或者直接按下热键CTRL+F5，AxureRP不会产生任何对话窗口，您只会感觉到鼠标指针闪了一下，此时，再回到网站原型(HTMLPrototype)上去reload这一页，或click这一页网页名称，就会看到已经更新的页面了。秘技二.关闭IE中的ActiveX警告讯息：使用IE浏览器在自己的计算机上开启存放于档案夹中的HTMLPrototype时，浏览器中可能会出现ActiveX警告讯息，想要永久解除IE中的警告讯息，请点选「工具」菜单中的「Internet选项」，切换到「高级」标签页中，找到「安全」的设定中，勾选「允许活动内容在我的计算机上的文件中运行*」选项即可(如上图)。秘技三.嵌入外部Flash档案InlineFrameInlineFrameWidget可用来加入AxureRP目前不支持的内容，例如：Flash物件；只要在InlineFrameWidget上连续鼠标左键两下就可以让您指定想要加载到框架的网页，如果您要建立一个包含Flash对象的HTML文件，您可以将档案嵌入到InlineFrame中，这样他就可以在Prototype中呈现了。秘技四.快速绘制网站架构图：以”GenerateFlowDiagram”的功能，请看快速绘制网站架构图(Sitemap)教学影片。IT精华社区QQ群号：51995980欢迎IT人士分享交流。IT精华社区欢迎转载转载请注明出处