【Axure元件详细介绍】

Axure元件详细介绍

  • 1. Axure元件
  • 2. Widget (小部件)
  • 3. 形状
  • 4. 图标
  • 5. 动态面板 (Dynamic Panel)
  • 6. 母版 (Masters)
  • 7. 元件样式
  • 8. 注释 (Notes)
  • 9. 图片 (Images)
  • 10. 热点 (Hot Spots)
  • 11. 组合 (Groups)

1. Axure元件

Axure RP 是一个专业的快速原型设计工具,通常被用户体验专家、产品经理、开发者用于创建布局、草图和功能原型,在 Axure 中,元件是基础构建模块,它们用于设计和模拟用户界面,了解Axure元件可以帮助你快速设计出高保真的界面原型

默认元件库包含基本元件、表单元件、菜单和表格、标记元件
【Axure元件详细介绍】_第1张图片

以下是一些基本的 Axure 元件详细介绍:

2. Widget (小部件)

  • Button (按钮):用来触发事件的可点击元素。
  • TextBox (文本框):允许用户输入文本信息。
  • TextArea (文本域):一个可以输入多行文本的大文本框。
  • Dropdown (下拉菜单):提供一系列选项供用户选择。
  • CheckBox (复选框):让用户选择一系列选项中的一项或多项。
  • RadioButton (单选按钮):允许用户从一组选项中选择一项。
  • List Box (列表框):显示列表供用户选择。
  • Tree (树形控件):用树状图显示信息层次。

3. 形状

  • Rectangle (矩形):用于创建矩形和正方形形状,常作为容器或按钮使用。
  • Circle (圆形):创建圆形和椭圆形状。
  • Triangle (三角形):可以作为箭头或提示的标志。
  • Polygon (多边形):创建自定义的多边形形状。
  • Line (线条):创建水平、垂直或斜线条。

4. 图标

  • 提供有一系列的标准图标,如搜索、回退、菜单、设置等。

5. 动态面板 (Dynamic Panel)

  • 同一个空间里可以创建多个面板,通过交互切换展示不同的面板内容,常用于创建轮播图、标签页等。
    【Axure元件详细介绍】_第2张图片

6. 母版 (Masters)

  • 可以创建一个页面部件,这个部件可以在多个页面上重复使用,并链接到原母版。一旦原母版更新,所有使用该母版的页面部件都会更新。

7. 元件样式

  • 定义了元件的外观样式,如颜色、边框、阴影等,可以创建自定义的样式并应用到任何元件。

8. 注释 (Notes)

  • 用于添加设计意图或说明的文本,不会在最终的原型中显示。

9. 图片 (Images)

  • 导入图像文件,可以是JPG、PNG等格式,用于添加logo、背景、产品图等。
    【Axure元件详细介绍】_第3张图片

10. 热点 (Hot Spots)

  • 透明的区域可以放到任何元素上,用于定义点击区域,常与动态面板、弹窗等交互结合使用。

11. 组合 (Groups)

- 将多个元件组成一个组合,便于统一管理和应用动作。

Axure 还可以通过"交互"为元件添加事件,如点击(click), 鼠标悬停(mouse over), 焦点变化(onFocus)等,从而创建出动态的可交互的原型,每个元件可以通过设置特定的交互逻辑来定义如何响应用户的操作。

Axure 中的元件极大地提高了设计的灵活性和效率,允许设计师将注意力集中在用户体验和交互设计上,而不是元素的具体细节,通过合理使用这些元件,可以创建出富有层次感和功能性的原型,从而更好地传达设计意图。

你可能感兴趣的:(axure,photoshop,ui,axure,photoshop,ui,java)