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

2025-05-22 14:42:20

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的核心概念,使用好可以做出很好的效果。动态面板包括多个状态,每个状态里边可以放置不同的内容,通过事件切换状态,使页面表现不同状态的内容。我的一篇经验中讲解了如何使用动态面板制作TABPAGE效果。这只是一种用法,陆续会介绍一些其他用法。页面中的view等,右上角的叉,点击可关闭,在view菜单上可以再打开(页面除外)。View之间及view与页面设计工作区之间的上下,左右分割线,都可以点击拖动,调整区域的大小。左右分割线上的小三角可以隐藏区域,再点可打开,试试就知道。

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

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

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

7、效果如图:

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

8、保存原型,点击Exit退出Axure。本节讲解Axure的基本操作,后续会讲解一事件,master等高级应用。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢