关于原型设计的工具——AXURE

一、简介

Axure RP是一款专业的快速原型设计工具,作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师架构师、程序员。

工作环境:Windows、OS X



二、功能

导航面板

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

管理页面备注

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



三、使用方法

1.双击图标。

2.如有共享工程的需要则建议登陆账号,登陆后点击“NEW FILE”,若之前有保存好的文件则选择“OPEN FILE”。

3.在左侧可选择页面,“HOME”是主页面,当前选择的页面是“PAGE1”。

4.拖入Default中的三个BOX,充当背景,将其大小设置为适用于一般移动端的尺寸。

5.拖入四个“Image”充当图标,调整其大小及位置。

6.拖入“Label”,充当图标的名称,并调整其大小及位置。

7.拖入“Angle Left”,充当返回键,并调整其大小及位置。

8.拖入“Dynamic Panel”,覆盖在图片及文字上,做一个触发动作。

9.在右侧栏,看这个动态面板的属性,双击“OnClick”事件,设置其在鼠标按下后打开另一个页面。

10.在其他几个图片以及返回图标上都设置类似的事件。

11.在读书页面中拖入一个中继器组件,命名为“读书列表”。

12.在中继器数据集中添加列名,在行中添加内容。

13.双击“读书列表”打开中继器,删除原有的矩形框,添加1个“Box1”,将大小调整为640*170,加入1个"Heading1",命名为书名,加入1个“label",命名为内容,加入1个“image”,分为调整它们的位置和大小,最后在底端增加一条水平线分割数据行。

14.下面将中继器的项与中继器数据集绑定。在“读书”页面设置触发 事件,"OnPageLoad"中添加"Case1",选择"Set Text" ,设置“书名”的值为中继器数据中的“item.title”。用同样的方法设置其他字段。

15.最终效果



四、示例

这是之前我在小组里做的“馋非罪”的各页面交互图。这是一个分享美食的APP。该交互图可以大致看到各个页面的内容以及联系。(图片略大,建议在新标签页中打开)



五、优缺点

优点:
(1)上手快,行业内都用。
(2)有组件库。在制定组件化规范后,可以快速利用组件库制作低保真原型。
(3)能完成简单的交互。
(4)团队协作很方便。

缺点:

Axure的动态面板、中继器等功能都是强大的,但是不容易搞懂。AXURE的素材并不丰富,大部分PM 都会在AXURE原型库、素材库去寻找相应的第三方素材库,进行载入,需要花费很多的时间。



六、使用心得

axure作为老牌的原型图工具,功能最齐全,交互最多样,基本任何想要的效果都可以实现,尤其在制作PC端原型图上有优势。并且在我们小组合作的时候,axure的共享功能为我们提供了很大的便利,只需要分享,并将其密钥分享给队友,就可以实现每个人做不同的页面,随时查看别人做好的页面,极大地节省了我们的时间,也方便了我们的沟通。

原文地址:https://www.cnblogs.com/torrero/p/10793797.html

时间: 2024-10-12 23:42:25

关于原型设计的工具——AXURE的相关文章

了解原型设计的工具

原型设计的工具有哪些 交互原型设计工具(仅限页面交互) 这一类工具主要是建立页面之间的交互.其本身不能进行组件的制作和设计,需要从其它地方(例如:PS,本地)导入设计图,对已有的设计图创建热点,进行交互设计. Invision - 一款很好的制作原型交互演示的工具.你可以从本地.Dropbox.Google Drive和Box上传图片.使用拖拽快速创建热点.它的分享.协作.评论功能也很方便. Chianco- 一款轻量级的交互原型设计工具.拖一拖鼠标, 快速创建交互:内置多种转场和触发效果,点一

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

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

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

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

常用快速原型设计工具大比拼、原型设计工具哪个好用

原型设计是交互设计师与PD.PM.网站开发工程师沟通的最好工具.而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品.利用交互设计师专业的眼光与经验直接导至该产品的可用性. 简单说,“原型”是在项目前期阶段的重要设计步骤,主要以发现新想法和检验设计为目的,重点在于直观体现产品主要界面风格以及结构.并展示主要功能模块以及之间相互关系,不断确认模糊部分,为后期的视觉设计和代码编写提供准确的产品信息. 目的: 下列角色使用用户界面原型: 用例阐释者,用来了解用例的用户界

【架构】原型设计工具一览

几款UI原型制作工具 当 开始一个项目时,要将一些未成形的概念草图(Sketch)变成细化的可执行的线框图(Wireframe),这个过程可以使用一些创建线框图的工具,来 帮助设计师高效而准确的进行设计.不论是做GUI,Web UI,Game UI,Mobile UI等等,在开发前期和设计过程中,许多构思都需要用原型来辅助思考,边想边画来梳理逻辑,验证流程.所以易学易用的原型制作工具,很大程度上提高了设计 的准确性,帮助视觉设计师和程序员,更好的理解设计思路,提升产品的整体品质. Balsami

几种常用App原型设计工具详解

摘要:用于App开发的原型设计工具已有很多,鱼龙混杂,这对有潜在选择恐惧症者来说可不是一件好事,今天大家就和小编一起深入认识一下几种常用的App原型设计工具. 大家都在用的Axure Axure RP,即Axure Rapid Prototyping是最常用的快速原型设计工具之一,帮助负责定义需求和规格.设计功能和界面的用户快速创建线框图.流程图.原型和规格说明文档,可用于应用软件和Web网站设计,支持多人协作设计和版本控制管理. Axure RP的用户群体非常宽泛,包括商业分析师.信息架构师.

了解原型设计工具:墨刀

 了解原型设计工具:墨刀 墨刀,一款在线的移动应用原型与线框图工具.借助于墨刀,创业者.产品经理及UI/UX设计师能够快速构建移动应用产品原型,并向他人演示.目前墨刀支持创建移动端(iPhone.iPad.Android).web端的项目. 目前墨刀分为网页版和客户端,网页版可以直接使用,客户端在网页版的功能的基础上增加了诸如可以随时提取页面中某一颜色然后应用于对应控件等小功能.不同于Axure一定要下载才能使用,墨刀可以直接在网页上打开进行创作,给这个设计点赞! 一. 完成注册之后就可以创建项

实验七 团队作业3—团队项目的原型设计与开发

实验七 团队作业3-团队项目的原型设计与开发 实验时间 2018-5-3(5/4) Deadline: 2018-5-9 10:00,以团队随笔博文提交至班级博客的时间为准. 评分标准: l  按时交 – 根据实验七评分细则打分(满分15分,团队博文与原型设计成果) l  本实验为团队任务,团队成员成绩以团队博文成绩为准 l  晚交 - 0分 l  抄袭 - 倒扣本次作业分数 l  如对作业分数有意见,可有一次向评分助教申诉机会 关于软件原型方法 原型方法就是快速地建立可运行的.概略的系统,之后

10款 Mac 经典原型设计开发软件推荐

在Mac上有大量强大的开发和设计工具,今天和大家推荐10款Mac上的经典原型设计开发工具,原型设计工具是开发者必备的一款工具,无论是网站开发还是移动APP开发,都需要在前期进行严格细致的原型设计,才能在后期开发中节省时间. 本文图片和内容均来自[风云社区 SCOEE],如想了解更多mac软件可上[风云社区 SCOEE]. 有需要其他类型的软件,可在评论区留言或私信于我[磨人的小妖精],以后也会不断更新更多专题资源. 有想要的软件资源,需要下载的也可以找我[磨人的小妖精]私信留言. 往期专题 ma