Axure RP 9基础功能使用方法教程

2019-09-2010:46:12原型设计Comments47,672 views3字数 904阅读模式

作者:Mac资讯达人文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

Axure RP 9交互式原型设计工具可以帮助设计者制作出高效率高水准的产品原型图,快速创建应用程序和网站的线框,广泛应用于各行各业!此次小编带大家了解下学习下Axure RP 9基础功能的使用方法。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

1、添加元件到画布文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

在左侧元件库中选择要使用的元件,按住鼠标左键不放,拖动到画布适合的位置上松开。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

Axure RP 9基础功能使用方法教程

2、添加元件名称文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

文本框属性中输入元件的自定义名称,建议采用英文命名。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

建议格式:PasswordInput01或Password01文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

名称含义:序号01的密码输入框文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

格式说明:“Password”表示主要用途;“Input”表示元件类型,一般情况下可省略,当有不同类型的同名元件需要区分或名称不能明确表达用途的时候使用;“01”表示出现多个同名元件时的编号;单词首字母大写的书写格式便于阅读。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

Axure RP 9基础功能使用方法教程

3、设置元件位置/尺寸文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

元件的位置与尺寸可以通过鼠标拖拽调整,也可以在快捷功能或元件样式中进行输入调整。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

x:指元件在画布中的x轴坐标值。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

y:指元件在画布中的y轴坐标值。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

Axure RP 9基础功能使用方法教程

w:指元件的宽度值。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

h:指元件的高度值。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

在输入数值调整元件尺寸时,可以在样式中设置,让元件【保持宽高比例】。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

Axure RP 9基础功能使用方法教程

4、设置元件默认角度文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

方式一:选择需要改变角度的元件,按住键的同时,用鼠标拖动元件的节点到合适的角度。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

方式二:在元件样式中进行角度的设置,元件的角度与元件文字的角度可以分开设置。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

5. 设置元件颜色与透明文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

选择要改变颜色的元件,点击快捷功能区中的背景颜色设置按钮,选取相应的颜色,或者在元件样式中进行设置。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

Axure RP 9基础功能使用方法教程

6. 设置形状或图片圆角文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

可以通过拖动元件左上方的圆点图标进行调整,也可以在元件样式中设置圆角半径来实现。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

Axure RP 9基础功能使用方法教程

7. 设置矩形仅显示部分边框文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

在Axure RP 8的版本中,矩形的边框可以在样式中设置显示全部或部分。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

Axure RP 9基础功能使用方法教程

8. 设置线段/箭头/边框样式文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

线段、箭头和元件边框的样式可以在快捷功能或者元件样式中进行设置。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

Axure RP 9基础功能使用方法教程

9. 设置元件文字边距/行距文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

在元件样式中可以设置元件文字的【行间距】与【填充】。(图1-10)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

行间距:是指文字段落行与行之间的空隙。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

填充:是指文字与形状边缘之间填充的空隙。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

Axure RP 9基础功能使用方法教程

10. 设置元件默认隐藏文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

选择要隐藏的元件,在快捷功能或者元件样式中勾选【隐藏】选项。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html

Axure RP 9基础功能使用方法教程
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16573.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/yuanxing/16573.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定