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

溜溜自学专注室内设计,平面设计,视频剪辑,建筑动画和软件入门基础教程,新手实现快速入门与成长?去看一下 >>
文章作者:小溜 文章分类:平面设计 发布时间:2022-10-19 15:55 浏览量:1476

大家好,我是小溜,在使用Axure进行原型设计时,客户经常会要求设计的要美观一些,那如何使用Axure设置鼠标悬浮效果呢?下面小溜就以一个图标为例给大家演示下操作,希望本文内容能够给大家带来帮助。

想要玩转“Axure RP”,快点击此入口观看最新教程→→

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

工具/软件

硬件型号:华硕无畏15

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

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

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

第2步

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

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

第3步

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

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

第4步

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

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

第5步

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

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

第6步

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

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

第7步

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

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

注意/提示

好啦,本次小溜为大家分享的“Axure原型设计中如何设置鼠标悬浮效果?”就到这里啦,如果恰好对你有用的话记得点赞哦!本站会持续分享更多实用的内容,以及相关的学习课程,需要的朋友快多多支持溜溜自学吧!

Axure8.0交互设计必备教程
Axure RP是一个专业的快速原型设计工具。Axure RP已被一些大公司采用。是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
大宝老师 669人在学 基础入门
免费学习>
超低价秒杀课程
立即登录学习: