axure详细教程.docx
- 文档编号：29903249
- 上传时间：2023-08-03
- 格式：DOCX
- 页数：39
- 大小：46.92KB
axure详细教程.docx
《axure详细教程.docx》由会员分享，可在线阅读，更多相关《axure详细教程.docx（39页珍藏版）》请在冰豆网上搜索。
axure详细教程
Axure学习笔记
软件中有不完善的地方，要靠自己的经验来规避和克服，还算好用。
熟练了Axure，对软件设计文档的编写大有帮助，因为可以有一些界面图出来。
画界面图时多用Axure，画流程图时多用Visio，为的是熟练Axure，并且Axure画界面要简便许多，节约时间。
（四）范本复用
masters和sitemap面板很相似，文档操作也一样，它们的本质区别是，sitemap里的档是最终展示页面，masters里的文件却只是一个模块，是页面的一个部分。
masters的英文直译是主人或雇主，但是我认为这里可以叫做模板，或者复用模块。
masters的文件，是页面中重复的模块，由于在不同页面中这些模块是一样的，所以拿出来作为一个模块编辑，然后在不同页面中进行调用。
这个功能类似于网页程序开发中的程序复用，不同页面中调用同一段程序，一般把这段程序单独做成一段页面程序，然后用include命令进行调用。
master的档就相当于这段被调用的页面程序。
dreamweaver也有类似的功能，就是template，可以参照理解。
一、功能条
master的功能条功能基本和sitemap一模一样，功能也基本一样。
唯一不同的是master可以创建档夹，可以通过档夹收纳不同的档，因此唯一不同的就是第一个功能按钮，功能作用是增加一个档夹。
behavior是行为的意思，这个功能是axure升级到4版本后加入的，是针对master的不同使用情况而添加的一个功能，也是要重点介绍的功能。
1、normal：
普通档。
就是一般的复用档。
是默认创建的复用文件。
2、placeinbackground：
定位的复用模板，这类模板的特点是定位于页面的底层，并且锁定模板中的widgets在他原来创建的位置。
这类复用模块主要用于创建head、foot、侧边栏等明确定位的复用模块。
3、customwidgetsbehavior：
自定义模块。
这类模块就类似于自创了一个widgets。
这类模块与其它类型的复用模块的不同在于，其它模块与复用到页面的模块是完全相同的，模块的功能设置是什么，功能说明是什么，页面中的模块设置和功能说明就是什么。
而自定义模块与页面中被复用的模块是母子关系。
自定义模块只决定了模块的功能和位置，但是进入到特定的页面中，模块中的各自部分的说明和功能可以重新定义。
充分理解三种不同类型的复用模块的区别，根据不同环境有效的选择，也是非常重要的。
四、右键单击文件——其它
1、2、3功能都是文文件文文件操作功能，和sitemap一样，分别是删除、重命名和编辑master。
4、5功能是对应的。
前者是将所选范本文件批量运用于页面，后者是将所选范本文件，批量从页面中去除。
通过选择此功能，会弹出sitemap文件的树形目录，你可以通过选择需要添加模板的页面，从而完成模板使用或移除。
checkall：
选择所有页面
uncheckall：
所有页面都不选择
checkallchildren：
选择所选页面以及其所有子页面
uncheckallchildren：
不选择所选页面以及其所有字页面
在4中有特殊的position设置和options命令，
position中有两个命令
placeinblackground：
将档至于页面背景
specifylocation：
是特殊定位，可以通过设置距离左侧和上边的距离，来将模板文件放入特定的位置。
options里的多选框的意思是“只有页面中没有此模板时才置入”，默认是选择的。
如果不选择而置入页面，就会出现如果页面中已经有模板，模板被再次置入的情况。
当然如果有特殊需要的模块，就可以这么使用了。
6、usagereport：
使用报告，点击后弹出面板，显示所有使用了此复用模板的列表，显示的是文件名称，通过双击文件名，可以在工作区打开，直接编辑。
（五）widgets工具-上
AxureRP的widgets工具栏，就是我们用来画线框图wireframe、流程图flow的工具，也可以说是组成我们最终输出图表的零件。
好比我们小时候玩的组装积木，这些工具就是组装积木里的一个个小部件，组成什么？
组合得怎样？
完全依靠个人的经验和智慧。
因此，熟悉每一个工具的用法和用途，才能随心所欲的画出脑海中的图形。
Widgets工具栏，下分两类工具：
wireframe线框图工具：
基本上对应着web页面中的各种图形。
针对页面中交互行为的表达，AxureRP专门增加了imagemapregion图像映像区、dynamicpanel动态面版、menu（vertical/horizontal）水平/垂直菜单等几个特殊的工具。
Flow工具：
流程图所需的基本图形框架。
我们先谈wireframe线框图工具。
学习这部分工具，如果事先有html基础，或者对web页面元素有比较充分的理解，就很容易入手。
以下我根据图片中的编码，依次讲解。
1、image图片：
给wireframe中插入一个图片站位，也可以直接置入真实的图片。
2、textpanel文本：
插入文本。
相当于插入了一个
是不带链接的文本。
但是其实也可以带链接，在interactions中我们会提到。
3、hyperlink超链接：
插入带链接的文本。
相当于插入了一段带卷标的文字。
但其实在Axure中它与普通文本除了外型不同，没有本质区别。
之所以将两类文字区分开来，目的还是为了在视觉表达中让人直观的理解链接文本和普通文本，而这对于设计人员理解也非常重要，因此建议画图时尽量标准的区分链接文本和普通文本。
4、rectangle矩形：
插入一个矩形。
可以对其进行图形样式编辑。
此图形通常被用来表达板块的边界。
5、placeholder占位符：
插入一个占位符。
占位符通常用来表达在页面中某些特殊区域，比如情况复杂，或者在系统升级中不需要修改，又或者无关紧要的区域等等。
作者需要结合说明文字，进行对应的详细表达。
6、button按钮：
插入一个按钮，相当于
按钮一般结合窗体使用，当然也可以作为强化的提示链接使用。
7、teble表格：
插入一个表格。
Axure的表格使用起来不是很方便，增加行、列，修改行、列宽度都不方便，算是一个败笔。
期待在下一个版本的时候能够有更好的进步。
与标准化制作网页一样，表格的使用在画wireframe的时候就应该明确其作用，是用来作为数据列表展示使用，而不是作为网页布局的控件。
8、textfield文本输入框：
结合窗体使用。
一般用作窗体中提交数据。
比如搜索框、用户登录框、注册信息填写框等。
用作字段提交或单行数据提交。
9、textarea文本区：
结合窗体使用。
一般用作大段文字编辑、提交。
比如文章编辑、留言等板块。
10、droplist下拉列表框：
结合窗体使用。
一般用作下拉菜单或者下拉列表选项，比如在搜索中，可以通过下拉列表框来定位搜索分类的范围。
也有人用它来做友情链接，可以通过下拉选择直接进行页面跳转。
11、listbox列表选择框：
结合窗体使用。
通过文本框列表选项，通常使用在多项列表选择，比如在填写简历表的时候，选择你所感兴趣的行业，会提供列表选择框。
不过列表选择框都会结合按钮使用。
12、checkbox多项选择：
多项选择通常使用在窗体中，以提供多项选择。
比如在有些有些注册要求用户选择兴趣爱好，会提供十多个选项，因为选项可以并列进行，因此使用的是多项选择。
13、raidobutton单项选择：
在一组选择中选择适合选项，选项关系非此即彼。
比如在填写性别的时候提供男女选择，用户非男即女，只取一项。
当然，不排除再多提供一个双性选择，这样就是三选一，但是同样是非此即彼的单一选择。
14、15、horizontalline水平线、verticalline垂直线：
用以分割页面中的不同板块区域。
由于web页面中只能存在垂直与水平线，为了系统生成用于演示的html档，特将两种线条分开使用。
16、buttonshape形状按钮：
相当于图形按钮，多用于导航，或者多帧切换的版面切换按钮。
可进行边角编辑。
17、imagemapregion图像映像区：
它用于在web页面中制造一片不可见的区域，一般是图片的部分区域，相当于图片的热区，从而添加说明与互动。
在现实的网页中经常会有一张大图中有某个区域是触发按钮，而图像映像区就可以用来说明这个区域的的功能和互动内容。
18、inlineframe框架：
类似于html中的
copyright@ 2008-2022 冰点文档网站版权所有
经营许可证编号:鄂ICP备2022015515号-1