Axure元件库的介绍以及个人简介和登录界面案例展示_axure登录页组件

目录

一. 元件介绍

二. 基本元件的使用

2.1 形状元件

2.2 图片元件

2.3 占位符 

2.4 文本

2.5 线段元件

2.6 热区文件

三. 表单元件的使用

3.1 文本框

3.2 文本域

3.3 下拉列表

3.4 列表框

3.5 复选框

3.6 单选按钮

四. 菜单与表格元件的使用

4.1 树

4.2 表格

4.3 水平菜单

4.4 垂直菜单

五. 登录界面示例展示

六. 个人简历示例展示

---

一. 元件介绍

• 在Axure RP中，元件是构建原型图的基础模块。 将元件从元件库里拖拽到画布中，即可添加元件到你的原型图中。

• 软件自带了三个官方元件库，分别是默认元件库（Default）、流程元件库（Flow）和图标元件库（Icons）。

默认元件库又分为基本元件，表单元件，菜单/表格，标记元件。

下面着重介绍前三个元件的使用。 

二. 基本元件的使用

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

2.1 形状元件

形状元件包括了矩形、圆形。矩形的应用比较广泛，它可以用来做很多的工作，比如作为页面的背景，只需要将矩形填充相应的颜色即可；还可以把他制作为按钮、选项卡，使用的时候调整矩形的形状或调整圆角即可。

操作：

 将元件添加到画布：在左侧元件中选择要使用的元件，按住鼠标左键不放，拖到画布适合的位置上松开。

选中元件：单击选中➡在画布区域，用鼠标单击对应的元件即可选中。

框选➡鼠标移动到画布空白处，拖动鼠标，在形成的正方形区域中框住一个或多个元件，可以实现批量选中。

2.2 图片元件

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

  

操作：

插入图片：将图片元件直接拖拽到右侧画布，鼠标双击图片元件，选择一张本地图片点击打开，鼠标左键点击图片四周的方块点并按住拖放调整图片的大小。 

将图片元件等比例缩放：选中元件，在输入数值调整元件尺寸时，鼠标可以点击"

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/106520