当前位置

首页 > IT科技 > 基本操作 - 界面原型创建工具Axure使用教程之一

基本操作 - 界面原型创建工具Axure使用教程之一

推荐人: 来源: 秒知社 阅读: 1.32W 次
通过界面原型与用户沟通,可以起到事半功倍的效果。那么怎么使用界面原型创建工具Axure,教程如下;

材料/工具

Axure

方法

启动Auxre

界面原型创建工具Axure使用教程之一:基本操作

点击页面、右键可以修改页面的名字可以删除,复制(duplicate),移动页面

界面原型创建工具Axure使用教程之一:基本操作 第2张

点击保存按钮,保存为设计文档,后缀为.rp。

界面原型创建工具Axure使用教程之一:基本操作 第3张

页面上放置了5种控件:
(1)文本(text panel)控件:作为静态文本显示。
(2)图片控件:image,在页面上,右键选择 Edit image-->Import image可以插入具体的图片。
(3)矩形控件:通常用来进行界面分割,但也可以很多其他用法,比如tab页面的标签,
(4)文本框:需要输入内容的文本框,最常用的一个控件;
(5)按钮:系统中需要执行某些命令时使用,例如提交内容,计算等。途中右上角的1表示这个按钮上有一个事件

界面原型创建工具Axure使用教程之一:基本操作 第4张

控件直接的对齐,你可要通过输入控件的位置数据来控制,也可以把多个控件选中,然后点击工具栏上的对齐命令(按钮),对齐控件。

界面原型创建工具Axure使用教程之一:基本操作 第5张

完成这个简单的页面后,可以生产HTML页面了,点击Generate-->prototype,打开对话框如图:
左边选择默认,选择生成页面的目录,点击Generate按钮,生成HTML页面,并打开使用IE打开第一页

界面原型创建工具Axure使用教程之一:基本操作 第6张

保存原型,点击Exit退出Axure。

界面原型创建工具Axure使用教程之一:基本操作 第7张