Axure图文教程:元件使用

 时间:2024-10-12 00:55:47

今天为大将带来有关Axure的图文基础教程,这一期主要讲的是元件的使用

工具/原料

AxureRP 8.0 (汉化版)

1. 矩形等各种形状的使用

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

Axure图文教程:元件使用

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

Axure图文教程:元件使用

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

Axure图文教程:元件使用

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

Axure图文教程:元件使用

5、设置元件填充色

Axure图文教程:元件使用

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

Axure图文教程:元件使用

7、设置元件圆角

Axure图文教程:元件使用

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

Axure图文教程:元件使用

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

Axure图文教程:元件使用

10、设置字体、字号

Axure图文教程:元件使用

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

Axure图文教程:元件使用

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

Axure图文教程:元件使用

13、设置元件/文本角度

Axure图文教程:元件使用

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

Axure图文教程:元件使用

15、改变形状元件的形状

Axure图文教程:元件使用

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

Axure图文教程:元件使用

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

Axure图文教程:元件使用

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

Axure图文教程:元件使用

2.文本框

1、改变文本框为密码/文件等

Axure图文教程:元件使用
Axure图文教程:元件使用

2、给文本框设置提示文字并修改提示样式一般在注册或登录一稍僚敉视个网站/app时都会有关于注册的用户名及密码的说明文字,这部分说明文字就可以称之为提示文字。

Axure图文教程:元件使用

3、设置文本框提示触发提示触发是针对文本框中的提示文字的,关于何时提示文字被隐藏。

Axure图文教程:元件使用

4、限制文本框的输入字符数

Axure图文教程:元件使用
  • 在Axure RP8中如何定义全局变量
  • Axure RP8怎么画密码输入框
  • Axure实现输入框输入时提示效果
  • 用Axure实现输入框和登录按钮联动
  • Axure RP如何载入图片元素
  • 热门搜索
    安全法制教育手抄报 关于爱国的手抄报资料 交通安全的手抄报 关于安全手抄报图片 关于环境保护的手抄报 我爱我校手抄报内容 知法守法手抄报 五一劳动节手抄报古诗 日行一善手抄报花边 让妈妈露笑脸手抄报