Axure线框图元件使用（新手小白强烈推荐！！！）

前言：

续上篇博主介绍Axure的安装及基本使用,本篇给大家带来Axure线框图元件的使用，以及简单的登录案例和一个个人简历

1.元件基本介绍：

• 在Axure RP中，元件是构建原型图的基础模块。 将元件从元件库里拖拽到画布中，即可添加元件到你的原型图中。
• 软件自带了三个官方元件库，分别是默认元件库（Default）、流程元件库（Flow）和图标元（Icons）。

2.基本元件的使用：

2.1形状：

• 基本元件基本元件是由形状元件、图片元件、线段元件及中继器构成

• 红色圈起来的矩形一般用于表单它可以用来做很多的工作，比如作为页面的背景，只需要将矩形填充相应的颜色即可；还可以把他制作为按钮、选项卡，使用的时候调整矩形的形状或调整圆角即可。圆形一般用于头像
  

• 如果想使用某个元件，我们只需要将它从元件库中拖入画布摆放即可。
  

  Axure元件使用

2.2图片使用：

• 图片元件的操作比较简单，可以通过双击选择本地磁盘中图片，将图片载入到编辑区，axure会自动提示将大图片进行优化，以避免原型文件过大。
  

• 以防图片避免失帧，改变图片大小的时候记得把那个锁，锁起来，或者按住（SHIFT）键在挪

Axure元件图片使用

2.3文本：

• 文本元件包括文本标签、文本段落、一级标题、二级标题和三级标题，用来表示页面中的一些文字内容。
  实际上文本元件也是形状元件，给文本元件添加边框，就变成了矩形元件。
  

2.4热区：

• 热区是一个透明的元件，通过属性设置就可实现类似超链接的功能。
  常用操作：比如在一张图片中的两个位置上添加点击跳转的效果，就可以在这两个位置上放置两个热区，然后为热区添加点击跳转的交互。
  

• 热区的应用：
  1.可以添加成链接，用作链接跳转，在一定程度上减少工作量。
  2.跳转到层或区域，比如滑动网页时回到顶部（跳转）。
  3.可以添加交互，比如翻看网页时，自动加载。
  4.用作跳转，如果每个标题都需要添加一个跳转链接太繁琐，可以添加一个热区 ，通过热区来达到跳转。
  新手在初期学习使用axure软件时，仅需要了解热区功能及应用

热区

2.5线段元件：

水平线、垂直线。选择水平线或垂直线，可以作为表示页面一些区域分割时使用，比如在两块不同区域之间添加一条水平线，来明显的区分。
使用方法：将水平线或者垂直线拖拽到右侧画布中，然后按下 Ctrl 键，将鼠标置于线段末端，进行旋转。

2.6表单型元件的使用：

表单是需要用户填写的，所以表单元件都是用于获取用户输入数据的元件

• 文本域：也叫多行文本框，用于大量文字段落的输入。
• 下拉列表： 用于多个选项的单项选择，往往也会有多个下拉列表联合选择的出现。
• 列表框：接呈现选项的选择框，可以支持单选或多选。

注意：列表框元件与文本域元件在画布中外观一样，就像女装大佬，虽然长得像女人，但是功能不一样。在交互功能面板中会显示元件的类型，注意分辨

• 单选按钮：用于多个选项的单项选择，有些时候可以用下拉列表替代。
• 复选框：用于一个或多个选项的选择，可以选中和取消选中状态。

3.案例：

3.1登录案例：

使用了矩形作为登录页面背景，用了三个文本框一个图片，还用了一个复选框
以及一个主要按钮。

3.2 个人简历：

包含选中复制（CTRL+C）