文章目录

    • 01 引言
    • 02 面板
      • 2.1 工具栏区
      • 2.2 页面导航栏
      • 2.3 元件区域
      • 2.4 页面编辑区
      • 2.5 样式/交互/说明区
    • 03 总结

 

01 引言

关于Axure的下载与视频教程在前面两篇文章已讲解:

本文来开始讲解Axure面板。

02 面板

Axure快速入门(01) - 面板介绍_# Axure

2.1 工具栏区

  • 工具栏区域集中了所有元件的通用属性设置,如下图:
    Axure快速入门(01) - 面板介绍_# Axure_02

2.2 页面导航栏

  • 页面导航栏可以根据自己的项目区划分结构,可以对每个页面进行绘图,清晰明了,如下图:
    Axure快速入门(01) - 面板介绍_# Axure_03

2.3 元件区域

  • Axure可以使用自带的元件进行绘图,或者引入第三方的现成模板进行绘图
  • 母版分为三类,重点关注前两类,标准母版和背景母版,标准母版相当于一个组件,组件的整体位置可以改变,但组件内部元件的相对位置不改变;背景母版则是整体位置不可以改变,内部元件相对位置不可以改变。
    Axure快速入门(01) - 面板介绍_# Axure_04

2.4 页面编辑区

  • 页面编辑区:绘原型图都在这个页面进行
    Axure快速入门(01) - 面板介绍_# Axure_05

2.5 样式/交互/说明区

  • 样式:可以对选中控件进行样式的调整,例如大小、位置、填充内容等
  • 交互:对选中控件添加交互的动作,例如:单击时跳转到某个链接等
  • 说明:对选中的控件进行注释
样式 交互 说明
Axure快速入门(01) - 面板介绍_# Axure_06 Axure快速入门(01) - 面板介绍_# Axure_07 Axure快速入门(01) - 面板介绍_# Axure_08
     

03 总结

本文主要讲解的是Axure的面板,其实就是4个区域,分别为:

  1. 工具栏区域
  2. 页面导航栏区域
  3. 页面编辑区域
  4. 样式/交互/说明区域

了解了这几个区域,接下来可以进行绘图了,下一篇文章讲解一个简单的例子。