聊一聊Axure的基本元件

欢迎关注木目原型，这里不定时发布Axure教程。

今天我们聊聊axure的基本元件

01基本元件有哪些

02基本元件的交互样式

交互样式有常态、鼠标悬停、鼠标按下、选中、禁用五种交互样式（也可理解为五种状态）。这五种交互样式的展示便于用户理解和操作。通过交互样式告知元件（按钮）是否可操作，反应了便于识别的交互原则。

常态：默认的状态，设有事件，可点击。

鼠标悬停：鼠标移入该元件区域，展示的效果

鼠标按下：鼠标按下该元件时展示的效果

选中：表示该元件是选中状态，选中状态的视觉效果一般都比较突出，让用户感知当前界面（区域）的是与该选中状态相关的。

禁用：表示按钮不能使用（不可点击），禁用状态一般都使用浅的淡的颜色展示，目的让用户不要注意到它。

在axure中，矩形、椭圆形和文本的这几种状态只需要对应设置样式即可；图片的则需要在不同状态添加不同的图片。

另外，平常在UI设计中，鼠标悬停和鼠标按下通常采用同种视觉效果

03引用、元件提示、设置选项组

引用：元件设置引用页面后，元件上展示的名称则是页面名称，告知用户点击该元件，可跳转相应的页面。

元件提示：当鼠标悬停在元件上时，可展示出对该元件的描述

设置选项组：关联成选项组后，选项组中的几个元件会有互相排斥的效果，至多有一个元件是选中状态

来个硬广，作者自己整理的一套适用于移动端的元件库，有需要的同学可以前往看看。

灰色元件库链接地址：

https://www.axureshop.com/a/45563.html

橘黄元件库链接地址：

https://www.axureshop.com/a/352.html

致力分享Axure原型技能

关注回复“木目”查看所有demo

微信ID：mumuaxure