Axure之幼儿养成记---占位符、按钮、标题、文本、热区

前段时间，由于各种事情，没能静下心一起奋斗，还请谅解。

给自己立个Flag，每周至少一次课，加油，为不平凡的我们。

一、写在课前：

友情提醒：

1、本文字数763字，阅读时间大约12分钟，操作实践时间约25分钟。

2、对Axure有一定使用经验的小鱼或鲨鱼，可以直接略过本节，当然可以快速浏览，欢迎留言共同探讨。

二、开课小甜点

上节课，我们对Axure操作区域中页面、元件库中基本元件-矩形，如有疑惑的地方可以关注我们，然后回看上一节《Axure之幼儿养成记---页面操作区及基础元件之矩形》。

本堂课，我们将对Axure元件库中基本元件中占位符、按钮、标题、文本、热区进行概要讲解，记得跟着一起做，实践出真知。

三、元件库

1、占位符

占位符：用于占位，占座，目前这块区域不知道或者还没有想清楚有什么用途，在做高保真原型的时候，可以用图片来替代它的位置。

占位符

2、按钮

各种提交按钮，可用于注册、登陆、弹窗等应用

按钮

可以对按钮样式进行各种操作展示，链接按钮与提交的类似，只是取消了边框。

3、标题

用于对文字的展示

基本元件中共分三种，H1,H2,H3,分别对应字体的大、中、小，当然也可以进行调整字体大小。

告诉一个小窍门，当文字过多时，非常有用，见上图，当鼠标选中一级标题时：

点击1的位置，可以对文字进行长度适配；

点击2的位置，可以对文字进行宽度适配；

点击3的位置，可以对文字的长度和宽度进行适配。

4、文本、水平分割线、垂直分割线

文本

与之前我们用到的标题类似，这里就不详述。

5、热区                                                                 

用于提醒图片中的某个区域有交互操作，而设置的时候，不需要对整张图片进行。

热区

五、画重点：

本节课对Axure元件库中基本元件中占位符、按钮、标题、文本、热区进行讲解，如有纰漏，欢迎留言指正，转载转发，我们共同进步。

六、课后预习：

下次课程我们将对Axure元件库中基本元件中文本框、多行文本框、下拉列表进行讲解，期待您的参与。