Axure RP 9的元件基本介绍

最新推荐文章于 2024-03-02 17:58:27 发布

高冷男神别管

最新推荐文章于 2024-03-02 17:58:27 发布

阅读量1.4k

点赞数 7

文章标签： axure photoshop ui

本文链接：https://blog.csdn.net/weixin_65972586/article/details/134945742

版权

一.概述

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

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

二.元件库的使用

2.1 基本元件的使用

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

提示：ctrl+9可快速回到画布区

占位符：画低保真原型图时所使用的元件。

形状，按钮，文本元件及线段元件的使用：

绿框所示为形状元件，当需要时从元件区拖拽到画布上即可。
黄框所示为按钮元件，拖拽上画布后可双击修改按钮文本内容。
蓝框所示为文本元件，双击后可修改其文本内容，文本段落相当于<p>标签里填写内容
红框所示为线段元件，也是拖拽到画布即可用，可自由调节其角度。
上述元件均拖拽到画布即可用，可根据自身喜好和需求选择不同样式或者大小，使用填充功能均可为对应元件添加颜色，也可在右侧调节元件样式，完成后点击预览按钮查看当前画布内容。

图片的使用：

拖击图片至画布区，双击该元件会弹出本地弹窗，根据需求在本地选择对应图片即可。选择完后如果提示：“图像过大，是否优化？”选择是即可。

图片显示后我们可以在以下红框所示区域选择锁定该图片宽高比例并且可以在此输入需要的图片比例，锁定后我们拖拽调节图片大小是等比例缩放的，就不会出现宽高比例不协调的情况了。
还有一种方法就是按住shift键再用鼠标进行拖拽也可实现上述效果。

热区的使用：

热区就是将热区放在特定的位置，再给热区设置交互，只有点击热区的范围内才会有设置的交互事件。（这里我设置的是点击热区出现page1页面的弹窗）此外，热区还可以放在图片下方改善预览排版。

当然如果想要其它效果可以选中该热区元件，选择右侧交互，双击下方你所建立的交互后即可弹出修改弹窗，届时方可修改热区交互事件。

热区的区域是看不见的这里给大家演示一下效果。

2.2 表单元件及表格元件的使用

下面的是Axure的表单及表格的元件，大家也可以通过搜索找到这些元件。

表单元件的使用：

文本框以及文本域的使用：双击即可在里面编辑文字，但需要提示信息必须从右侧交互里选择提示，点击提示属性编写提示文本。

下拉列表及列表框的使用：将其托拽到画布上后，双击即可为其编辑选项，可单个添加，也可选择一次性编辑多项。

复选框及单选按钮的使用：拖拽到画布上后双击编辑其文案即可，但顾名思义单选框只能选一个，这时我们需选中单选按钮，鼠标右键后为其指定单选按钮的组即可。