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