今天我们聊聊axure的基本元件
01基本元件有哪些
基本元件包含矩形、椭圆形、文本、图片等最基础的元件。
矩形、椭圆形、文本三种元件可以相互转化，选中元件，点击右上角的灰色圆点可改变元件形状，文本改变形状后默认没有轮廓；图片不能转化为其他元件。
image
02基本元件的交互样式
交互样式有常态、鼠标悬停、鼠标按下、选中、禁用五种交互样式（也可理解为五种状态）。这五种交互样式的展示便于用户理解和操作。通过交互样式告知元件（按钮）是否可操作，反应了便于识别的交互原则。
常态：默认的状态，设有事件，可点击。
鼠标悬停：鼠标移入该元件区域，展示的效果
鼠标按下：鼠标按下该元件时展示的效果
选中：表示该元件是选中状态，选中状态的视觉效果一般都比较突出，让用户感知当前界面（区域）的是与该选中状态相关的。
禁用：表示按钮不能使用（不可点击），禁用状态一般都使用浅的淡的颜色展示，目的让用户不要注意到它。
在axure中，矩形、椭圆形和文本的这几种状态只需要对应设置样式即可；图片的则需要在不同状态添加不同的图片。
另外，平常在UI设计中，鼠标悬停和鼠标按下通常采用同种视觉效果
03引用、元件提示、设置选项组
引用：元件设置引用页面后，元件上展示的名称则是页面名称，告知用户点击该元件，可跳转相应的页面。
元件提示：当鼠标悬停在元件上时，可展示出对该元件的描述
设置选项组：关联成选项组后，选项组中的几个元件会有互相排斥的效果，至多有一个元件是选中状态
来个硬广，作者自己整理的一套适用于移动端的元件库，有需要的同学可以前往看看。
灰色元件库链接地址：
https://www.axureshop.com/a/45563.html
橘黄元件库链接地址：
https://www.axureshop.com/a/352.html
文章来自微信公众号“木目原型”
微信ID：mumuaxure
网友评论