Axure rp 6.5 基础教程

Axure rp 6.5 软件基础入门

非原型 不设计

我们：

分享和学习关于Axure的一切的一切！

向交互设计师与产品经理方向努力！

Axure rp 6.5 中文教程网 :

非原型不设计QQ群：274339340

1 / 61

Axure rp 6.5 软件基础入门学习目录

Axure基础部分

把目前写的文章都目录整理了一下，方便各位查看，希望各位也给微博转转！

给你推荐一条微博： - //@非原型_不设计:#非原型 不设计# 想学axure的朋友们，还在找axure 6.5版本的教程吗，全部在这里，没有太多高深的变量和交互应用，却是最实际的入门教程，不断更新，希望大家喜欢！ - 原文地址：/1776765170/yFQeBoaom

关于Axure rp的相关介绍

爱上axure的十大理由

rp 6.5的软件安装、汉化与注册

002.认识Axure的软件界面

003. 生成网页原型的三种方法

004. 如何关闭IE浏览器在生成原型时候的安全警告

005.在chrome中使用axure生成原型的问题

006. 站点地图区域

007. 认识axure组件区域

008. 认识axure部件库中各个部件的属性

009.图片组件——axure线框图部件库介绍

010.文本面板——axure线框图部件库介绍

011.矩形、占位符组件——axure线框图部件库介绍

012.水平线、垂直线——axure线框图部件库介绍

013. 图片热区——axure线框图部件库介绍

014. 文本框、文本编辑框、按钮——axure线框图部件库介绍

015. 如何安装（装载）axure组件（部件）

016. 动态面板——axure线框图部件库介绍

017. 单选按钮、复选按钮——axure线框图部件库介绍

018. 内部框架——axure线框图部件库介绍

019. 菜单组件——axure线框图部件库介绍

020.树——axure线框图部件库介绍

自动备份功能！让意外不在可怕！

母版（模板）区域介绍

023. axure制作项目符号列表样式

制作圆形组件——axure制作技巧

025. axure网格设置

2 / 61

关于Axure rp的相关介绍

Axure RP 能帮助网站需求设计者，快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发。

Axure正确的英文发音应该是(ak shûr)，如果用中文来读是（爱克硕儿），其中的最后一个硕可以有点儿化音。完整的AXURE应该是Axure Rapid Prototyping（AXURE快速原型设计）

Axure诞生在2002年5月的加利福尼亚大学伯克利分校，由Victor Hsu（维克多许） and

Martin Smith（马丁史密斯）共同研发，前者是一名电气工程师转向软件开发再转向产品经理，后者则是一位经济学家和自学成才的黑客（不知道学习黑客的经济学家是不是为了黑银行啊，呵呵，玩笑），两人最初尝试用PowerPoint，Visio和Word的构建软件原型，后来由于使用效率较低，两人决定寻找更好的办法，这也就是Axure诞生的缘由

Axure的第一个版本诞生在2003年的1月，是同类第一个专为基于浏览器的应用程序的原型之一，到现在将近9年过去了，Axure已经推出到6.0版，这个软件已经被数以万计的用户体验、业务分析、产品设计等人员使用，在中国，很多知名企业（百度、新浪、搜狐、淘宝、腾讯„„）的招聘，已经将掌握Axure作为必备技能，。

如今，两位创始者居住在圣地亚哥，享受者美味的拉面和煎饼（很中国的口味），继续着Axure伟大的开发旅程。

天下没有免费的午餐，对于Axure，目前的需要购买许可证才能长期使用，否则就只有30天的免费试用期，有财力的朋友可以花149美元购买许可授权。至于在中国使用的朋友，有很多仁人志士发明了汉化版，也有长期破解使用的方法。

3 / 61

爱上axure的十大理由

来源：网站蓝图——Axure rp高保真网页原型制作，axure官方网站:使用软件自定义翻译的，个别表述不是特别清晰！

10. 你的需求说明从未看起来如此的棒

让我们勇敢的面对吧，无论你对商业和系统的需求是多么的了解，写出所有相关人员都能够认真阅读并且确认的需求文档从来不是一件简单的事情。冗长而低效的会议让你无法忍耐，于是你决定来点不一样的，你迅速的使用Axure rp画出整个系统的工作流程，并且用一种可以互动点击的方式演示给所有相关的人员，在创记录的时间里面，你们达成了需求协议。所有相关人员都对项目前景十分兴奋。

“像业务需求的抽象的问题是，我们都读同一文件，但我们每个人的想象不同的东西。我们创建高水平的高保真原型和使用Axure的RP Pro来创建视觉点的协议，所以我们可以扭转工程师的业务需求。我们成功讲商业语言的视觉效果，主要是由于 - 从根本上缩小差距Axure有助于我们到底在想些什么，并开始真正成为集中解决方案“！

陈智思Schokman

商业分析师和用户界面印象派

MyWare

09. 你的项目经理会爱上你！

时间表似乎变短了，而功能的名单会越来越长，您的项目经理，他的头发失去了大把。由于一些你的同事一直使用Axure，他们已经建立了一个库部件和工作的应用程序，你的主人。你在这个项目上的优势，并在几分钟之内，你必须建立原型的模板，并已开始设计的变化。与天的空闲时间，你达到了设计你感到自豪，并保存在印着下午数百美元。

“我一直使用Axure为4年，主要是作为一种通信工具，开发人员和企业业主和可用性测试。我创建了互动线框，以促进协同设计，出版远程可用性测试的原型，并创建高保真原型展示他们爱Axure复杂的相互作用，不同国家的开发人员和企业主，因为它传达的互动概念，显示它，而不是告诉我爱Axure，因为它为我节省了时间，金钱和头痛。UX的工具箱，我这是一个非常宝贵的一部分。“

乔安妮·赖特

用户体验设计师

08. Axure rp可以在PC和Mac之间通用

您的团队使用的PC和Mac混合工作，其中许多人在家里使用的苹果电脑。在Mac上的虚拟化通过使用Visio的领导经常皱眉和偶尔的亵渎。和IT人不喜欢它要么多的额外费用。如果有一个线框工具，运行在PC和Mac本身不会是伟大的，文件是兼容的，而且价格是您的团队？

07. 你可以提前知道用户到底是喜欢还是抱怨你的产品

很难知道客户如何将设计的感觉，直到他们在他们面前。这个时候你不想等待，直到释放后，找出。Visio的样机是相当足够的互动，所以这个测试使用Axure RP的一些想法，使丰富的原型。看客户使用后的原型，你知道你最喜欢的是一个失败，并启发你在不同的方向去。几次反复后，平稳的发展周期，释放（和你）收到如潮的顾客评论。

4 / 61

“描述人机交互口头使用静态的线框只为止。当用户实际上可以看到作为原型来设计生活，和自己互动，意念和应用之间的桥梁变得更加容易跨越。原型制作能力axure 6使人们有可能采取的原型为你去的方法来用户为中心的设计，这使得设计更有活力和设计过程中更多的乐趣！“

丹尼斯Crumbine

用户体验设计师

尼尔森公司

06. 你可以不再日夜的从visio中复制和粘贴

你花了更多的比你的时间，复制和粘贴从Visio，Word和格式问题的战斗中所占的份额。每到一个图的变化，似乎是另一个小时同步文件。这一次，你拿起Axure代替。你设置一个自定义的Word模板，其中包括您的标志和公司风格规范发生器，一个两列的布局和配置的内容。每次有需要改变，你花你的时间设计，只需点击一个按钮来提供一个更新的规范。

05. 你的分布式团队将感觉不怎么分布

你的工作项目上与世界各地的同事和断开，导致返工，错过了最后期限。你和你的队友在大洋彼岸决定在Axure创建一个共享的项目。你意识到，你不仅可以在同一时间同一文件上工作，但是当你在办公室和她在床上，你可以找出哪些网页，她是她没有醒来。和你也可以浏览该项目的历史，看看她的完成。这是很好的，不踩到对方的脚趾。

04. 你的客户迫不及待的为你的想法买单

你有一个好主意，但为你的客户，这将是一个艰难的销售。PowerPoint幻灯片和素描都不会削减它，让您快速创建交互式原型在Axure RP，运行你的开发中得到的估计，目前你的客户。她被吹走你表明她的东西“真实”，立即看到的价值，不能等待上手。

03. 工程师终于知道你想要什么了，而且他们喜欢你的想法！

不知何故，最终产品似乎总是比你在头脑里有点不同，要求的文件添加到多页的文字和静态图像，也许会推动边缘的开发商。相反，你在Axure RP原型的使用情况，并添加详细的功能说明。开发商知道你想要什么，并决定他们只希望与您携手，从现在开始。

02. 你的客户可以真正使用你的产品，而你也可以立刻得到真正的反馈

你的客户经常有话要说的按钮或选择图像的颜色，但试图得到的相互作用和功能上的投入，就像拔牙。，而不是拉出来的Illustrator，达到为Axure RP，并创建一个交互式原型的“sketchiness”设置为高。下一次当你满足你的客户，他似乎像变了一个人，自信和公开讨论的流动和功能。结束的结果...... 快乐的客户，你高兴。

01. 使用Axure rp让你看起来帅呆了，美爆了！

5 / 61

rp 6.5的软件安装、汉化与注册

第一步：从网络上下载axure安装程序到本地电脑、汉化语言包、注册码，双击安装程序，如图：

第二步：安装过程截图

乱码的情况是正常的

6 / 61

直接下一步

点击我同意，直接下一步

7 / 61

选择你要安装的文件路径，我一般默认路径，点击下一步

下一步

8 / 61

下一步

安装过程中

9 / 61

选择运行axure,点击完成，到这一步程序安装完成了！

进入启动界面了，启动的时间会慢点，和电脑配置有关

10 / 61

程序的欢迎界面，这个是已经注册的和汉化的。

11 / 61

如何汉化：文件

使用方法：

Windows版本的汉化方法：

先关闭Axure RP，然后打开Axure的安装目录，

一般是像这样 C:Program FilesAxureAxure RP Pro 6.5

然后把lang文件夹复制到该目录下即可。

如何注册：

12 / 61

002.认识Axure的软件界面

Axure的软件界面总的来说，可以分为9大模块

1. 菜单栏：和大部分的软件界面一样，都是一些常规的文件、编辑、视图„„

2. 工具栏：是页面进行编辑的一些快捷操作，主要有字体设置、大小设置、页面显示大小和Axure本身自带的一些快捷操作等

3. 站点地图：呈树状结构、可以添加、删除页面、也可以对设计中的页面进行重命名操作

4. 部件区域：组件集中地带：矩形组件、图片组件、动态面板组件„„使用方式是直接拖动部件到页面编辑区域

5. 母版区域：共用，复用

6. 页面编辑区域：拖动相关的部件进行线框图编辑和交互具体的实施

7. 页面交互区域：

8. 部件属性区域：组件的注视、组件的交互、组件的属性编辑

9. 动态面板区域：设置动态面板的可视与隐藏

13 / 61

003. 生成网页原型的三种方法

方法一：菜单生成法 路径： 生成——原型——弹出框 如图：

方法二：工具栏，快速按钮生成法

14 / 61

方法三：快捷键生成法：直接按键盘F5，即可生成网页原型

弹出框：无论使用上面哪一种方法生成原型，最终都会弹出以下这个弹出框（如图）

我们需要做三步动作：

1. 目标文件夹：即我们要生成的网页原型文件要存放的位置，默认存放在

我的文档》我的AXURE RP原型 文件夹中，如果你不想放在默认的位置，也可以点击进行自定义存放。

15 / 61

2. 选择浏览器或者不打开，一般选择默认浏览器

16 / 61

3. 点击“生成”按钮，生成网页原型，生成过后，如果你选择了默认浏览器，软件会直接启动你的浏览器，并打开生成的原型页面，如图：

一个简单的登录窗口，就生成了！你也试试吧！

17 / 61

004. 如何关闭IE浏览器在生成原型时候的安全警告

在上一节中，我们学习了如何生成网页原型的三种方法，当时我们采用的默认浏览器，搜狗浏览器，没有弹出安全警告，一般情况下，如果你的浏览器是IE的话，在每次生成网页原型的时候都会弹出如下安全警告，如图：

暂时性去除方法：单机鼠标右键，选择允许阻止内容

18 / 61

19 / 61

彻底的方法：工具——internet选项——弹出窗口——选择高级——把允许活动内容在我的计算机上的文件中运行”，打上对勾点击“应用”即可。

20 / 61

005.在chrome中使用axure生成原型的问题

21 / 61

006. 站点地图区域

站点地图呈树状的，以主页为根节点，可以方便我们对网站整体模块和不同栏目、功能划分有一个很清晰的了解，同时也方便我们对网站整体页面进行管理（添加、删除、重命名、调整层级、调整顺序）

：选择一个节点，点击这个按钮可以实现在这个节点下面添加子页面

：首先选中一个页面，然后点击这个按钮，可以实现页面的删除，也可以单击右键选择删除

注：如果当前页面下含有子页面，Axure会自动提示当前页面有子页面，点击提示中的“确认”后会同时删除所有子页面

：选中一个页面，点击这个按钮可以向上调整页面的排序

：选中一个页面，点击这个按钮可以向下调整页面的排序

：选中一个页面，点击这个按钮可以调整页面的层级（降级）

：选中一个页面，点击这个按钮可以调整页面的层级（升级）

：选中一个页面，点击这个按钮可以进入页面编辑状态

22 / 61

：搜索页面，在页面过多的时候可以使用，平时用的少

页面重命名：

将页面结构生成流程图：

23 / 61

007. 认识axure组件区域

组件区域也叫做部件区域，英文为widgets，还有人称之为控件区域，组件是axure事先准备好的网站项目常用的零件，比如一些基本的页面元素

Axure默认存在2个组件库，分别为线框图和流程图。同时我们也可以自己去制作一些组件加载进来，或者从网络上下载一些其他网友制作的组件

对于其中的每一个组件的属性和具体用法，我们在后面会一一详细的介绍！

24 / 61

008. 认识axure部件库中各个部件的属性

在axure中每一个部件都有自己的属性，下面这个表格，我们就首先来了解认识一下！以下内容来自网站蓝图，版权归原作者所有！

属性名称

属性说明 属性举例

用来标示部件的名称，在axure中，部件标签

名称并不是唯一的。

也就是说，你可以在页面中同时有2个部件都叫做“用户名”

坐标

用于确定部件在页面中的位置，页面的坐标以左上角为X0：Y0

部件本身的尺寸，大部分部件都是可以设

尺寸

置尺寸的，比如矩形组件，也些组件事不可以设置尺寸的，如文本组件，他的高度是随着字体的大小而变化

字体

字体大小

字体样式

和office办公软件类似

字体的尺寸大小，和office办公软件类似

黑体、斜体、下划线

25 / 61

字体颜色

边框颜色

部件的边框的颜色

边框粗细

26 / 61

边框样式

填充颜色

部件的层次

锁定部件

字体对齐

和office办公软件类似

部件在不同的时间拖动到编辑区域，他们所在层次是不一样的，有时候需要调整彼此的层次，以免部件被其他层次部件遮盖

锁定过后，组件不可以进行编辑，除非解锁

27 / 61

009.图片组件——axure线框图部件库介绍

我们在后面的组件使用中，都统一使用“从部件区域拖拽图片组件到页面区域中”

1. 图片载入

1.1 将图片组件拖拽到页面区域

1.2 双击图片组件

1.3 选择合适图片，点击打开

1.4 载入图片时会询问是进行优化。

28 / 61

1.5载入图片时会询问是否自动调整图片大小。

2. 图片尺寸大小调整

29 / 61

3. 悬停图片设置

以同样的操作方式，我们还可以设置鼠标按下图片、编辑选中图片、编辑禁用图片

4. 图片切割

选择图片，单机右键，根据需要，可以选择 十字切割，横向切割，纵向切割

选择切割图片

在图片切割状态下，按下键盘上的ESC键或者取消按钮，可以退出切割状态

30 / 61

以上内容都比较简单，只需要每一个菜单都去尝试一下 就可以知道 具体怎么去使用了！一定要自己去尝试下！

31 / 61

010.文本面板——axure线框图部件库介绍

文本部件用于在页面中显示文字，对于文字的格式可以随意的更改，设定不同的字体、尺寸和颜色。

特别注意：文本面板的高度无法直接调整，它的高度是随着字体的大小自动变化的

在6.5版本中，对文本的排版都有2个位置，可以进行调整，如图所示，设置文本的字体：

1. 设置文本的字体、颜色、大小

2. 设置文本的行间距

Axure 6.5版本新增的属性：调整字体的行间距，当有多行文本的时候，我们可以像在word中一样去设置文本的行间距，这个是新增的功能，以往我们需要调整文本的行间距需要拖动多个文本面板进行布局！

3. 给文本设置超连接

32 / 61

在6.5之前的版本都是有一个单独的超链接组件的，和文本组件最大的区别就是，超链接组件的颜色是蓝色的并且有下划线，6.5版本后把这个组件融入到了工具栏中，不过个人认为这个组件的可用度并不大，因为axure本身提供了交互设置区域。

第一步：选择需要添加超链接的文本

第二步：单击工具栏的超链接按钮

第三步：在弹出的对话框中输入需要连接的地址，单击确定即可

33 / 61

011.矩形、占位符组件——axure线框图部件库介绍

矩形组件和占位符没有太多的区别，这里我们主要讲解矩形组件的操作和使用，占位符的操作各位可以按照矩形的操作方法进行练习一下。

矩形组件是一个矩形，它可以用来做很多的工作，比如页面上需要一块蓝色的背景，就可以用一个填充为蓝色的矩形组件，我们还可以用它来做页面布局，是我们最常用的部件。

1. 可以用来做页面布局

2. 可以变化成为其他的形状：三角形、圆形、椭圆等很多的形状

3. 可以填充颜色：用着背景和层次

4. 可以用来制作表格

5. 可以直接输入文字

6. 可以添加很多的交互

首先我们将矩形组件拖动到页面编辑区域

1. 调整矩形的形状：单击鼠标右键》选择编辑按钮形状》选择形状》选择需要变换的形状

矩形。

具体对应的每一种形状，自己尝试一下。比如我们在做导航的时候，就需要顶部是圆角的

34 / 61

2. 练习矩形的颜色填充和渐变

如果要出现那种很有质感的填充效果，必须选择线性渐变，并且在数值填充处输入90

3. 屏幕取色器的使用

有时候，我们需要获取其他地方的颜色的16进制值，可以借助颜色取色器，通过直接在颜色输入宽输入数值的话会更加精准

屏幕取色器下载

4. 更多的属性操作:

如边框颜色、粗细、层次，矩形的大小等参见：

008. 认识axure部件库中各个部件的属性

35 / 61

012.水平线、垂直线——axure线框图部件库介绍

1. 将水平线、垂直线拖动到axure页面编辑区域，如图：

2. 水平线、垂直线相关属性设置

主要属性有、线条的颜色、粗细、线条的样式、箭头的样式

36 / 61

013. 图片热区——axure线框图部件库介绍

首先，我们将图片热区组建拖动到axure页面编辑区域

1. 图片热区为页面图片或者其他部件添加热区，添加交互

我们一般在做专题的时候，会遇到一些组合商品，但是又需要单独分别设置连接，如果是2张图片还好办点，可是如果和下图一样是集成在一张图片中的，可能就需要我们借用图片热区组件，给每一束鲜花添加热区，然后再设置交互，在新窗口打开链接地址。

我们为上面的图片添加热区，设置点击鲜花图片，单独开新的连接地址

37 / 61

2. 图片热区作为页面锚点的使用

我们经常在有些网站看到一些楼层快速直达的链接按钮,如图:

其实,使用axure的页面锚点功能我们也可以制作出类似的效果

对于拖动出来的图片热区,我们必须首先给他设置标签,这样在设置交互的时候,我们才知道要滚动到哪一个锚点

如果页面没有发生相应的滚动效果，可能是你的页面设置不够长，随便放上个组件，把页面撑长。

页面够长了，点击按钮时才能体现出滚动效果。

3. 图片热区相关属性设置

008. 认识axure部件库中各个部件的属性:/?p=122

4. 点击下载源文件

013. 图片热区——axure线框图部件库介绍

38 / 61

014. 文本框、文本编辑框、按钮——axure线框图部件库介绍

1. 与文本面板组合设计表单

文本框主要是在设计页面表单的时候，用的最多，通过与文本面板的组合使用，下面我们通过文本面板和文本框设计了一个简单的注册表单

对于，文本框中的文字，只需要双击即可编辑文字

2. 注册表单中的密码遮罩设置

选中需要设置密码隐藏的文本框，单击鼠标右键》选择编辑文本字段》选择隐藏文本（密码框）即可

39 / 61

3. 文本框、文本编辑框组合设计留言表单

文本编辑框，适合做大面积内容输入的设计，比如一般的编辑器

4．文本框、文本编辑框的一些属性设置

008. 认识axure部件库中各个部件的属性:/?p=122

5．点击下载源文件

014. 文本框、文本编辑框——axure线框图部件库介绍

40 / 61

015. 如何安装（装载）axure组件（部件）

我们在网络上经常可以下载到很多网友精心设计的axure组件，这些组件给我们节省了很多的时间，方便了我们进行原型设计，可是对于很多刚刚接触axure的朋友就遇到了2个问题：

第一：到哪里去下载这些组件

1. 精选组件：/?cat=1（我会不断去搜索常用的组件供大家下载）

2. axure官方组件下载：/download-widget-libraries（提示使用谷歌浏览器可以翻译英文）

精选组件下载：/ （必须是会员，而且需要虚拟币）

第二：如何安装已经下载到本地的组件库

1. 点击部件中的 线框图下拉，选择 载入部件库

2. 选择部件的所在位置，并选中

41 / 61

3. 载入后的效果，单击选中axure图标16*16，可到对应的组件库中

使用和线框图中的组件方法一样，都是直接点击选中然后直接拖拽到页面编辑区域，部分组件也可以进行相应属性的设置

以上我们就完成了一个组件的安装了，如果有什么问题欢迎留言

42 / 61

016. 动态面板——axure线框图部件库介绍

1、什么是Axure的动态面板

按照Axure官方网站的解释 ：动态面板控件（Dynamic Panel）可以让你实现高级的交互功能，实现原型的高保真度。动态面板包含有多个状态（states），每个状态可包含一系列控件（你可以把一个状态理 解成一个独立的页面）。任何时候都只有一个状态（页面）是可见的，或整个动态面板可以被隐藏。结合交互动作，可以让动态面板的状态进行隐藏、显示和改变。 像添加其它控件一样，可以在控件面板中拖放动态面板控件到线框图中。

简单的说，动态面板就是展示在页面不跳转的情况下所能实现的交互状态。而动态面板的每一个状态都可以看作是产生的一个新的交互结果。简单的说，动态面板就是展示在页面不跳转的情况下所能实现的交互状态

“动态面板组件式axure中功能最强大的部件，是一个化腐朽为神奇的组件。通过这个组件，我们可以实现很多其他原型软件不能实现的动态效果。”《网站蓝图axure》

一直想把动态面板的内容，放在最后面才介绍，因为这个组件，在刚开始学习的时候，很难让人去理解。其实如果不考虑复杂的交互行为，这个动态面板不去搭理她，我们也能设计出满足我们需求的线框图，但是想交互更加完美就必须见识一下动态面板的魅力。

2、Axure的动态面板可以用来做什么

1）tab式页签的切换效果：Axure的官方给出的实例就是这个

2）鼠标触发式和点击触发式的下拉菜单效果：这个可以结合Axure的默认组件中的“垂直菜单”、“水平菜单”来实现，常用于导航的原型制作。

3）鼠标触发式的浮窗效果：类似“Alt”的效果，常用于浏览提示和触发式广告。

4）JS的鼠标点击弹层效果：这个是目前使用被广泛使用的效果之一。

5）注册表单中的根据焦点判断提示的效果：当焦点在输入框内的时候提示该表单栏目填写规范，当焦点离开输入框的时候根据填写的结果提示正确或者错误原因，这个需要动用高级设计交互编辑功能结合Axure的逻辑条件和设置变量功能来实现。

3. 关于动态面板和其中状态的理解

其实动态面板，我们可以这样的去理解它，首先动态面板是一个大的容器，这个容器中可以有很多的状态，在每一个状态中，都可以放置一定的内容，然后我们通过事件来选择显示动态面板的相应状态

43 / 61

在默认的状态下，只有位置一的内容是可见的，其他的是隐藏的，如果你想其他状态可见，只需要把这个状态移动到最上面

4. 现实中关于动态面板不同状态的应用案例

以上摘取的使淘宝网2种不同登录方式的状态变化，使用动态面板就可以制作出来。

44 / 61

017. 单选按钮、复选按钮——axure线框图部件库介绍

有时候发现这做事情坚持下来是一件很不容易的，写教程也一样，不过听到很多朋友对我说 这个全部是图片的教程 对他们入门帮助很多，我就想想 在坚持坚持把基础部分先完善了！

1. 简单的问卷调查：

您的性别？ 答案：男 女

当然我们首先需要分析一下，这个问题，问性别 你只可能是男或者是女，2者只能是其一，不能即是男也是女是把，所以我们这个问卷调查的题目是一个单选题：

要设置这样的一个问题，其实学到这个教程这个阶段，很多人都很清楚该如何去做了，第一步是拖动你需要的单选按钮到页面编辑区域，和一个文本面板，分别双击设置对应的文字，如图：

您的爱好？ 篮球 足球 羽毛球 苍老师

同样我们也进行一下分析，一个人可以同时喜欢篮球 足球 羽毛球 还有苍老师（这个是世界的）所以啊，这个是一个多选题，只要你有精力 你可以全部喜欢

所以我们的问题设置，如图：

这样我们就简单的制作了问卷调研中最重要的2类题型。单选题，多选题

45 / 61

2.设定单选组问题

做好上面的单选题设置后，肯定很多人在设置原型后，发现了，为什么我的男、女都可以选中，不是说是单选题吗，为什么不能像正规网站一样，只能选中一个了，其实这里面我们忘记了一个设置，就是设置单选按钮组，我们必须保证这2个单选选项是一组的，这样才能实现我们想要的效果：只能选中男或者女，如图：

3. 源文件下载：单选按钮、复选按钮

46 / 61

018. 内部框架——axure线框图部件库介绍

网页框架代码 看到上面这段代码，很多人肯定认出这是html语言中的框架引用，在axure中也可以实现这样的框架效果。可以在页面中引用另一页面的内容

1. 内部框架引用外部网页

弹出链接属性对话框，如果只是是链接原型中页面 可以选择 第一个 ，这里面链接的是我的个人博客

47 / 61

2. 如何应用内部框架引用视频内容

如果只需要视频内容，不需要网页的内容，记得复制flash地址，框架的大小是视频播放的大小

3. 源文件下载：018. 内部框架——axure线框图部件库介绍

48 / 61

019. 菜单组件——axure线框图部件库介绍

软件类的教程，我写不出长篇大论，这里面的都是基础的操作，希望初学者，根据一个功能演示，可以自己测试其他功能菜单的效果！

Axure自带的菜单组件，我几乎没有用到过，做菜单导航，我第一时间想到的还是矩形组件，大家有兴趣可以看看我使用矩形制作的电商网站通用头部，其中就有矩形组件制作的导航菜单。

菜单组件的分类（横向、纵向）

菜单组件的相关设置

这里我们选择的是添加子菜单，具体的每个选项的作用，大家挨个尝试一下 就可以看到效果

008. 认识axure部件库中各个部件的属性： /?p=122

49 / 61