Axure学习日志之基本功能
首先打开Axure,鸭鸭采用的是Axure8.0,安装教程自行百度。
页面如上图所示,基本功能模块分为两类:
与页面有关和与元件有关,页面顾名思义就是我们看到的index就是一个页面,原件可以简单理解为页面中的图形,按钮等。
一,页面相关
1.页面
用于搭建页面的层级结构关系等,也可以建立子页面。
2.检视页面
简单讲就是页面设置,只针对当前页面,有三个可选项,属性样式说明。下面依次进行介绍。
2.1属性
可以添加用例进行交互,也可以对已添加的用例进行修改删除。
2.2说明
添加字段文字对页面进行说明。
2.3样式
包含两种页面排列方式:向左对齐,居中
可以调整背景颜色,导入背景图片等
草图操作中,可以调整字体(在这里调整对页面全局有效)和线宽,向右拉动可以产生如下图所示的效果(以矩阵图为例子)
3.母版
这里的母版与jsp等前端语言类似,可以制作一个母版页添加到页面中,并且可以重复使用,比如导航栏。
与页面相关的模块大概如上,下面介绍一下与元件相关的模块。
二,元件
1.元件库
元件库可以从第三方或者Axure官网进行下载(这里的下载元件库是从Axure官网进行下载),也可以自定义元件库,如上图创建元件库,将进入下图的元件库页面面板,可以进行编辑和保存。
举一个简单的例子,比如我们需要在页面中设置几个绿色的按钮,如果每次都去改变填充颜色费时费力,如果将一个绿色按钮作为元件保存起来,就可以直接拖动。
所以我们制作一个绿色的元件按钮
保存后记得刷新元件库
我们可以看到我们自定义的元件库myyuanjian中多了一个新元件
2.概要页面
虽然名为概要页面但是主要是页面中元件的列表,所以这个模块放在元件中介绍
我们向图中加入几个元件
可以看到概要页面中就在page1中显示了我们所添加的元件名称,可以点击对元件进行选中,当元件过多或难以区分的时候,我们可以点击右上角的筛选或者搜索按钮进行筛选。