Axure RP交互设计软件使用教程

交互原型设计软件Axure中文教程——介绍

介绍(Introduce)

互联网行业产品经理的一项重要工作,就是进行产品原型设计(Prototype Design)。而产品原型设计最基础的工作,就是结合批注、大量的说明以及流程图画框架图wireframe,将自己的产品原型完整而准确的表述给UI、UE、程序工程师,市场人员,并通过沟通会议,反复修改prototype 直至最终确认,开始投入执行。

进行产品原型设计的软件工具也有很多种,我写的这个教程所介绍的Axure RP,是taobao、dangdang等国内大型网络公司的团队在推广使用的原型设计软件。同时,此软件也在产品经理圈子中广为流传。之所以Axure RP得到了大家的认同和推广,正是因为其简便的操作和使用,符合了产品经理、交互设计师们的需求。

在正式谈Axure RP之前,我们先来看看做产品原型设计,现在大致有哪些工具可以使用,而他们的利弊何在。

  • 纸笔
    简单易得,上手难度为零。有力于瞬间创意的产生与记录,有力于对文档即时的讨论与修改。但是保真度不高,难以表述页面流程,更难以表述交互信息与程序需求细节。
  • Word
    上手难度普通。可以画wireframe,能够画页面流程,能够使用批注与文字说明。但是对交互表达不好,也不利于演示。
  • PPT
    上手难度普通。易于画框架图,易于做批注,也可以表达交互流程,也擅长演示。但是不利于大篇幅的文档表达。
  • Visio
    功能相对比较复杂。善于画流程图,框架图。不利于批注与大篇幅的文字说明。同样不利于交互的表达与演示。
  • Photshop/fireworks
    操作难度相对较大,易于画框架图、流程图。不利于表达交互设计,不擅长文字说明与批注。
  • Dreamweave
    操作难度大,需要基础的html知识。易于画框架图、流程图、表达交互设计。不擅长文字说明与批注。

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

比如使用纸笔,更适合在产品创意阶段使用,可以快速记录闪电般的思路和灵感;也可以在即时讨论沟通时使用,通过图形快速表达自己的产品思路,及时的画出来,是再好不过的方法。而word则适合在用文字详细表达产品,对产品进行细节说明时使用,图片结合文字的排版,是word最擅长的工作。而ppt自然是演示时更好。visio则可以适用于各种流程图、关系图的表达,更可通过画use case 获取用户需求。PS/FW是图片处理的工具,DW则是所见即所得的网页开发软件,这些是设计师的看家本领,对于普通的产品经理来说,需要耗费太多的精力去掌握。

其实每件工具,每个软件,在创造它的初期,软件设计师们都给它赋予了性格、气质。因为每个工具的产生,都是为了满足人类的某一方面需求。比如锄头是锄土的,起子是起螺丝的,电熨斗是烫衣服的。但是不同的工具都有自己的工作领域,在其他领域它并不擅长。而以上的软件在创造的初期,并非为了帮助产品经理、ue完成产品原型设计,因此他们都不能在prototype design 这件工作上得心应手。而Axure RP正是在互联网产品大张其道的前提下,为满足prototype design创建的需求,应运而生。

Axure RP 能帮助网站需求设计者,快捷而简便的创建 基于目录组织的原型文档、功能说明、交互界面以及带注释的wireframe网页,并可自动生成用于演示的网页文件和word文档,以提供演示与开发。

没错!Axure RP 的特点是:

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

说到这里相信很多人已经激起了兴趣,但是在开始学习之前,我认为我们还是有必要先了解一下软件短短的历史,创造这一软件的公司—Axure Software Solutions, Inc.该公司创建于2002年五月,Axure RP是这一软件公司的旗舰产品,2003年一月Axure RP第一版本上线发表,至今已经正式发行到了第四个版本,而我提笔写到这里的时候,Axure 5.0版本beta版本已经正式提供下载试用,虽然我已经下载使用,但是我想,写教程还是应该先从稳定的4.6版说起,至于5.0版,我们可以伴随着软件一起成长。

接下来我会结合图片,分几个步骤分享我对Axure的认识,

  一、 界面与功能
  二、 工具栏
  三、 站点地图
  四、 组件与使用方法
  五、 复用模板与使用
  六、 交互功能与注释
  七、 实例

当然,在书写的过程中我会根据具体的情况再进行调整,尽量做到图文并茂,易于理解。写这个教程的目的,一方面为自己熟悉与更加理解Axure,另一方面也鞭策自己完善自己的blog网站www.2tan.net,同时也希望以自己的绵薄之力,为希望学习Axure的朋友分享一点经验。由于这是我第一次尝试写教程,难免会出现偏颇,也希望朋友们能够不吝赐教,共同进步。

为e文好的朋友附上自学Axure RP的几个途径:

  1. 打开软件,按F1调取帮助文档,对照文档学习。
  2. 登录http://www.axure.com/au-home.aspx 查看flash视频学习。
  3. 登录 Axure 博客 http://axure.com/cs/blogs/Default.aspx,了解软件最新信息。
  4. 登录讨论组http://axure.com/cs/forums/Default.aspx,参与讨论。
时间: 2024-08-31 04:24:40

Axure RP交互设计软件使用教程的相关文章

Axure RP交互设计软件使用教程:文档管理

上一篇教程:Axure RP交互设计软件使用教程 交互原型设计软件Axure中文教程--文档管理 文档管理(Document) 开章要说的是文档管理.文档管理看似简单,但是这是从操作功能上来说的,而我在说功能上的时候,想把我对文档管理的理解也一并说一下. 文档管理的目的,其实是为了有一个清晰的产品思路.刚开始工作的时候,我发现很多刚从学校出来的朋友对文档的命名与放置都是随心所欲的,我也不例外.没有好的整理习惯,这直接导致每次寻找先前的文档都要花费相当长的时间,甚至不小心误删,如果恰好有事请假,别

Axure RP交互设计软件使用教程:masters

masters和sitemap面板很相似,文档操作也一样,它们的本质区别是,sitemap里的文件是最终展示页面,masters里的文件却只是一个模块,是页面的一个部分. 相关教程:Axure RP交互设计软件使用教程:文档管理 Axure RP交互设计软件使用教程 masters的英文直译是主人或雇主,但是我认为这里可以叫做模板,或者复用模块.masters的文件,是页面中重复的模块,由于在不同页面中这些模块是一样的,所以拿出来作为一个模块编辑,然后在不同页面中进行调用. 这个功能类似于网页程

Axure RP交互设计软件使用教程:Widgets工具栏

Axure RP的widgets工具栏,就是我们用来画线框图wireframe.流程图flow的工具,也可以说是组成我们最终输出图表的零件.好比我们小时候玩的组装积木,这些工具就是组装积木里的一个个小部件,组成什么?组合得怎样?完全依靠个人的经验和智慧.因此,熟悉每一个工具的用法和用途,才能随心所欲的画出脑海中的图形. 相关文章:Axure RP交互设计软件使用教程:masters Widgets工具栏,下分两类工具: wireframe线框图工具:基本上对应着web页面中的各种图形.针对页面中

用户交互设计:软件安装一般页面流程

文章描述:用户交互设计:软件安装一般页面流程. 混乱的安装界面和不畅的安装流程把前来拜访的用户拒之门外,也使软件的功能得不到充分的定制和发挥.由于对互联网产品的爱好,我经常安装软件,在这之中发现许多不好的地方,在这将共通的内容提出来分析一下.   现有软件安装一般页面流程: what's new页>>许可条款页>>选择组件>>软件大小信息,选择安装路径和快捷方式显示位置>>安装进度页>>附带推广软件页,和立即运行.开机启动.设为首页.显示新特性等

91家居装修设计软件使用教程

经常跟别人聊天,聊着聊着就能谈论到房子上面去,是的,现在房子在国内绝对是头等大事,买了房子的朋友估计就会考虑怎么装修,如何装修?今天小编推荐大家使用一款91家居装修设计软件,能够帮助大家找到自己喜欢的装修风格! 安装教程: 安装过程很简单,直接下一步就能搞定..没有任何的插件哦! 账号注册,点击登录. 登录的时候会检测你的硬件,看你是否能够流畅运行..按目前的配置来说,很多电脑都能够流畅运行的..大家放心使用 怎么使用这个91家居装修设计软件呢? 很简单,跟着西西小编来看看吧 首先,我们需要点击

常用的交互设计软件

1.MarkMan      http://www.getmarkman.com/#/download-modal     优点:1.快速  在图片上 标记颜色值, 尺寸 ,边框大小 ,标记文本 .              2.软件界面很简洁,操作很简单     需要注意的事项:    (1)MarkMan 的安装包是以 .air 格式的,下载了如果无法安装请先安装 Adobe AIR .          https://get.adobe.com/air/?loc=cn        界面

Axure RP 8怎么新建母版面板并管理?

Axure RP 8怎么新建母版面板并管理?   1.双击打开Axure RP 8设计软件,这时默认页面为index,如下图所示: 2.将index.page1.page2和page3分别改为系统管理.权限管理.角色管理和用户管理,如下图所示: 3.点击和页面在同一水平方向上的第一个加号,添加页面,设置名称为"信息管理",如下图所示: 4.点击第二个加号,添加文件夹,这时跟页面图标不一致,如下图所示: 5.在"信息管理"下添加子页面,添加了"学生信息&qu

Axure RP 8怎么创建图形母板?

 Axure RP 8怎么创建图形母板? 1.双击打开Axure RP 8设计软件,在元件库中找到图片元件,拖一个到画布上,如下图所示: 2.在元件库中找到"矩形1",设置宽度为800,高度为70,填充色为#01385f,如下图所示: 3.再次拖一个"矩形1"到第一个"矩形1"上,并设置边框为无,如下图所示: 4.设置第二个矩形框填充色,并拖一个一级标题到矩形框上,如下图所示:

Axure RP 8怎么设置一个矩形全局变量?

  Axure RP 8怎么设置一个矩形全局变量?           1.双击打开Axure RP 8设计软件,创建了一个空白的画布,如下图所示: 2.在"基本元件"中找到"矩形2",拖一个到画布中,如下图所示: 3.在右侧"属性"选项卡中,双击"页面载入时",添加用例;在全局变量下单击"设置变量值",如下图所示: 4.点击"添加全局变量",添加四个变量data1.data2.data