天天看点

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

01 引言

02 面板

2.1 工具栏区

2.2 页面导航栏

2.3 元件区域

2.4 页面编辑区

2.5 样式/交互/说明区

03 总结

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

《Mac 下Axure RP9下载与安装》

《Axure快速入门教程》

本文来开始讲解Axure面板。

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

工具栏区域集中了所有元件的通用属性设置,如下图:

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

页面导航栏可以根据自己的项目区划分结构,可以对每个页面进行绘图,清晰明了,如下图:

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

Axure可以使用自带的元件进行绘图,或者引入第三方的现成模板进行绘图

母版分为三类,重点关注前两类,标准母版和背景母版,标准母版相当于一个组件,组件的整体位置可以改变,但组件内部元件的相对位置不改变;背景母版则是整体位置不可以改变,内部元件相对位置不可以改变。

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

页面编辑区:绘原型图都在这个页面进行

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

样式:可以对选中控件进行样式的调整,例如大小、位置、填充内容等

交互:对选中控件添加交互的动作,例如:单击时跳转到某个链接等

说明:对选中的控件进行注释

样式

交互

说明

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

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

工具栏区域

页面导航栏区域

页面编辑区域

样式/交互/说明区域

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