Axure图文教程：基础（二)

17年以来，交互设计留学的火热程度丝毫不见减弱，更多其它专业的同学都选择转专业就读这个新兴的专业。对于很多小伙伴而言，Axure是学习交互最先接触和使用是频繁的软件之一，马克笔设计留学的May老师将会为大家带来也许是最全免的Axure图文教程，图文并茂，生动有趣，是你学习交互设计必不可少的利器哦！今天将会带来《Axure图文教程：基础（二）》。

工具/原料

AxureRP 8.0 （汉化版）

7.元件介绍——Flow元件介绍

1、Flow流程图元件，一般用于构建流程图。

8.元件介绍——Default元件介绍

1、Default元件包含四类：基本元件、表单元件、菜单和表格以及标记元件。

3、形状从矩形1到文本段落，除了图片，我们可将其统称为形状。他们常用于页面的背景形状、文字标题、按钮。通过点击，可以填充文字；双击，则允许我们重新编辑文字。

4、图片这个元件可用来导入外部图片、图标等。通过双击，可以导入图片；点击，则可以输入文字；鼠标右键则允许我们通过编辑文本来编辑文字。

5、线段线段包括水平线和垂直线，是页面中的分割线。可以与形状互相转换。

6、热区热区是一个透明元件，常利用它的透明性。这个元件允许你放在任何区域上并在元件上添加交互。常用于自动以按钮或者给某张图片添加热区。热区可用来创建自定义按钮上的点击区域。例如使用多个元件，如图片、文字、形状，来创建一个高保真度的按钮，则需要在这些部件上添加热区并添加一次交互动作，而不需要分别在每个元件上添加事件。此外，我们可以利用热区给一张图片添加多个交互或者给一张图片的某部分区域添加交互。

7、动态面板动态面板是可以装有其他元件的容器。其中的元件可以显示、隐藏或移动。一个动态面板包含多个状态，每个状态中又可以包含多个元件。但是，值得注意的是，一个动态面板只能在同一时间显示一种状态。

11、文本框主要用于获取用户输入的内容。

12、列表框用于获取用户输入的选项，将其拖入画布后可以通过双击添加选项。

13、复选框可以单独或者多个一起使用，用户可以自由选择。常见的为：注册页面的是否同意服务条款选项。

14、单选按钮单选按钮分为选中和未选中两种状态，一般为多个单选按钮同时使用，只允许用户选择一个。譬如一份问卷等中的性别的选择。

15、提交按钮这个元件很少用到，通常情况下我们会用形状或者图片按钮来代替。

16、菜单与表格

9.页面分析

1、这里我们选取百度pc端设置页面进行元件分析，看看设置页中到底用到了什么元件。下图展示的为鼠标移入“设置”后页面的一部分的截图。分析这一部分可以知道，红色框出部分为“文本标签”，粉色框出部分为“垂直菜单”。

3、下图为点击垂直菜单中的“高级搜索”得到的页面。与“搜索设置”页不同的是有需要用户输入的内容，这一部分则由“文本框”和“矩形”共同组成。