“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng
欢迎收看软件攻略宝典,作为一个新世纪的设计青年,为了维护宇宙和平以及团队内部和谐、提高日常工作效率,在扶老奶奶过马路之余抽时间去掌握多门人家操作方法那可是记好的。

好了,废话不多说,让我们来进入正题。

绿色免安装版下载地址:

http://vdisk.weibo.com/s/zmQAA-3bpFhRw

http://pan.baidu.com/s/1mieYKOC

https://yunpan.cn/cPhsrAKmwAvDj (提取码:8109)

Axure RP是什么?

Axure RP是一个专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

Axure RP的使用者主要包括:商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。

Axure RP可以用来做什么?

Axure RP可以用来做一些原型图、线框图、高保真还原图,还可以实现出静态HTML,使用非常简单、方便,Axure RP不需要写入代码、用鼠标直接把组建从元件栏里拖出来,放在相应的位置上,就可以实现也没跳转功能。在一个项目初期,用Axure做出来原型后生成HTML高保真原型,页面就是简单的产品原型。

而且Axure RP上手非常快,了解了人家功能框架后,做几个练习,就基本可以把软件功能了解个大概了。不过Axure RP不具备直接适用性,一般是用来做演示说明的。

“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng

“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng

Axure RP的功能介绍

下面让我们来了解下Axure RP的庐山真面目,打开Axure RP 7.0,新建一个项目文档,看到软件操作界面,非常的简单、直观,各个区域都可以根据自身的需求伸缩/关闭。

1.主工作区:

Axure的操作显示界面,这个不细说。
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng

2.站点地图:

所设计的原型在这个区域以树状机构的层级页面方式呈现,每一个页面都如同网页中的单独一个页面。可以在这个新增、移除、重新命名和重新规划设计的原型结构,7.0中还新增了文件夹功能,可以更方便区分项目。
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng

3.元件区:

Axure中所用到的组件都在这里,直接拖拉到主界面区既可使用。RP 7.0中还增加了分类,更加便于使用。而且还可以在网上下载或者自己定义一些常用元件(如IOS7风格界面、按钮等)。
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng

4.元件属性区:

这里就是原型交互的控制区域,实现鼠标事件,页面跳转或者动态隐藏等交互效果都是从这里设置。
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng

Web端跟移动端的一些简单交互效果(如:页面跳转、区块隐藏、新窗口打开页面等)简单的HTML都可以实现。

5.元件管理区:

这里是对于交互效果起到一个辅助的作用,交互实现的所有样式都再这里显示,非常的清晰明了。
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng

每一个样式代表按钮一个状态,就相当于动效其中一个帧,利用动态面板把他们串起来。

6.页面注释区:

这里就是把组件加上批注来的指定功能,还可以在这个窗格中增加和自订组件的批注。
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng

7.母版区:

把需要多次用到的设计打包模版化,生成母版,直接脱出来就可以使用,提高工作效率。

实际案例

今天来制作一个简单的交互案例,先做一个导航交互按钮。
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng

首先,从元件库脱出一个动态面板设置 宽为700 高为100,然后在元件管理区可以看到多出一个动态面板的选项,双击打开。
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng

给动态面板增加三个状态并且命名,在做交互的时候命名便于分辨。
然后进入状态1
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng
拖拽出三个矩形放置在虚线内,把第一个颜色设置成跟其他两个不一样的颜色。
然后分别选中每一个按钮,在元件交互区选中鼠标点击后效果打开交互设计界面。
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng
设置第一个按钮显示状态1,第二个显示状态2,第三个显示状态3,

然后进入状态2跟状态3界面,把状态1的矩形复制过来,分别设置成下图中效果后,在屏幕顶部选项中选中发布–>预览。
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng
一个简单的交互效果就出来了。
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng
一个产品设计之初,必先从流程图做起,流程图可以用来表达产品各式各样的流程,今天我们就来聊聊Axure里面流程图的做法。

流程图组件

在元件区面板上点击下拉选择流程图,既可看到流程图中需要用的各种组件的形状,代表不同的流程步骤及含义。
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng

流程图组件也可以直接从组件选择面板中拖拉出来,然后通过工具列或快键菜单来编辑样式与属性,如果要改变流程图形状的话,可以按鼠标右键并选择编辑流程形状子选单中的项目来设置。

若要把两个形状连接的话,需要先从软件左上角选择连接器模式,然后在形状的连点部位用鼠标拖拽一条线把两个形状连接起来。
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng
若要修改连线的样式说明,只需选好要设定的连接线,在使用工具列上的线条样式与箭头样式按钮既可以改变需要的样式(粗细、虚实及连接箭头方向等)。
“Axure RP快速原型设计工具”入门教程 设计软件 原型设计  ruanjian jiaocheng

关联网页

流程图组件可以关联到任意指定的一个页面,一旦指定了关联网页,流程图组件上会显示这个网页的名称,而在原型上,这个流程图组件与网页间会自动建立超级链接。从站点地图面板中,将任一网页拖拉到主操作区中,也会建立一个以这个网页当作关联网页的流程图组件。

流程图组件上的关联网页可以通过在组件上按鼠标右键,并选择编辑流程形状–>编辑引用页面来编辑或清除。

流程图的存储在Axure RP绘制的流程图,可以输出成图片或网页。

输出成图片:选择文件–>导出为图片,就可以单独把这页流程图转成图片。如果想把流程图放到Powerpoint或Word文件,可以直接全选整个Axure RP流程,以复制/粘帖的方式贴到PowerPoint或Word文件中。

输出成原型:输出流程图到原型方式跟输出其它网页到原型相同,按下Axure RP上方功能菜单选工具菜单,选择生成原型即可。

属性标签: ,