Axure的基本使用2

Axure的基本使用

1、元件的基本介绍

1.1概述

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

2、基础元件的使用

2.1矩形：

• 类似于正方性，他一般用于制作表单、表格，矩形有三种颜色如果使用的话会一种即可（其它可用背景色来调它的一个对应的颜色）
  

2.2圆形

-大多用于制作登录头像。

2.3图片

• 类似于img标签，可自行选择图片进行一个导入。

2.4占位符

• 用来画低保真的圆形图，如果要使用建议大家画高保真圆形图，所以大概率是用不到

2.5按钮

• 表单里面都需要，主要介绍一下链接按钮类似于（忘记密码、前往注册）用文字来表示按钮进行一个页面跳转。

2.6按钮

• 一、二、三级标题：根据用到的标题不同字体也会不同，可以根据自己的需求来使用
  

2.7文本标签

• 一般用来做输入框，方便用户输入自己名字

2.8文本段落

• 类似于p标签进行一个换行，在标题下面做了一个分级

2.9水平线、垂直线

• 用于隔开某些东西

2.10热区

• 它是一个我们看不见的一个东西，他用来放在某一个物体或者图片上当我们点击他进行一个跳转页面
  
• 这三个后续我会单独跟大家讲解他的一个用处

3、表单型元件的使用

3.1表单元件介绍

3.2 文本框

• 文本框：单我们使用文本时可以选择交互，属性提示然后输入提示文本进行一个提示输入，当我们在文本框里面输入内容时会自动消失

3.3 文本域

• 文本域：他的使用也类似于文本框也是可以进行一个文本提示输入

3.4 下拉列表

• 下拉列表：类似于下拉框可以双击他进行一个编辑，选择编辑多项进行一个添加，勾选一号可以进行一个默认选中

3.5 列表框

• 列表框：用法跟下拉列表框用法相同，不同的是他的数据是直接显示在列表框里面

3.6 单选框、复选框

• 复选框：可以进行一个多选
• 单选框：进行一个单选，但是要注意如果需要进行一个单选我们需要进行一个分组，我们右键单选框有一个指定单选按钮组点击进去进行一个分组取名，取完组名后切换到另一个单选按钮进行一个组名选择，哪一个组就选择对应的名称，这样就可以进行一个多选了（如有多组单选框，每一个组都要取一个对应的名称）

4、菜单与表格元件的使用

4.1树形菜单

• 可用于一些管理进行一个下拉选择

4.2 表格

• 就是放一些数据方便观看

4.3水平菜单

• 可用于底部导航栏的制作

4.4垂直菜单

-可用于左边右边的导航栏制作

5、案例

5.1登录界面

• 这个是用Axure做的若依登录界面的案例

5.2个人简历

• 这个是用Axure做的个人简历界面