Axure有哪些元件? Axure元件介绍以及使用

Axure元件介绍及使用

一、Axure元件的分类及介绍

• 部件(Widgets)：包括按钮、文本框、下拉列表等常见的用户界面元素，是构建页面基本结构和交互元素的重要部分。
• 形状(Shapes)：可通过修改属性和样式来自定义形状的外观，如矩形、圆形等，矩形可用于制作页面背景、按钮或选项卡等交互元素，圆形也可根据需求进行各种交互设计的定制。
• 框架(Masters)：用于创建页面模板的元素，能够在多个页面上重复使用，有助于保持一致的页面结构和布局。
• 图片元素：支持插入图片文件，用于显示图形、图标或背景，并且支持调整大小、裁剪等操作。在Axure中图片元件用于显示静态图片，可通过插入本地或在线图片来使用，按住Shift键鼠标控制大小不会变型，反之会变型。
• 文本(Text)：可以设置字体、颜色、对齐方式等属性，包含文本标签、文本段落、一级标题、二级标题和三级标题等不同级别的文本显示元件，在Axure中，文本元件也是形状元件，给文本元件添加边框，就变成了矩形元件。
• 链接(Links)：用于创建页面间的跳转和交互，可模拟网站或应用的导航流程。
• 交互元件(Interactive Elements)：包括面板、手风琴、标签页等交互性强的元素，用于创建更丰富的用户体验和模拟应用程序的动态效果。
• 数据表格(Tables)：可以包含文本、图像等内容。
• 装饰(Decorations)：提供各种装饰性的元素，如分隔线、箭头等，用于美化界面和提供额外的设计元素。
• HTML(HTML小部件)：Axure的元件库提供了此类预定义元件，同时支持用户创建和管理自己的元件，以便在设计中更好地重用和维护元素。

二、Axure元件的操作及使用

（一）常见操作

• 创建元件：使用工具栏中的相应工具，如按钮、文本框等，点击或拖动来在页面上创建元件。
• 调整大小：通过拖动元件的边框或角点调整元件大小，也可在属性面板中手动设置元件的宽度和高度，同时创建和应用样式以确保一致性。
• 复制元件：可以创建元件的副本，以便在设计中重复使用。
• 组合和解散：将多个元件组合成一个组，以便一次性移动或调整；也可进行解散操作。
• 交互设置：在交互面板中为元件添加交互动作，如点击、悬停等触发事件，并设定目标页面、链接或其他交互细节。
• 对齐和分布：使用对齐和分布工具对元件进行精确排列，确保页面的布局整齐。
• Master元件操作：将元件转换为Master（框架），以便在多个页面上重复使用；在其他页面上使用引用Master来添加Master的实例。
• 元件库的使用：利用Axure自带的元件库或创建自定义元件库，以便在项目中重复使用元件，可将元件拖动到库中，或从库中拖动元件到页面上。
• 图形元素操作：使用图形工具创建各种形状，如矩形、椭圆等，用于装饰和设计。

（二）不同类型元件的使用

• 矩形和圆形：矩形可填充颜色制作页面背景，调整为特定形状可制作成按钮或选项卡等交互元素；圆形可根据设计需求进行类似的交互设计定制。
• 图片元件：用于显示静态图片，通过插入本地或在线图片来使用，操作时可右击选择相应操作，并且按住Shift键鼠标控制大小不会变型，反之会变型。
• 文本元件：不同级别的文本元件可用于不同用途的文本显示，如文本标签、文本段落、各级标题等，还可设置多种文本属性，且文本元件也是形状元件，添加边框可变为矩形元件。
• 热区(Hotspot)元件：是一种特殊的元件，用于创建可点击或交互的区域，通过属性设置可实现类似超链接的功能，可在Axure中为用户提供可交互的功能或导航，而不仅仅是静态的文本或图形展示。
• 水平线和垂直线元件：特殊的线条元件，用于在界面设计中创建水平分隔线和垂直分隔线。
• 表单型元件
  • 文本框：用于输入文字内容，如登录功能中的用户名框等，还可改变为密码/文件等类型，设置提示文字并修改提示样式，设置提示触发以及限制输入字符数等操作。
  • 文本域（多行文本框）：用于大量文字段落的输入。
  • 下拉列表：用于多个选项的单项选择，有时会有多个下拉列表联合选择的情况。
  • 列表框：直接呈现选项的选择框，可以支持单选或多选。
  • 单选按钮：用于多个选项的单项选择，有些时候可以用下拉列表替代。
  • 复选框：用于一个或多个选项的选择，可以选中和取消选中状态。
• 菜单和表单元件：在Axure中，可使用菜单和表格元件来设计和创建交互式的菜单和表格，如垂直菜单、水平菜单、表格等，其中表格元件拖拽至画布后每个表格单元都可编辑文本内容，可通过选中行或列右击鼠标选择新增对应的行/列，树形菜单可自定义节点前的图标（默认是三角形，Axure提供+/-和三角形两种图标，节点可以展开与折叠）。