手机版

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

时间:2021-08-31 来源:互联网 编辑:宝哥软件园 浏览:

Axure是一款功能强大的原型设计软件,也是美国Axure公司开发的。它非常好用,所以很多人会下载安装,但也有人下载安装,却不知道怎么用。那么Axure是如何工作的呢?不懂的话,可以快速看一下边肖编写的Axure基本操作教程。

界面原型化的方法有很多(我已经掌握了):

1.用网页制作软件创建:可以直接操作HTML文件,更接近现实。缺点,你需要掌握HTML语法和复杂的网页制作工具。操作复杂度高。

2.Visio可以快速创建单个页面,也可以使用。缺点:最多只能和页面直接相关,不能在按钮和链接上创建事件,比较死板。不能使效果接近现实,不能生成HTML文件。

3.Axure,Axure可以用所见即所得的方式创建一个接口原型。优点:操作人员不需要理解HTML语法,也不需要知道如何处理控制人机交互的事件,比如页面跳转或者按下命令按钮时的JAVA Script。因此非常适合业务需求分析师。生成的页面串联在一起,可以操作,模拟场景,让系统“动”起来。

本文通过创建一个简单的页面来解释Axure的基本操作。

步骤/方法:

1.开始欧塞尔。成功后,如图所示:

它第一次启动并打开所有工具栏和相关视图。该界面可分为9个部分:

(1)菜单栏,是所有应用的内容(C/S模式)。“文件”菜单包括与文件相关的操作,如保存、另存为、最近打开的设计、退出等。编辑菜单,重做,撤消,复制,粘贴,剪切和粘贴,查找和替换。视图菜单:设置界面中工具栏的外观和隐藏,以及各种视图、、、、的外观和隐藏。默认情况下全部显示;线框菜单:全局系统设置菜单;对象菜单:对齐、分组、转换等。页面中对象的;生成菜单:生成原型和规格函数。共享菜单:配置管理相关功能(用于团队设计)。帮助菜单:在线帮助和版权信息。

(2)工具按钮栏:按钮组是否出现在工具按钮栏中由“查看”菜单控制。设置“视图-”工具栏。

(3)页面图栏:此栏显示您设计的页面以及它们之间的树形关系。页面的上下文菜单可以删除和重命名页面。

(4)页面工作区:页面设计区,可以打开多个页面,右键上下文菜单包括打开和关闭页面的操作。双击页面映射栏中的页面,工作区将打开该页面。

(5)页面属性栏:输入页面备注,设置页面事件和页面属性。

(6)控制栏:组成页面的元素和各种控件被拖动到页面上需要的位置。

(7)控件属性列:每个控件的属性设置列包括三项:A:控件说明B:事件设置C:控件属性:包括位置、字体、对齐、分组。

(8)模板栏:在整个系统界面的设计中,有些内容可能会在多个页面中重复出现,可以组织成一个Master,Master可以进行包组织管理。将母版拖到页面上,母版中的控件将作为一个整体出现在页面上。简单来说,师父是为了重用。另外,修改Master内容后,使用Master的页面内容也进行了修改(从原型生成效果来看)。

(9)动态面板管理栏:动态面板是Axure的核心概念,用得好就能做出好的效果。动态面板包括多个状态,每个状态可以放置不同的内容。通过事件切换状态,页面可以显示不同状态的内容。

页面中的视图(右上角的分叉)可以通过单击关闭,也可以在“视图”菜单上重新打开(页面除外)。

您可以单击并拖动视图之间以及视图和页面设计工作区之间的上、下、左和右分界线,以调整区域的大小。左右分割线上的小三角形可以隐藏该区域,然后点开即可。试试看。

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

2.默认情况下,系统建立四个页面:主页及其下属页面第1页、第2页和第3页,密切相关的页面可以分层组织在一起,如一个功能模块。单击该页面,然后右键单击以修改页面名称并将其更改为您满意的名称。您可以删除、复制和移动页面(上、下、出、入:自己尝试效果)。

3.单击“保存”按钮将其保存为带后缀的设计文档。RP。

4.如图所示,我在页面上放置了五种控件:

(1)文本面板控件:如图,显示为静态文本。

(2)画面控制:图像。在页面上,右键单击编辑图像->导入图像以插入特定图片。

(3)矩形控件:通常用于界面分割,但也可以用于很多其他方式,如Tab页标签。简而言之,当你想画一个框架时,你可以使用它。

(4)文本框:需要输入内容的文本框,是最常用的控件。

(5)按钮:当系统中有些命令需要执行时使用,如提交内容、计算等。右上角的黄色1表示这个按钮上有一个事件(我添加的)。

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

5.控件的直接对齐。您可以通过输入控件的位置数据来进行控制,也可以选择多个控件并单击工具栏上的对齐命令(按钮)来对齐控件。如图所示:

根据图标,我们基本上可以看到它的功能:从左到右:选定的控件基于上边缘的第一个向右对齐;水平居中对齐;向右对齐;向上对齐(控件可以累积在一个块中,但如果它们不垂直重叠,则不会累积);垂直居中并向下对齐;在控件之间均匀分布垂直间距;均匀分布水平间距。

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

6.完成这个简单的页面后,就可以生成HTML页面了。点击生成->原型,弹出如下图所示的对话框:

选择左侧默认,选择生成页面的目录,点击生成按钮,生成HTML页面,用IE打开第一页(也可以根据需要决定是否打开,打开你系统的默认浏览器)。

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

7.效果如下:

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

8.保存原型并单击退出退出Axure。

以上是Axure的基本操作教程。很简单吗?首先,我们必须分析软件的界面,然后才能熟练使用它。

版权声明:如何使用Axure?Axure基本操作教程是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。