认识 Axure 线框图组件

发表于   |   分类于   |  

视频地址

Axure线框图组件是我们制作原型时所需要的组件，是设计原型的基础，通过学会各个组的使用，能利用组件设计出原型，熟练的使用各个组件，方便我们能快速的制作软件的原型。

1 通用型组件的使用

图片 (Image)

  • 插入图片
    方式1： 创建组件 > 双击选择图片
    方式2: 创建组件 > 右键菜单 > Import Image…
    方式3: 直接拷贝或拖入工作区

  • 裁剪图片

  • 分割图片

标题(Heading)

标签( Label )和文本( Paragraph )

矩形( Box )和占位符( Placeholder )

Box 和 Placeholder 组件类似，但后者语义非常清楚，就是占位的作用。

  • Box用途
    (1) 作背景
    (2) 作自定义的按钮

    (3) 作表格

  • Placeholder 用途：用于一些在原型阶段不需要表现太多细节的组件

自定义形状

注意：Axure8 中把自定义形状组件去掉了，毕竟完全可以用 Box 代替。

横线和垂直线

图像热区( Hot Spot )

2 表单型组件的使用

Text Field

Droplist

List Box

Radio Button

  • 将多个 Radio Button 关联在一起
    (1) 选中所有需要关联的 Radio Button(当然，也可以一个一个来设置)
    (2) 在 Inspector 的 PROPERTIES 中设置 Assign Radio Group 的值

Checkbox

HTML button

3 菜单与表格组件的使用

Tree

Table

4 实例：一起动手制作“个人简历表”