交互原型 Axure RP的功能

Axure RP的功能

 

一、Axure RP有何作用？

Axure RP是一个快速绘制Wireframe 和Prototyping的工具，主要用来定义应用程序的需求与规格，以及设计使用者介面与功能，使用者包括User Experience Designers、商业分析师、信息架构师、Usability Expert与产品经理等专业人士。能够高效率制作产品原型，快速绘制线框图、流程图、网站架构图、示意图、HTML模版等。

二、Axure RP的有哪些优点？

1. Axure RP快速创建带注释的wireframe文件，并可根据所设置的时间周期，软件自动保存文档，确保文件安全。
2. Axure RP在不写任何一条html与javascript语句的情况下，通过创建的文档以及相关条件和注释，一键生成html prototype演示。
3. Axure RP根据设计稿，一键生成一致而专业的word版本的原型设计文档。

引用Axure RP中文教程上边的话，我们先来看看做产品原型设计，现在大致有哪些工具可以使用，而他们的利弊何在。

纸笔：简单易得，上手难度为零。有力于瞬间创意的产生与记录，有力于对文档即时的讨论与修改。但是保真度不高，难以表述页面流程，更难以表述交互信息与程序需求细节。

Word：上手难度普通。可以画 wireframe，能够画页面流程，能够使用批注与文字说明。但是对交互表达不好，也不利于演示。

PPT：上手难度普通。易于画框架图，易于做批注，也可以表达交互流程，也擅长演示。但是不利于大篇幅的文档表达。

Visio：功能相对比较复杂。善于画流程图，框架图。不利于批注与大篇幅的文字说明。同样不利于交互的表达与演示。

Photshop/fireworks：操作难度相对较大，易于画框架图、流程图。不利于表达交互设计，不擅长文字说明与批注。

Dreamweave：操作难度大，需要基础的 html 知识。易于画框架图、流程图、表达交互设计。不擅长文字说明与批注。

以上这些工具，都是产品经理经常会使用到的，但是从根本上来说，这些工具都不是做Prototype Design 的专门利器，需要根据产品开发不同的目的，不同的开发阶段，选择不同的工具搭配使用，才能达到表达、沟通的目的。

三、Axure RP之使用体验

   1.启动Axure RP Pro 5.6程序

 

2.这是打开的初始界面，已经为我们建立了首页和三个Page页

3.这是我首先做好的一个RP工程文件，先用矩形画出整个大框架，然后再做Banner,该贴图的要贴图，该写文本的要写文本

4.用矩形画出一个小层，分别放图片、文本框

 

5.同样的方法画出分类层

6.用同样的方法画出积分兑换指南层

7.画出footer层

8.在右边绿色块，放一个矩形。

9.在矩形上放一个文本框，双击填写“积分明细查询”

10.填写文本框，同样操作，填写“兑换单号”

11.放置一个输入框，双击清除掉里面的文本

12.再拖一个按钮放上去，双击填写“查询”

 13.再拖入一个表格，设定行数、列数，双击上面单元格，填写显示的字段名称

14.选择菜单上面生成->原型，或者按F5键

15.弹出配置HTML原型对话框，选择导出的文件路径

16.我们选择一个保存的路径

17.然后点击“保存”按钮，生成我们的原型页面，下图：

18.下面是我们通过原型设计，生成的HTML代码