分享Axure如何使用。

Axure是一款功能强大的原型设计软件,它也是美国Axure公司所开发的,它十分好用,因此有很多人会下载安装它,但是有些人下载安装它,却不知道怎么使用。那么Axure如何使用呢?不懂的朋友赶紧看看小编整理的Axure基本操作教程吧!

制作界面原型的方法很多(我掌握的):

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

2、Visio,可以快速的创建单个页面,也可以用创建,缺点:最多只能做到页面直接的关联,按钮,链接上无法创建事件,死板。无法作出接近真实的效果,无法生成HTML文件。

3、Axure,Axure可以以所见即所得的方式创建界面原型,优点:操作者无须懂的HTML语法,无须懂得控制人机交互的事件处理,例如页面跳转时、命令按钮按下时系统响应 程序脚本(JAVA Script)。因此很适合业务需求分析人员使用。生成的页面,串接在一起,可以进行操作,模拟场景,让系统“动”起来。

本文章通过一个简单页面的创建,讲解Axure的基本操作。

步骤/方法:

1、启动Auxre。成功后如图:

首次启动,打开了所有的工具栏及相关视图。界面可以分为9个部分:

(1)菜单栏,所有应用程序(C/S模式)都有的内容。File菜单包括了关于文件的操作,例如保存,另存为,最近打开设计,退出等。Edit菜单,重做,撤销,复制,粘贴,剪贴,查找与替换。View菜单:设置界面中工具栏的出现,隐藏,各种视图③、⑤、⑥、⑦、⑧、⑨的出现与隐藏。默认全部出现;Wireframe菜单:全局性系统设置菜单;Object菜单:页面中对象的对齐,分组,转换等;Generate菜单:生成原型与说明书功能。Share菜单:配置管理相关功能(团队设计时使用)。Help菜单:在线帮助、版权信息。

(2)工具按钮栏:工具按钮栏中按钮组是否出现,通过View菜单控制。View---》Toolbars 进行设置。

(3)页面地图栏:此栏显示你设计的页面及页面之间的树状关系,页面的上下文菜单可以删除页面,改名等。

(4)页面工作区:页面设计区,可以打开多个页面,点击页面标签,右键上下文菜单包括了打开关闭页面的操作。双击页面地图栏的页面,工作区打开该页面。

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

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

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

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

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

页面中的View等,右上角的叉,点击可关闭,在View菜单上可以再打开(页面除外)。

View之间及View与页面设计工作区之间的上下,左右分割线,都可以点击拖动,调整区域的大小。左右分割线上的小三角可以隐藏区域,再点可打开,试试就知道。

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

2、系统默认建立4个页面:Home及其下级页面Page 1、Page 2、Page 3,联系比较紧密的页面可以分层组织在一起,例如一个功能模块。点击页面、右键可以修改页面的名字,改成你满意的名称。可以删除,复制(Duplicate),移动页面(向上,向下,移出,移入:自己试试效果)。

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

4、如图我在页面上放置了5种控件:

(1)文本(Text panel)控件:如图所使用的,作为静态文本显示。

(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。

以上就是Axure基本操作教程了,是不是很简单,首先我们得先对该软件的界面进行分析,之后才能比较熟练的使用它。

本文来自网络投稿,来自作者春天。不代表酷牛教程立场,如若转载,请注明出处:https://www.xukn.com/333734.html

(0)
春天春天
上一篇 2023-06-14 18:02
下一篇 2023-06-14 18:02

相关推荐

  • 我来教你Soul瞬间功能如何使用。

    想必还有不少朋友都不清楚Soul瞬间功能如何使用,接下去就由酷牛教程小编告诉大家解决瞬间功能操作方法分享吧,有需要解决这个问题的朋友就来酷牛教程。 使用方法; 1、首先进入soul...

    2023-09-22
    06540
  • 说说支付宝中如何使用医保支付。

    小伙伴们你们想知道支付宝中如何使用医保支付?今天小编很乐意和大家分享刷医保码支付方法讲解,感兴趣的小伙伴们跟随小编来了解一下吧。 方法/步骤分享: 1、打开支付宝首页,点击【市民中...

    2023-09-22 安卓教程
    04980
  • 关于美图秀秀视频人像精修如何使用(美图秀秀视频人像精修如何使用)

    在美图秀秀的视频美化里,它能美白你的牙齿、无关、添加妆容,那么美图秀秀视频人像精修如何使用?下面小编就为大家带来具体操作方法,想知道的话就来看看吧。 美图秀秀视频人像精修如何使用?...

    2023-05-25 安卓教程
    0220
  • 关于PIRT是什么如何使用?详情图文教程介绍,pirts。

    最近有很多玩抖音的伙伴,在询问里面PIRT是什么?它有一项很好用的拍照翻译功能,那么PIRT到底是一款什么样的软件,主要用来干什么呢?又是怎么用来拍照翻译呢,感兴趣的伙伴,一起来乖...

    2023-07-31
    0250
  • 教你如何使用Excel修改证件照底色

    在日常生活当中,不管是因为考试还是因为投简历,不管是学生党还是上班族,都会有用到自己证件照的时候,大多情况下,准备好白蓝红三种底色就足以应对。去照相馆修改底色还需要花钱,今天就给大...

    2023-07-08 PC教程
    0220
  • 分享如何使用爱思助手制作iPhone个性铃声

    如何使用爱思助手制作iPhone个性铃声?想给自己的iPhone手机更换铃声吗?很简单,方法实在是太多了,我们可以利用爱思助手来制作个性铃声。下面,小编就为大家介绍下使用爱思助手制...

    2023-06-27
    0160
  • 分享啫喱app在家状态怎么设置。

    啫喱app在家模式怎么弄?软件中用户们可以自由结识好友,还可以邀请小伙伴们来自己的家,那么怎么设置成在家模式呢,今天小编就给大家带来一期啫喱app在家状态设置方法 啫喱app在家状...

    2023-08-14 其他教程
    0120
  • 小编分享如何使用Auto

    作为初学者使用AutoCAD2018的时候,我们会学习一些初级的图片设计,那么我们怎么使用AutoCAD2018设计小红花呢?相信很多初学者都还不会设计,那么下面小编就和小编一起来...

    2023-07-08 PC教程
    0230
  • 小编教你linux系统下如何使用assert函数。

    只要看得懂程序的人都知道assert,在Windows下使用VC编写,使用assert之后,只需在IDE中设置为debug版或者是release版,编译器就会自动忽略掉assert...

    2023-06-14
    0190
  • 小编分享Win7如何使用自带的备份功能

    Win7系统之中有一个备份功能,它是为了当系统出现问题或者被破坏的时候进行还原使用的,那么我们该怎么去为win7系统进行备份呢?今天小编就来带大家看看win7系统是如何去进行备份的...

    2023-07-14 PC教程
    0180
  • 我来分享如何使用多闪app赚钱

    如何使用多闪app赚钱?现在的短视频app有很多,多闪就是其中的一款。最近听说多闪app可以赚钱,但是很多用户不知道具体怎么操作。下面就是使用多闪app赚钱的方法,一起来看一下。 ...

    2023-06-28
    0210
  • 我来分享如何使用PicsArt生成动态图

    如何使用PicsArt生成动态图?PicsArt是一款图片编辑软件,用户可以使用其对图片进行编辑优化。想要使用PicsArt生成动态图,具体该怎么操作?下面就是使用PicsArt生...

    2023-06-27
    0160
  • 我来教你如何使用ai设计行人和修路指示牌

    如何使用ai设计行人和修路指示牌?ai是一款广泛应用于出版、多媒体和在线图像的工业标准矢量插画的软件。想要使用ai设计行人和修路指示牌,具体该怎么操作?下面就是使用ai设计行人和修...

    2023-06-25 PC教程
    0140
  • 小编教你微信笔记如何使用

    许多人都有写笔记的习惯并借此整理思绪,但随着智能手机的普及,电子笔记也成了不少人记录人生的选择之一。值得一提的是,微信App中也提供了笔记功能!那么,微信笔记该如何使用呢?下面小编...

    2023-07-03 PC教程
    0190
  • 我来分享百度网盘Android版如何使用“闪电互传”给iPhone发送文件

     总所周知,现在市面上的手机分为安卓,苹果两大派,这两者拥有的用户都非常多,在之前的教程中,小编有向大家介绍了百度网盘Android版使用闪电互传给安卓手机发送文件的方法,接下来,...

    2023-07-03 PC教程
    0370

发表回复

登录后才能评论