手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Axure原型设计中如何设置鼠标悬浮效果

时间:2024-10-14 18:51:15

1、首先我们准备两个图片,分别为正常显示的图标和鼠标悬浮上去之后,想要展现的图标样式。

Axure原型设计中如何设置鼠标悬浮效果

2、打开Axure,将正常显示的图标放到其操作区域,可以直接拷贝进去哦。

Axure原型设计中如何设置鼠标悬浮效果

3、右击图标,选择右击菜单中的交互样式,进入设置交互样式界面。

Axure原型设计中如何设置鼠标悬浮效果

4、在设置交互样式设置界面,有四类选项可以设置,分别为鼠标悬停时、鼠标按下时、选中、禁用。这里我们主要讲解下鼠标悬停时,如何使用。

Axure原型设计中如何设置鼠标悬浮效果

5、在鼠标悬停界面,选中image前的多选框,如图,然后点击后放的导入按钮。

Axure原型设计中如何设置鼠标悬浮效果

6、选择鼠标悬停时图标,将其导入进去。导入完成后点击确定按钮。完成鼠标悬浮效果的设定。

Axure原型设计中如何设置鼠标悬浮效果

7、这是可以在Axure中点击发布-预览功能对其效果进行预览。

Axure原型设计中如何设置鼠标悬浮效果
© 手抄报圈