Axure RP

 [1] Axure RP是美国Axure Software Solution公司旗舰产品,是一界面

  专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

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

  界面与功能编辑

  导航面板

  在绘制线框图(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 面板中可以添加页面备注内容。

  管理页面备注

  通过自定义页面备注,可以为不同的人提供不同的备注,以满足不同需要。比如可以新增“测试用例”“操作说明”等不同类别的页面备注。

  4交互设计编辑

  控件的交互

  控件交互面板用于定义线框图中控件的行为,包含定义简单的链接和复杂的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:显示动作的文字说明

时间: 2024-10-15 16:08:58

Axure RP的相关文章

Axure RP 7.0移动APP原型设计实战精讲视频课程

经过了漫长的教案设计+录课的过程,与初次开通在线教育课程的诸多需要尝试的点,我在51CTO学院的第一门课程终于在6月下旬与各位小伙伴们见面啦:)      欢迎小伙伴们捧场,想要深入学习的可以作为付费用户,暂时不想学习Axure RP的小伙伴们去拍砖增加点人气,不胜感激!      付费特权:24小时讲师答疑   所有课时永久观看   专属资料下载    购买课程返学分 本套课程由阿蜜果倾力为您打造,不忽视理论,但更重实战!!! 通过简明扼要的语言,讲解Axure RP 7.0的理论知识. 通过

产品设计 页面原型制作工具 - Axure RP

Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图.操作流程图.以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发. [特点] 1.Axure RP快速创建带注释的wireframe文件,并可根据所设置的时间周期,软件自动保存文档,确保文件安全. 2.Axure RP在不写任何一条html与javascript语句的情况下,通过创建的文档以及相关条件和注释,一键生成html prototype演示. 3.Axure RP根据设计稿,一键

Axure RP一个专业的快速原型设计工具

Axure RP是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure简要介绍 Axure RP已被一些大公司采用. Axure RP的使用者主要包括商业分析师.信息架构师.可用性专家.产品经理.IT咨询师.用户体验设计师.交互设计师.界面设计师等,另外,架构师.程序开发工程师也在使用Axure. Axure RP--是一个非常专业的快速原型设计的一个工具,客户提出需求,然后根据需求定

[Axure RP] – 鼠标滑入按钮时自动下拉表单的设计示例

转:http://blog.qdac.cc/?p=2197 Axure RP 是个好东东呀,大大方便了程序员与客户之间的前期调研时的交流.不过有一些控制并没有鼠标移入和移出的操作,比如 HTML 按钮,为了模拟鼠标移入或移出时动态显示下拉列表啥的效果,我们使用了动态面板来做处理.当然了,条条大路通罗马,这条大路也许不是最佳的,仅供参考. 1.拖一个动态面板到编辑区: 2.双击添加一个状态,我们命名为“正常”,以代表鼠标没有滑过时的状态: 3.双击“正常”状态,进入正常状态编辑页面: 4.在动态面

关于使用Axure RP进行原型开发的一些心得体会

Axure RP(Axure Rapid Prototyping)是一款快速实现.准确表达.带有交互效果且易于上手的原型设计工具. 本人在曾参与某系统需求分析时开始接触Axure RP,初步掌握了一定的开发基础,成功制作出系统需求原型,对需求分析工作产生了积极效应.在此经验的基础上,后续又在其他项目中进行了较为成功的运用,并获得了良好的效果. 就个人的经验而言,使用Axure RP进行原型开发,一旦掌握了一定的开发技巧后,加上一个良好的规划,那么很多东西都可以信手拈来.好的东西需要分享并使更多人

快速原型设计工具-Axure RP的介绍及简单使用(生产初期向客户展示设计产品的原型-也就是展示产品)

啧啧~~ 给大家介绍一款超棒的原型设计工具--美国Axure Software Solution公司旗舰产品Axure RP 这款工具通俗的说呢,就是在项目整体需求考察后对整体设计一个简要性概括!设计出来的原型产品就是你项目组后期整个项目所要做成的样子,只是为了向客户展示.注意啦!这款工具所设计出来的产品项目原型作用只有一个,那就是向客户展示你对他要做的项目~~ 好了,话不多说,来简单的设计一个小案例: 这里我用的是6.0版本的,没办法,公司就用这个版本~~ 首先打开桌面"AxureRP.exe

用Axure RP做整体原型设计的步骤

信息架构确定了之后,就需要对每一个页面进行元素的排版,排版之前,一般都会先对页面进行一个布局设计的考虑.我们需要对这些内容块进行一定的设计布局,这里的布局结构取决于设计人员对内容编排的把握,不同的布局会产生不同的效果. 其实这个应该较早的提出来,因为已经发布过很多关于用Axure RP设计原型实例的文章,不过大部分都是关于单个功能或者交互效果的演示实例,而没有将其串联起来形成一个整体,比如一个网站或者是一个互联网产品.用 Axure RP设计一个实例的步骤和用其设计一个整体产品的步骤还是不一样的

Axure RP介绍

1.什么是原型设计?产品原型设计(Prototype Design)最基础的工作,就是结合批注.大量的说明以及流程图画框架图WireFrame,将自己的产品原型完整而准确的表述给 UI.UE.程序工程师,市场人员,并通过沟通会议,反复修改Prototype 直至最终确认,开始投入执行.简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块.元素进行粗放式的排版和布局,深入一些,还会加入一些交互性的元素,使其更加具体.形象和生动. 2.普通设计工具现在大致有哪些普通的工具可以使用进

Axure RP Pro 7.0苏宁易购式标签切换效果教程

转:http://jingyan.baidu.com/article/7082dc1c4f0a11e40a89bdac.html 页面标签切换效果,几乎是所有大网站(尤其是电商类网站)标配的交互方式: 之所以应用如此普遍,关键在于网站首屏展示区,是寸土寸斤的黄金区域:标签切换可以让更多内容在同一块地方展示:相当于两块同样面积的地皮,一个盖平房,一个盖楼房,土地利用率自然不可同日而语: 本教程是仿造苏宁易购网站标签切换效果,为了就是切合实际,让你能将Axure技术与最前沿的应用场景结合起来,当你需