Axure有哪些元件? Axure元件介绍以及使用

  • A+
所属分类:百科知识

Axure有哪些元件?经常使用Axure设计网页原型,下面我们就来看看Axure元件的使用方法。

一、矩形等各种形状的使用

1、添加元件到画布

在左侧元件库中,选择想要使用的元件>>按住鼠标左键不放拖入画布中

Axure有哪些元件? Axure元件介绍以及使用

2、设置元件尺寸及位置

元件的位置与尺寸的调整有三种方式:直接拖拽调整、工具面板输入数值调整、检视功能区下的样式中修改

Axure有哪些元件? Axure元件介绍以及使用

3、给元件命名

当我们使用到的元件非常多时,建议给每一个使用到元件进行命名,方便后期选择与修改。

Axure有哪些元件? Axure元件介绍以及使用

4、设置元件的显隐

当一开始我们不要某个元件显示时,我们可以先将其隐藏,在需要时再让其显示。

Axure有哪些元件? Axure元件介绍以及使用

5、设置元件填充色

Axure有哪些元件? Axure元件介绍以及使用

6、设置元件阴影及边框样式

Axure有哪些元件? Axure元件介绍以及使用

7、设置元件圆角

Axure有哪些元件? Axure元件介绍以及使用

8、设置元件的水平/垂直翻转

Axure有哪些元件? Axure元件介绍以及使用

9、设置元件的不透明度

元件的不透明度包括填充色不透明度和边框色不透明度两部分,在将填充以及边框样式的时候我们有提到,这里说另外一种方式。

Axure有哪些元件? Axure元件介绍以及使用

10、设置字体、字号

Axure有哪些元件? Axure元件介绍以及使用

11、设置行间距、项目符号以及段落对齐形式

Axure有哪些元件? Axure元件介绍以及使用

12、设置元件文字填充

填充在这里指元件内文字与形状边缘之间填充的空隙。

Axure有哪些元件? Axure元件介绍以及使用

 

13、设置元件/文本角度

Axure有哪些元件? Axure元件介绍以及使用

14、设置文本链接

对于一段文字或者几个文字我们可以为其设置链接。例如,注册页中的用户协议、隐私条款。

Axure有哪些元件? Axure元件介绍以及使用

15、改变形状元件的形状

Axure有哪些元件? Axure元件介绍以及使用

16、给元件设置交互样式

在网页端,当鼠标移动到一个可以交互的文字或者button上时,我们需要给用户一个及时的反馈,这时候就需要对元件的在鼠标悬停下的交互样式进行设置。另外,需要时我们还可以设置元件选中、禁用和鼠标按下时的交互样式。

Axure有哪些元件? Axure元件介绍以及使用

17、将元件转换为图像

一般情况下我们很少这样做,当元件中包含特殊字体时,为了避免在不含该字体的设备上浏览出错我们可以考虑将其转换为图片。

Axure有哪些元件? Axure元件介绍以及使用

18、设置元件默认状态为禁用/选中

Axure有哪些元件? Axure元件介绍以及使用

  • 优惠折扣福利
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

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