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

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

一、矩形等各种形状的使用文章源自设计学徒自学网-https://www.sx1c.com/43792.html

1、添加元件到画布文章源自设计学徒自学网-https://www.sx1c.com/43792.html

在左侧元件库中,选择想要使用的元件>>按住鼠标左键不放拖入画布中文章源自设计学徒自学网-https://www.sx1c.com/43792.html

Axure有哪些元件? Axure元件介绍以及使用 -1文章源自设计学徒自学网-https://www.sx1c.com/43792.html

2、设置元件尺寸及位置文章源自设计学徒自学网-https://www.sx1c.com/43792.html

元件的位置与尺寸的调整有三种方式:直接拖拽调整、工具面板输入数值调整、检视功能区下的样式中修改文章源自设计学徒自学网-https://www.sx1c.com/43792.html

Axure有哪些元件? Axure元件介绍以及使用 -2文章源自设计学徒自学网-https://www.sx1c.com/43792.html

3、给元件命名文章源自设计学徒自学网-https://www.sx1c.com/43792.html

当我们使用到的元件非常多时,建议给每一个使用到元件进行命名,方便后期选择与修改。文章源自设计学徒自学网-https://www.sx1c.com/43792.html

Axure有哪些元件? Axure元件介绍以及使用 -3文章源自设计学徒自学网-https://www.sx1c.com/43792.html

4、设置元件的显隐

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

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

5、设置元件填充色

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

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

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

7、设置元件圆角

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

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

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

9、设置元件的不透明度

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

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

10、设置字体、字号

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

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

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

12、设置元件文字填充

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

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

 

13、设置元件/文本角度

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

14、设置文本链接

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

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

15、改变形状元件的形状

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

16、给元件设置交互样式

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

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

17、将元件转换为图像

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

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

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

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

继续阅读
我的微信
微信扫一扫
weinxin
我的微信
惠生活福利社
微信扫一扫
weinxin
我的公众号
 
设计学徒自学网
  • 本文由 设计学徒自学网 发表于 2024年3月28日09:47:02
  • 转载请务必保留本文链接:https://www.sx1c.com/43792.html
    本站展示的所有图文软件均来自于互联网,仅用于软件学习研究分享传递,请勿商用,本站如有侵权请联系客服删除。
匿名

发表评论

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

拖动滑块以完成验证