Axure如何使用?Axure基本操作教程( 二 )


文章插图
2、系统默认建立4个页面:Home及其下级页面Page 1、Page 2、Page 3,联系比较紧密的页面可以分层组织在一起,例如一个功能模块 。点击页面、右键可以修改页面的名字,改成你满意的名称 。可以删除,复制(Duplicate),移动页面(向上,向下,移出,移入:自己试试效果) 。
3、点击保存按钮,保存为设计文档,后缀为.RP 。
4、如图我在页面上放置了5种控件:
(1)文本(Text panel)控件:如图所使用的,作为静态文本显示 。
【Axure如何使用?Axure基本操作教程】(2)图片控件:Image,在页面上,右键选择 Edit image---》Import image可以插入具体的图片 。
(3)矩形控件:通常用来进行界面分割,但也可以很多其他用法,比如Tab页面的标签,总之当你想画个框框,就可以使用它 。
(4)文本框:需要输入内容的文本框,最常用的一个控件 。
(5)按钮:系统中需要执行某些命令时使用,例如提交内容,计算等 。途中右上角黄色的1表示这个按钮上有一个事件(我加上的) 。

Axure如何使用?Axure基本操作教程

文章插图
5、控件直接的对齐,你可要通过输入控件的位置数据来控制,也可以把多个控件选中,然后点击工具栏上的对齐命令(按钮),对齐控件 。如图:
根据图标基本可以看出其功能:从左到右为:选中的控件以上边第一个为准右对齐;水平居中对齐;向右对齐;向上对齐(控件有可能积压在一块,如果在垂直方向不重叠则不会);垂直居中,向下对齐;平均分配控件间垂直间距;平均分配水平间距 。
Axure如何使用?Axure基本操作教程

文章插图
6、完成这个简单的页面后,可以生产HTML页面了,点击Generate---》Prototype,打开对话框如图:
左边选择默认,选择生成页面的目录,点击Generate按钮,生成HTML页面,并打开使用IE打开第一页(你也可以根据需要决定是否打开以及你的系统默认的浏览器打开) 。
Axure如何使用?Axure基本操作教程

文章插图
7、效果如图:
Axure如何使用?Axure基本操作教程

文章插图
8、保存原型,点击Exit退出Axure 。

推荐阅读