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

2025-04-22 10:15:05

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

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

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

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

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

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

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

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

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

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

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

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

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

Axure原型设计中如何设置鼠标悬浮效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢