主流原型设计工具- Axure (4)

 

主流原型设计工具- Axure

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

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

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

7内边距

 

主流原型设计工具- Axure

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

 

3、Axure基础操作(使用元件为例

 

1添加元件到画布

在左侧元件库中选择要使用的元件,按住鼠标左键不放,拖动到画布适合的位置上松开

 

主流原型设计工具- Axure

2添加元件名称

文本框属性中输入元件的自定义名称,建议采用英文命名。建议格式:PasswordInput01或Password01,名称含义:序号01的密码输入框,格式说明:“Password”表示主要用途;“Input”表示元件类型,一般情况下可省略,当有不同类型的同名元件需要区分或名称不能明确表达用途的时候使用;“01”表示出现多个同名元件时的编号;单词首字母大写的书写格式便于阅读。

 

主流原型设计工具- Axure

(3)设置元件位置/尺寸

元件的位置与尺寸可以通过鼠标拖拽调整,也可以在快捷功能或元件样式中进行输入调整。

x:指元件在画布中的x轴坐标值。

y:指元件在画布中的y轴坐标值。

 

主流原型设计工具- Axure

 

 

w:指元件的宽度值。

h:指元件的高度值。

在输入数值调整元件尺寸时,可以在样式中设置,让元件保持宽高比例。

主流原型设计工具- Axure

 

 

(4)设置元件默认角度

选择需要改变角度的元件,按住键的同时,用鼠标拖动元件的节点到合适的角度。

 

主流原型设计工具- Axure

(5)设置元件颜色与透明

选择要改变颜色的元件,点击快捷功能区中的背景颜色设置按钮,选取相应的颜色,或者在元件样式中进行设置。

 

主流原型设计工具- Axure

(6) 设置形状或图片圆角

可以通过拖动元件左上方的圆点图标进行调整,也可以在元件样式中设置圆角半径来实现。

 

主流原型设计工具- Axure

(7)设置矩形仅显示部分边框

在Axure RP 8的版本中,矩形的边框可以在样式中设置显示全部或部分。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzwyzj.html