Axure rp

来源:互联网 发布:java 多单词包命名 编辑:程序博客网 时间:2024/04/29 20:44
Axure RPAxure的发音是』Ack-sure』,RP则是』Rapid Prototyping』快速原型的缩写。Axure RP Pro是美国Axure Software Solution公司的精心杰作,如果你本身是软件项目经理,Web产品经理,或网站策划工作者,那么你不能不知道这套软件。

目录

Axure介绍
工作环境
界面与功能
交互设计
版本更新
视频教程
特性介绍

展开
Axure介绍
工作环境
界面与功能
交互设计
版本更新
视频教程
特性介绍

展开

编辑本段Axure介绍

[1]Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专门的原型设计工具,它比一般创建静态原型的工具如Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver、Visual Studio、FireWorks要快速、高效。它同时支持多人协作设计和版本控制管理。
Axure RP已被一些大公司采用。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。
界面

  界面

在正式谈Axure RP之前,先来看看做产品原型设计的现有工具及其利弊。
纸笔:简单易得,上手难度为零。有利于瞬间创意的产生与记录,有利于对文档即时的讨论与修改。但是准确度不高,难以表述页面流程,更难以表述交互信息与程序需求细节。
Word:上手难度普通。可以画线框图,能够画页面流程,能够使用批注与文字说明。但是对交互表达不好,也不利于演示。
PPT:上手难度普通。易于画框架图,易于做批注,也可以表达交互流程,也擅长演示。但是不利于大篇幅的文档表达。
Visio:功能相对比较复杂。善于画流程图,框架图。不利于批注与大篇幅的文字说明。同样不利于交互的表达与演示。
Photoshop/Fireworks:操作难度相对较大,易于画框架图、流程图。不利于表达交互设计,不擅长文字说明与批注。
Dreamweaver:操作难度大,需要基础的html知识。易于画框架图、流程图、表达交互设计。不擅长文字说明与批注。
以上工具都是产品经理经常会使用的,但是这些工具都不是做原型设计的专门工具,需要根据产品开发的目的和开发阶段选择适当的工具搭配使用,才能达到表达、沟通的目的。
比如纸笔更适合在产品创意阶段使用,可以快速记录思路和灵感;也可以在即时讨论沟通时使用,通过图形快速表达产品思路。Word适合用文字详细表达产品,对产品进行细节说明,擅长于图片结合文字的排版。PPT适于演示。Visio适用于各种流程图、关系图的表达,更可通过画用例图获取用户需求。PS/FW是图片处理的工具,DW则是所见即所得的网页开发软件,这些是设计师的看家本领,对于普通产品经理来说,需要耗费太多的精力去掌握。
以上软件最初设计目标并非为了帮助产品经理、UE完成产品原型设计,因此都不能在原型设计这件工作上得心应手。Axure RP是在互联网产品流行的环境下,为满足原型设计创建的需求而设计的。
使用Axure可以带来一些工作方式的改变:

编辑本段工作环境

Axure的可视化工作环境可以让你轻松快捷的以鼠标的方式创建带有注释的线框图。不用进行编程,就可以在线框图上定义简单连接和高级交互。在线框图的基础上,可以自动生成HTML原型和Word格式的规格。
工作环境

  工作环境

Axure RP 的工作环境主要包括:说明书。
1.主菜单和工具栏
执行常用操作,如文件打开、保存文件,格式化控件,自动生成原型和规格说明书等操作。
2.站点地图面板
对所设计的页面(包括线框图和流程图)进行添加、删除、重命名和组织页面层次。
3.控件面板和
该面版包含线框图控件和流程图控件,另外,你还可以载入已有的部件库(*.rplib文件)创建自己的部件库。
4.模块面板
一种可以复用的特殊页面,在该面板中可进行模块的添加、删除、重命名和组织模块分类层次。
5.线框图工作区(或叫页面工作区)
线框图工作区是你进行原型设计的主要区域,在该区域中你可以设计线框图、流程图、自定义部件、模块。
6.页面注释和交互区
添加和管理页面级的注释和交互。
7.控件交互面板
定义控件的交互,如:链接、弹出、动态显示和隐藏等。
8.控件注释面板
对控件的功能进行注释说明。

编辑本段界面与功能

导航面板

在绘制线框图(Wireframe)或流程图(Flow)之前,应该先思考界面框架,决定信息内容与层级。
明确界面框架后,接下来就可以利用页面导航面板来定义所要设计的页面。页面导航面板是用于管理所设计的页面,可以添加、删除及对页面层次进行重新组织。
页面的添加、删除和重命名
点击面板工具栏上的“Add Child Page”按钮可以添加一个页面,点击 “Delete Page” 按钮可以删除一个页面。右键单击选择“Rename Page”菜单项可对页面进行重命名。
页面组织排序
在页面导航面板中,通过拖拉页面或点击工具栏上的排序按钮,可以上下移动页面的位置和重新组织页面的层次。打开页面进行设计在页面导航面板中,鼠标双击页面将会在线框面板中打开页面以进行线框图设计。

控件

控件是用于设计线框图的用户界面元素。在控件面板中包含有常用的控件,如按钮、图片、文本框等。
添加控件
从控件面板中拖动一个控件到线框图面板中,就可以添加一个控件。控件可以从一个线框图中被拷贝(Ctrl+C),然后粘贴(Ctrl+V)到另外一个线框图中。
操作控件
添加控件后,在线框图中点选该控件,然后可以拖拉移动控件和改变控件的大小,还可以一次同时对多个控件进行选择、移动、改变尺寸。另外,还可以组合、排序、对齐、分配和锁定控件。这些操作可通过控件右键菜单中进行,也可在Object 工具栏上的按钮进行。
编辑控件风格和属性
有多种方法可以编辑控件的风格和属性:
鼠标双击:鼠标双击某个控件,可以对控件的最常用属性进行编辑。例如,双击一个图片控件可以导入一张图片;双击一个下拉列表或列表框控件可以编辑列表项。
工具栏:点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。
右键菜单:控件右键菜单上可编辑控件的一些特定属性,不同控件这些属性也不同。

注释

可以为控件添加注释,以说明控件的功能。
添加注释
在线框图中选择控件,然后在控件注释和交互(Annotations and Interactions)面板中编辑字段中的值,即可为控件添加注释。面板顶部的 Label 字段是为控件添加一个标识符。
自定义字段(Fields)
通过主菜单Wireframe->CustomizeAnnotation Fields and Views 或点击面板上Annotations 头部的“CustommizeFields and Views” 然后在弹出的 CustommizeFields and , Views对话框中可以添加、删除、修改、排序注释字段。
脚注(Footnotes)
在控件上添加注释后,控件的右上角会显示一个黄色方块,称为脚注。

页面备注

页面备注可是对页面进行描述和说明。
添加页面备注
在线框图下面的Page notes 面板中可以添加页面备注内容。
管理页面备注
通过自定义页面备注,可以为不同的人提供不同的备注,以满足不同需要。比如可以新增“测试用例”“操作说明”等不同类别的页面备注。

编辑本段交互设计

控件的交互

控件交互面板用于定义线框图中控件的行为,包含定义简单的链接和复杂的RIA 行为,所定义的交互都可以在将来生成的原型中进行操作执行。
在控件交互面板中可以定义控件的交互,交互事件(Events) 、场景( Cases)和动作(Actions)组成:
用户操作界面时就会触发事件,如鼠标的 OnClick、OnMouseEnter 和 OnMouseOut;
每个事件可以包含多个场景,场景也就是事件触发后要满足的条件;
每个场景可执行多个动作,例如:打开链接、显示面板、隐藏面板、移动面板。

定义链接

下列步骤说明如何在按钮控件上定义一个链接:
1.首先,拖拉一个按钮控件到线框图中,并选择这个按钮;
2.然后,控件交互面板中鼠标双击“OnClick”这个事件,这时会出现“Interaction Case Properties”对话窗,在这个对话框中可以选择要执行的动作;
3.在“Step 2”中,勾选“Open Link in Current Window”动作。
4.在“Step 3”中,点击“Link”,在弹出的Link Properties 对话框中可以选择要链接 的页面或其它网页地址 。
除了上面的步骤,加入一个链接的最快的方法是单击控件交互面板顶部的“QuickLink” ,在弹出的 Link Properties 对话框中选择要链接的页面。

设置动作

除了简单的链接之外,Axure还提供了许多丰富的动作,这些动作可以在任何触发事件的场景中执行。以下是 Axure所支持的动作:
Open Link in Current Window:在当前窗口打开一个页面
Open Link in Popup Window:在弹出的窗口中打开一个页面
Open Link in Parent Window:在父窗口中打开一个页面
Close Current Window:关闭当前窗口
Open Link in Frame:在框架中打开一个页面
Set Panel state(s) to State(s):为动态面板设定要显示的状态
Show Panel(s):显示动态面板
Hide Panel(s):隐藏动态面板
Toggle Visibility for Panel(s):切换动态面板的显示状态(显示/隐藏)
Move Panel(s):根据绝对坐标或相对坐标来移动动态面板
Set Variable and Widget value(s) equal to Value(s):设定变量值或控件值
Open Link in Parent Frame:在父页面的嵌框架中打开一个页面
Scroll to Image Map Region:滚动页面到
Image Map 所在位置
Enable Widget(s):把对象状态变成可用状态
Disable Widget(s):把对象状态变成不可用状态
Wait Time(s):等待多少毫秒(ms)后再进行这个动作
Other:显示动作的文字说明

多个场景(条件)

一个触发事件可以包含有多个场景,根据条件执行流程或互动。

事件

Axure支持一个页面层级的触发事件:OnPageLoad,这个事件在原型载入页面时触发。
页面 OnPageLoad事件在页面备注面板中的Interactions 子面板中定义, OnPageLoad为事件添加场景的方式与控件事件相同

编辑本段版本更新

[1]Axure RP是一款便捷高效的网页制作工具,Axure Software 已经正式发布Axure RP 6.5版本。本次新版本有助于快速建立交互和窗口布局,此外还新增内嵌文本链接,旋转形状以及移动应用原型制作功能。
Axure RP Pro(原型设计工具)

  Axure RP Pro(原型设计工具)

Axure RP 6.5版本更新概要:
1.默认的文本链接样式,包括鼠标悬停和鼠标向下风格
2.新增旋转的形状和图像
3.在表单域上面新增“Assign Submit Button”,按住“Enter”键便可点击指定的提交按钮
4.内置变量(如GenMonth)可以在表达式中使用
5.新增内置变量:DragX, DragY, TotalDragX, TotalDragY, DragTime
6.文本字段和文本区域可以设置为透明
7.新增箭头按钮形状(类似的iOS按钮)

编辑本段视频教程

第1节:Axure的安装、工作界面和原型设计演示[2]
第2节:线框图部件和母版介绍[3]
第3节:页面交互设计[4]
Axure RP Pro 6.5.0.3050汉化绿色版
[5]一个好的项目要做成功有很多因素,但失败同样不能忽略每个细节(细节决定成败嘛),今天软件盒子给大家推荐一款非常不错的交互原型设计工具Axure RP Pro,他能够让您快速制作出产品原型,流程图、线框图、架构图、批注、示意图、HTML模板等等,通过Axure RP Pro设计出产品原型可以完整清晰地表达给各个方面的设计人员,让各个部门能够通过这个产品原理设计进行讨论并进行协同工作,最终让项目达成完美。
Axure RP Pro相对以前版本有了更大的功能改进,具体如下:
1. 可以设置页面背景图片、颜色以及相对于浏览器整体居中了。
2. 可以设置整体在线框边缘变为手绘风格的,以及是否彩色输出。
3. 因为是全新的架构,不再存在某些输入法中文无法输入的问题。
4. 可以设置文本行间距了,同时个性化字体可以输出到Html。
5. 更加易用的事件编辑器,再也不会像之前版本那样,编辑器窗口自动变大了。
6. 输出Html时可以选择用哪个浏览器打开。
7. 增加了栅格系统,自带960宽的12栅和16栅。
8. 增加了页面和模块的搜索功能。
9. 增加了快速隐藏网格的快捷键。Ctrl+’
10. 新的测试版本不能再输入Word2000格式的文档了,只能是Word2007格式。Axure RP 5.6中Word2000格式的输出办法。
11. 兼容性,用Axure6可以打开以前所有版本制作的RP源文件,但是如果是Axure6制作的RP源文件,将无法使用像Axure5.6这样的低版本打开。
12. 取消了原来的状态栏,改为拖放组件时直接在右下角显示组件的位置和大小。同时在工具栏上也会显示当前组件的位置和大小。
13. 条件判断,判断组件或变量值时增加了包含与不包含,这下可以判断输入框是不是包含@符号,用于判断是不是邮箱地址了。同时还增加了一个不是数字或字母的判断,原来版本只有“是”数字或字母的判断。
14. 增加了针对变量或组件值的公式计算,貌似可以加减乘除运算了,还可以插入当前日期或页面名称。具体怎么使用还不熟悉。LVAR.length 函数可以显示字符串长度,LVAR.toFixed(decimalPoints)函数将结果显示到小数点后几位,LVAR.substring(from, to)函数显示字符串指定位置间的内容。
15. 可以创建临时中间变量,方便记录各输入组件的值,而不是设置全局变量。
17. 动态面板上增加了拖动事件,可以实现拖动交互操作了。
18. 增加了三个可用于条件判断的类型:
1. text on focused widget 是判断当前光标所在的组件内容值。
  2. drag cursor 拖动指针的判断(is over:拖动过程中鼠标在某矩形上面,enters:拖动过程中鼠标进入某区域,leaves:拖动过程中鼠标离开某区域)。
  3. widget rectangle 可以判断两个组件是不是叠放在了一起(拖动动态面板进入一个区域时的判断)。
19. 增加了一个可被赋值的类型
20. 矩形右键多了个分配给某个组,编组之后,设置这一组中的某个矩形为选中样式时,其它的矩形会自动变为非选中时的样式。
21. 右键有了特殊性粘贴
22. 从标尺上可以往外拉参考线了。
23. 动态面板上OnMove事件,设置另一个动态面板的跟随移动。
  
Axure RP Pro 6.5.0.3050汉化绿色版 产品原型设计软件使用说明
先运行 !)AxureRPPorable.exe 完成初始化,然后执行主程序 AxureRP.exe 即可。从 6.5.0.3037 开始,Axure 家族增加了 Axure RP Standard Edition 标准版。
Axure RP 的汉化补丁由 WebPPD 社区 best919 制作,注意使用 Axure RP Pro 6 之前必须先安装 .NET Framework 4.0,并最好安装 Microsoft Office Word、Excel 和 PowerPoint 文件格式兼容包。

编辑本段特性介绍

Axure目前最新版本为7.0。此版本较之前版本有较多改善的地方,具体如下:

鼠标及键盘交互功能

支持更多的新特性,包括 OnDoubleClick(双击), OnContextMenu (右击), OnMouseDown(鼠标按键按下), OnMouseUp(鼠标按键松开), OnMouseMove(鼠标指针移动), OnMouseHover(鼠标指针经过), OnLongClick (鼠标长按), OnKeyDown(键盘按键按下), OnKeyUp(键盘按键松开)

演示文档

支持HTML5新特性,以及更好的支持手机演示特性。
  
Axure7新特性

  Axure7新特性

新增部件样式控制

Axure7对于部件修饰功能有较大的改善,包括支持圆角、阴影、描边等设置。

  

更细化的部件属性

更为丰富的部件属性,可以设置各种形状、样式,较Axure RP 6.5单调的形状而言,也是一种惊喜。

  


  

更多交互条件

包括关闭指定窗口、设置锚点以及更为灵活的事件触发条件,对于移动互联网产品原型设计有很大帮助。

  

编辑本段汉化补丁使用方法

PC版本汉化方法

Axure RP 7 汉化方式与 Axure RP 6.5 一样,将汉化文件下载后解压至根目录即可(确保default文件再lang目录里),如下图。

  

Mac版汉化方法:

在应用程序文件夹里找到Axure RP Pro 7.app程序,
然后右键选择“显示包内容”,然后依次打开Contents/Resources文件夹,然后把lang文件夹复制到该目录下即可即可。