auxtra原型设计

2024年2月7日发(作者：)

auxtra原型设计

在我们进行程序开发的时候，原型图是必不可少的，因为原型图能够直观的看出我们所做程序的界面以及操作出需要实现的功能。这时候就需要原型图，原型图有很多种方式实现，有手绘原型图，软件制作原型图，我们这次主要讲的是软件制作原型图。软件原型设计的软件有很多，从适用场景分：注重设计中低保真、快速的手机端和Web网站场景，适合用Mockplus、Balsamiq；注重响应体验设计，适合用Raw HTML/CSS/JS、UXPin；注重高保真设计（手机或者桌面），适合用Flinto、Origami；注重特定功能需求，适合用Adobe After Effects。而今天我要讲的则是Axure，一款简单又强大的原型设计软件。至于我为什么要选择这一款软件，是因为它在原型设计软件中的地位就好比word在文字界的地位。而且作为一款低保真的原型设计软件，它有明显的几个优点：

（1）上手快，行业内都用。

（2）有组件库。在制定组件化规范后，可以快速利用组件库制作低保真原型。

（3）能完成简单的交互。

（4）团队协作很方便。

接下来我们就正式来进入软件的介绍。

1、主菜单工具栏：类似office

2、主操作界面（舞台）

3、站点地图，所有页面的存放位置，可以在这里增删改查页面

或调整页面的关系（页面顺序、页面之间关系）

4、axure元件库（axure组件库/部件库）可创建、加载、删除元件库

5、母版管理：增删像页面头部、导航栏这种出现在每个页面中的元素，可以绘制到母版中，然后加载到需要显示的页面，在制作页面时就你不用重复创建

6、页面属性：设置当前页面样式，添加当前页面的注释，以及设置页面加载时触发的事件onpageload

7、元件属性：设置选中元件的标签、样式，添加元件注释及设置页面加载时触发的事件

A、交互事件：元件属性区域闪电样式的小图标代表交互事件

B、元件注释：可以添加一些元件限定条件的注释，eg文本框可添加输入字符长度不超过20等

C元件样式：可更改字体、尺寸、旋转角度等，或多个元件的对齐、组合设置

8、动态面板：很重要的区域，可增删动态面板状态及状态排序或设置动态面板标签；当其被覆盖时，可通过点击选中相应的动态面板或双击进入编辑

注：若不小心关闭了任何一个区域，可通过主菜单工具栏–视图、重置视图来找回。