聊一聊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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180726G1OAWZ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券