[Axure教程]0002.线框图元件

Axure 可在安装目录libraries中添加自定义元件库，来丰富我们的元件库，大家可以自己创建也可以直接下载别人做好的。我们先来看下自带的默认元件-线框图元件。

 

1.线框图 > 公共元件

[1].图片: 通过双击选择本地磁盘中的图片，将图片载入到编辑区，axure会自动提示将大图片进行优化，以避免原型文件过大；选择图片时可以选择图片原始大小，或保持图片元件的大小。

[2].H1,H2标题: 常使用在一个网页中唯一标题、重要栏目、重要标题等情形。

[3].文本标签: 多文本标签:页面中添加说明文字、文字连接，或一些动态的提示。

[4].形状: 应用较广泛，如页面的背景、按钮、以及一些元件的遮盖等，可通过鼠标右键点击–>选择形状，来选择我们需要的形状。

[5].占位矩形: 在制作原型时，用来代替对一些没有交互或者交互比较简单容易说明的区域，也可以做成关闭按钮。占位符在保真比较高的产品原型中作用不大。

[6].形状按钮: 与形状差不多，只是已经具备了按钮的功能属性。

[7].水平线: 垂直线: 用于页面区域分割。

[8].图片热区: 用于点击图片中某个区域产生交互事件时使用，图片热区也是矩形的一种，可以通过设置矩形无边框，背景色100%透明度来实现。

[9].动态面板: 是Axure 非常重要的元件，必须要学会使用的元件，动态面板的显示、隐藏、多状态等，都是非常有用的。

[10].框架: 在页面中嵌入其他的Axure元件，可以设置好大小后双击它，指定要嵌入的页面。框架可以通过编辑选项取消滚动条，应用场景多见于网站后台原型和移动互联网产品原型。

[11].中继器: 中继器一个强大的数据集，可以导入数据、新增行、删除数据行，排序、筛选等。

 

2.线框图 > 表单元件

 

[1].文本框: 常用于输入文字的axure元件，用于登录、标题、密码框（鼠标右键–编辑选项–隐藏文本）等功能。

[2].多行文本框: 常用于实现更多文字内容输入的axure元件，用于回复、评论、微博发布框这类的功能。

[3].下拉列表: 鼠标点击时展开多个选项的Axure元件，主要用来类别选择或多条件查询效果时使用。

[4].列表框: 一个多选项的列表，带滚动条效果。

[5].复选框: 复选框用于同类别内容可以同时选择多个时候使用，如个人兴趣的选择，批量删除邮件。

[6].单选按钮: 多个选项仅能选择其一时候使用，比如性别选择。

[7].HTML按钮：HTML按钮的格式取决于你浏览原型的操作系统中的浏览器,它通常针对你的浏览器内置了鼠标悬停和鼠标按下时的样式，这和你操作系统中应用程序的样式类似。

 

3.线框图 > 菜单/表格

[1].树形菜单: 主要用于网站导航,多使用于网站后台。

[2].表格: 表格很常见，每个表格都可以设置单独的事件，但是Axure目前不支持单元格的合并。

[3].横向菜单: 主要用于网站导航，多使用于网站前台。

[4].纵向菜单: 主要用于网站导航。多使用于网站后台。

PS:Axure公共元件先简单介绍到这，后面实战用到时再细讲。

 

 

本站文章为 宝宝巴士 SD.Team 原创，转载务必在明显处注明：（作者官方网站： 宝宝巴士 ) 
转载自【宝宝巴士SuperDo团队】 原文链接: http://www.cnblogs.com/superdo/p/4912416.html