Axure RP 原件的介绍与使用

Axure RP 元件的介绍与使用

基本的元件库

1.1基本的元件库简介

在Axure RP中,元件是**构建原型图的基础模块****基本元件基本元件是由形状元件、图片元件、线段元件及中继器构成, 将元件从元件库里拖拽到画布中,即可添加元件到你的原型图中,软件自带了三个官方元件库,分别是默认元件库(Default)、流程元件库(Flow)和图标元件库(Icons)。

在这里插入图片描述

1.2 基本的元件库基本使用

使用:如果想使用某个元件,我们只需要将它从元件库中拖入画布摆放即可。
旋转:元件的旋转可以通过按下键的同时,拉动元件任意一个边界点来实现。旋转之后,可以通过右键菜单
形状类元件都可以通过点击鼠标右键,在菜单中通过【选择形状】将当前形状改变为其他形状。

在这里插入图片描述

1.3 图片元件的应用

  • 旋转:元件的旋转可以通过按下键的同时,拉动元件任意一个边界点来实现。旋转之后,可以通过右键菜单【变换形状】-
  • 圆角:矩形元件可以编辑圆角,通过鼠标指针拖动矩形左上方的小三角形图标即可改变圆角的大小。
  • 改变形状:形状类元件都可以通过点击鼠标右键,在菜单中通过【选择形状】将当前形状改变为其他形状。

改变图片大小是会改变图片的比例
在这里插入图片描述

1.3, 热区的使用案例

热区是一个透明的元件,通过属性设置就可实现类似超链接的功能。

常用操作:比如在一张图片中的两个位置上添加点击跳转的效果,就可以在这两个位置上放置两个热区,然后为热区添加点击跳转的交互。

在这里插入图片描述

热区的应用

1.可以添加成链接,用作链接跳转,在一定程度上减少工作量。

2.跳转到层或区域,比如滑动网页时回到顶部(跳转)。
3.可以添加交互,比如翻看网页时,自动加载。
4.用作跳转,如果每个标题都需要添加一个跳转链接太繁琐,可以添加一个热区 ,通过热区来达到跳转。

新手在初期学习使用axure软件时,仅需要了解热区功能及应用

表单元件

文本域

​ 文本域,也叫多行文本框,用于大量文字段落的输入。

在这里插入图片描述

下拉列表

用于多个选项的单项选择,往往也会有多个下拉

列表联合选择的出现。

在这里插入图片描述

列表框

直接呈现选项的选择框,可以支持单选或多选。

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

在这里插入图片描述

单选按钮

用于多个选项的单项选择,有些时候可以用下拉列表替代。

在这里插入图片描述

可以看见这样是不行的,单选框可以同时选择

在这里插入图片描述

复选框

用于一个或多个选项的选择,可以选中和取消选中状态。
在这里插入图片描述

表格元件

树:可以用来做表格左边的数(这个基本上不怎么会用)

在这里插入图片描述

表格:经常用来做来统计

在这里插入图片描述

登录页面

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值