Axure RP 9怎么自学?

首先我们来认识一下Axure RP 9元件,元件是组成我们原型的零件,也有人翻译成组件。Axure RP 9默认给我们提供了三套元件库,默认元件库、流程图元件库、图标元件库。可以根据自己的需要选择。也可以自己导入第三方的元件库使用。初学者我们使用默认的元件库就够用了。元件库在我们后面章节会仔细讲解,这里就不多说了。下面我们来看看如何使用元件。

最简单也是最常用的方法,就是用鼠标从元件库中把元件拖拽到画布上。是不是非常简单呢?大家可以把元件库中任意的元件拖进来。

还有一种方法,一般是绘制自定义图形时会用到的,顶部功能菜单中,点击插入,选择对应的图形项目,然后鼠标移入画布区域,按住左键拖动,就可以绘制出对应的图形了。

插入支持快捷键,比如按一下键盘上的O键,按住鼠标左键,在画布中拖动就能快速画出一个椭圆形。

方式一:单击选中。在画布区域,用鼠标单击对应的元件即可选中。按住shift键或者command/control,可以多选。
方式二:框选。鼠标移动到画布空白处,拖动鼠标,在形成的正方形区域中框住一个或多个元件,可以实现批量选中。框选有两种模式,相交选中和包含选中。在软件左上角这里,可以切换。相交选中,只要框线碰到的就可以选中。包含选中,是框选要完全框住的元件才可以被选中。框选模式我们一般用相交模式。

方式三:在概要里面鼠标单击选中对应的元件。按住shift,可以连续多选。按住command或control,可以任意多选。这种选择模式,在复杂的原型中非常有用。

想要删除元件,选中一个或多个想要删除的元件,按delete键,或者返回键即可。

方式二:按住ALT键,鼠标移入想要复制的元件。然后按住鼠标左键,拖动,可以快速复制一个元件。这个快捷键非常好用,在需要大量复制元件时效率会非常高。

要改变元件的位置,只需要拖动对应的元件即可。另外也可以在顶部快捷样式菜单中设置坐标值,然后按回车键,让元件移动到指定位置。 X轴是横轴,改变可以调整左右的位置。 Y轴是纵轴,调整上下的位置。在样式选修卡中也可以设置坐标位置。

同时选中多个未被锁定的元件也可以改变他们的位置。但要注意,在调整多个元件的位置时。顶部工具栏的XY值是对整体有效,内部的相对位置是不会变的。样式选项卡中的XY值是对每一个元件有效,相对位置会改变。

选中元件后,元件四周会出现方形手柄。拖动任意手柄即可改变元件的大小。按住shift键,拖动手柄调整尺寸时可以锁定宽高比例。快捷样式菜单栏上或者在样式选项卡中调整W和H值也可以改变元件的尺寸。W是宽度,H是高度。中间有个小锁,可以保持宽高比例。调整其中一个数值时,另外一个会自动填上等比例的数值。

选中多个元件时,也可以调整他们的大小。和调整XY值一样,也要注意。调整WH值时,顶部样式菜单对应的是整体。右侧样式选项卡中是对应的每一个个体。

但有时候,有些元件我们不想被改变位置和大小,比如画了一个矩形作为背景。这时候我们可以用到锁定功能。在对应的元件上,右键,找到锁定,选中锁定位置和尺寸。被锁定的元件选中时边框会变成红色。这样我们在改变元件位置或尺寸时,被锁定的元件就不会受到影响了。

和锁定功能看起来有点类似的功能,就是隐藏。但他们的功能完全不一样。不要用混了。隐藏在鼠标右键菜单中,找到设为隐藏即可隐藏。在样式菜单中的眼睛图标也可以快速隐藏。隐藏是视觉上不可见,会有一个黄色的遮罩效果。但仍然可以被选中,被修改尺寸和位置。

为了方便添加交互效果,我们在axure中需要给每一个元件命名。如果不命名,系统默认以元件类型命名,比如矩形,表格。如果元件上有文字,会以上面的前二十个文字来命名。

给元件命名有两种方式,第一种是在概要选项卡中,点击两次对应的元件,即可修改名称。注意这里不是双击,两次点击要隔一点时间。第二种是选中一个元件,在右侧,样式/交互/说明选项卡的顶部,输入名称即可。黄老师个人习惯用第二种方式。第一种方式不太好点出来。

要改变元件的位置,只需要拖动对应的元件即可。另外也可以在顶部快捷样式菜单中设置坐标值,然后按回车键,让元件移动到指定位置。 X轴是横轴,改变可以调整左右的位置。 Y轴是纵轴,调整上下的位置。在样式选修卡中也可以设置坐标位置。

同时选中多个未被锁定的元件也可以改变他们的位置。但要注意,在调整多个元件的位置时。顶部工具栏的XY值是对整体有效,内部的相对位置是不会变的。样式选项卡中的XY值是对每一个元件有效,相对位置会改变。

选中元件后,元件四周会出现方形手柄。拖动任意手柄即可改变元件的大小。按住shift键,拖动手柄调整尺寸时可以锁定宽高比例。快捷样式菜单栏上或者在样式选项卡中调整W和H值也可以改变元件的尺寸。W是宽度,H是高度。中间有个小锁,可以保持宽高比例。调整其中一个数值时,另外一个会自动填上等比例的数值。

选中多个元件时,也可以调整他们的大小。和调整XY值一样,也要注意。调整WH值时,顶部样式菜单对应的是整体。右侧样式选项卡中是对应的每一个个体。

但有时候,有些元件我们不想被改变位置和大小,比如画了一个矩形作为背景。这时候我们可以用到锁定功能。在对应的元件上,右键,找到锁定,选中锁定位置和尺寸。被锁定的元件选中时边框会变成红色。这样我们在改变元件位置或尺寸时,被锁定的元件就不会受到影响了。

和锁定功能看起来有点类似的功能,就是隐藏。但他们的功能完全不一样。不要用混了。隐藏在鼠标右键菜单中,找到设为隐藏即可隐藏。在样式菜单中的眼睛图标也可以快速隐藏。隐藏是视觉上不可见,会有一个黄色的遮罩效果。但仍然可以被选中,被修改尺寸和位置。

为了方便添加交互效果,我们在axure中需要给每一个元件命名。如果不命名,系统默认以元件类型命名,比如矩形,表格。如果元件上有文字,会以上面的前二十个文字来命名。

给元件命名有两种方式,第一种是在概要选项卡中,点击两次对应的元件,即可修改名称。注意这里不是双击,两次点击要隔一点时间。第二种是选中一个元件,在右侧,样式/交互/说明选项卡的顶部,输入名称即可。黄老师个人习惯用第二种方式。第一种方式不太好点出来。

Axure中可以将多个元件组合起来,组合可以被命名,也可以被当成一个元件来进行交互,调整位置和大小等。选中多个元件,在顶部菜单中点击组合图标即可。选中一个组合,点击取消组合,可以就地解散。组合还可以被当成一个元件,再组合。就是说组合中包含组合也可以。

单击组合里的任何一个元件,会选中整个组合。然后双击其中一个元件,可以选中单个元件,这时可以对单个元件进行编辑。

拖入画布中的多个元件是按先后顺序进行堆叠的。最先拖入的在最底层,最后拖入的在最上层。如果重叠,下层的元件会被上层的元件遮盖。在概要窗口中,元件的上下位置就代表其层级关系。默认情况下最下面的元件就是最底层。可以在概要窗口中直接拖到元件,改变其层级关系。在单个元件上,鼠标右键,在右键菜单中,找到顺序,也可以调整层级关系。

通过对齐和分布,可以快速对元件的位置进行排列,调整。

左侧对齐,以元件左侧边线对齐。对齐位置以第一个选中的元件的左侧边线为基准。

右侧对齐,以元件右侧边线对齐。对齐位置以第一个选中的元件的右侧边线为基准。

垂直中线对齐。同样的道理。

顶部对齐、底部对齐、水平中线对齐。原理一样。

注意:至少选中两个元件才可以进行对齐操作。至少选中三个元件才可以进行分布操作。不然对应的按钮是灰色的。

分布是用来调整三个或三个以上元件之间的间距的。一般我们先要将元件对齐后,再操作分布。水平分布:选中所有元件,顶部对齐。然后确定最左边和最右边的元件位置。保证所有元件在他们之间能够排开。点击水平分布。所有元件就在水平方向等距离排开了。

垂直分布:选中所有元件,左对齐。然后确定最上面和最下面元件的位置,保证所有元件能排开。点击垂直分布。就等距离排开了。

注意:分布是用来排间距的。一定要保证能够排开。不然会堆到一起。

你可以在画布右边的样式选项卡 或者画布上面的样式工具栏中自定义元件的样式属性。我们先讲常用的一些样式属性。

可以调整元件的透明度。0%为完全透明。这个值是整个元件的透明度,会和文字颜色、填充背景颜色里面设置的透明度叠加。

字体设置可以设置字体、字形、字号、颜色。

排版样式可以设置行高、文字间距。

更多设置里还能设置项目符号、斜体、粗体、下划线、删除线、上标和下标、英文大小写切换。

段落格式:可以设置段落的水平方向对齐方式(居左、居中、居右、两端对齐)、垂直方向上中下对齐。

颜色填充支持纯色填充、也支持线性渐变和径向渐变

图像填充可以引入一个图片作为元件的背景。并且可以设置填充位置和样式。

可以设置边框或线段的样式。包括颜色、线宽(线宽设置为0即为不显示边框)、线形(实线、虚线等8种样式可选)。

矩形类的元件,可以设置上下左右各个边框的可见性。

线段和连接线可以设置箭头样式。

设置元件的外部阴影或内部阴影。可以自定义阴影位置、模糊度、颜色。

可以设置矩形类元件的圆角属性。圆角半径数值控制圆角的大小,单位为像素。也可以设置四个圆角的可见性。

在画布中,选中的矩形元件,拖动左上角的黄色三角形把手,也可以改变圆角半径。

注意:边线可见性会影响圆角属性。角对应的两条边线必须都可见,圆角效果才会出现。(边线宽度为0不影响)

内边距属性可以控制文字在元件内部的位置。可以分别设置上下左右的参数值。单位为像素。

}

我要回帖

更多关于 如何自学编程 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信