AXure元件深入学习&作品

目录

一、基本元件

概述

1.1、矩形：

1.2、圆形：

1.3、占位符：

1.4、链接按钮：

1.5、文本标签：

1.6、图片：

1.7、热区：

二、表单元件

2.1、文本框：

2.2、单选框：

三、表格元件

3.1、树：

3.2、水平菜单：

 四、作品：

1、登录原型设计

2、 个人简历原型设计

---

一、基本元件

概述

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

1.1、矩形：

给来做边框（表单）

1.2、圆形：

用户（头像）

1.3、占位符：

在产品过程中 原型图不是一开始就有的，一般先是低保真图（灰色的），再是高真图（有颜色）

1.4、链接按钮：

忘记密码、前往注册....

1.5、文本标签：

输入框

1.6、图片：

双击点进去，随便拉动会导致失真，上面有个锁，锁上就不会失真了

1.7、热区：

透明看不见的东西

用法一：

给整体添加局部事件（点跳到链接）

用法二：用于占位符调节外边距（排版，让图片与屏幕有间距，在下面随便放个热区就行）

区别：

注：如果写出画布，在浏览器是没有效果的，快速回到画布Ctrl+9 

二、表单元件

2.1、文本框：

想要提示信息：右边有

-------------------------》

最后效果： 

2.2、单选框：

设置男女，但是会同时选中

   解决办法：在第一个单选框右键，选择指定单选按钮的组，设置组名称，

然后在第二个右键选择指定单选按钮的组，点旁边V 就有选项了

三、表格元件

3.1、树：

左侧树，但是很少用

3.2、水平菜单：

可以用在底部导航栏

 四、作品：

1、登录原型设计

2、 个人简历原型设计

注：移那个这个动可以进行右键锁定