Axure入门2:默认元件介绍

举报
Khan安全团队 发表于 2023/06/05 20:35:20 2023/06/05
【摘要】 Axure入门2:默认元件介绍
Axure自带了一个默认的元件库,这些元件结合样式、交互事件等可以满足大多数的情况。有些有特殊要求的场景跟风格也可以通过导入第三方元件包来补充,有些大型企业也会定制专属元件。

< 1 >


我在实际工作当中,很少用到第三方元件,懒得费时间去找,因为要找到完全符合要求的元件是一个漫长的过程,即使找到了,也有可能被这些元件的样式、风格、操作习惯、功能限制等打败。另外一个就是日常工作中很少需要做到高保真的程度,所以在元件上花太多时间不值得。

Axure自带的元件库就基本够用了,在这里就先介绍一下Axure自带的元件:
< 2 >
上面的三大类元件中,标记元件很少用到,表单元件基本元件都是必须用到的,特别是基本元件中的矩形1、动态面板、中继器这三个。
因为矩形可以通过基础样式及交互样式实现丰富的效果;动态面板则是页面布局、动态交互必不可少的神器,因为它同时具备容器及图层的属性;中继器则是提高工作效率、实现复杂交互的必经之路。
如果把学会动态面板作为进阶的标志的话,那么熟练掌握中继器必然就属于高级技巧了。
当然,如果只是简单的静态线框图,那不需要动态面板也可以实现,中继器则可有可无:如果有列表类型的内容,用中继器就能提高效率,特别是修改时的效率。


< 3 >

以下为每个元件的简单介绍:

基本元件

矩形1:带边框的长方形,可以添加文字,通过样式控制边框、背景色、字体等。
矩形2:不带边框的长方形,可以添加文字,通过样式控制边框、背景色、字体等。
矩形3:不带边框的长方形,可以添加文字,通过样式控制边框、背景色、字体等。
椭圆形:带边框的圆形,可以添加文字,通过样式控制边框、背景色、字体等。
图片:用来加载图片的元件,可以添加文字,通过样式控制边框、字体等。
占位符:占位,多用在团队协作中告诉其他成员这里我占了,但还来得及做具体效果等。
按钮:按钮,可以用矩形+形式替代。
主要按钮:按钮,可以用矩形+形式替代。
链接按钮:按钮,可以用矩形+形式替代。
一级标题:文字标题。
二级标题:文字标题。
三级标题:文字标题。
文本标签:用来展示文字。
文本段落:用来展示较多文字。
水平线:水平线条,可用于分隔,可以调整线条角度。
垂直线:垂直线条,可用于分隔,可以调整线条角度。
热区:多用在图片上某些区域需要交互效果时,放在该区域上把它变成可交互(如:单击)区域。
动态面板:可用在切换、弹出框等动态效果当中,具有很多独有的特性,如:容器、图层、自适应等。
内联框架:内嵌网页浏览,相当于HTML中的iframe。
中继器:实现了内容与样式的分离,复杂交互效果的神器。

表单元件

文本框:普通文本框,通过属性值几乎可以变成常见表单中的任何输入框,如:密码、日期、文件选择等。
多行文本框:可能输入多行的文本框。
下拉列表框:下拉列表框,运行时只能从下拉列表中选择而不能输入。
列表框:普通列表框,建议用中继器代替。
复选框:普通复选框。
单选按钮:单选框,需要建立单选按钮组,否则整个页面同时只有一个能选中。
提交按钮:普通按钮,只是样式跟基本元件中的不一样。

菜单和表格

树状菜单:树状元件,复选效果需要自己用事件控制。
表格:简单的表格,结合中继器可以实现复杂的交互效果。
水平菜单:水平弹出式菜单。

垂直菜单:垂直弹出式菜单。


标记元件用来做标记的,功能基本一样,只是样式不同。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。