001、聊一聊Axure的基本元件

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

01基本元件有哪些

基本元件包含矩形、椭圆形、文本、图片等最基础的元件。
矩形、椭圆形、文本三种元件可以相互转化，选中元件，点击右上角的灰色圆点可改变元件形状，文本改变形状后默认没有轮廓；图片不能转化为其他元件。

image

02基本元件的交互样式

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

常态：默认的状态，设有事件，可点击。
鼠标悬停：鼠标移入该元件区域，展示的效果
鼠标按下：鼠标按下该元件时展示的效果
选中：表示该元件是选中状态，选中状态的视觉效果一般都比较突出，让用户感知当前界面（区域）的是与该选中状态相关的。
禁用：表示按钮不能使用（不可点击），禁用状态一般都使用浅的淡的颜色展示，目的让用户不要注意到它。

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

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

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

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

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

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

来个硬广，作者自己整理的一套适用于移动端的元件库，有需要的同学可以前往看看。
灰色元件库链接地址：
https://www.axureshop.com/a/45563.html
橘黄元件库链接地址：
https://www.axureshop.com/a/352.html

文章来自微信公众号“木目原型”

微信ID：mumuaxure