Axure教程:鼠标移入移出特效

2 评论 14149 浏览 16 收藏 3 分钟

本篇教程将为大家展示如何使用Axure制作按钮触发效果。

一、演示效果

二、制作过程

首先,我们看下本次教程用到的3个元件:

我们将3个元件水平垂直居中对齐,并且将层顺序修改为:按钮名称->默认按钮->动效。

下一步,我们将动效层,默认设置为隐藏:

下一步,我们对默认按钮增加动作,双击“鼠标移入时”,在弹出面板对“动效”层,进行“可见性”设置:

完成鼠标移入的特效,我们下一步设置鼠标移出的特效,同样双击“鼠标移出时”,在弹出面板对“动效”层,进行“可见性”设置:

完成只有F5进行刷新预览。

下载地址

https://pan.baidu.com/s/1A6-sy2KewIx17xvqtwEGXw

Axure系列教程

Axure教程:跟随鼠标移动的导航菜单特效

Axure教程:使用动态面板实现iOS开关效果

Axure教程:登录页间转场特效

Axure教程:App移动端单选效果美化

Axure教程:App移动端多选效果美化

Axure教程:App移动端弹窗广告

 

本文由 @ZQZ原型师 原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自 Unsplash,基于CC0协议。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 新手上路,求指点:我想问问你的这个默认按钮(矩形)是怎么设置的?看起来是透明的,但是我看样式里面不透明设置的是100%。

    来自广东 回复
    1. 那个应该是设置的隐藏

      来自广东 回复
专题
30492人已学习19篇文章
2018年过去了,你都收获了什么?新的一年,你需要如何前行?
专题
17667人已学习17篇文章
随着互联网的不断发展,不少产品开始了适老化改造,帮助老年人更好地融入智能生活。本专题的文章分享了适老化的设计思路。
专题
13025人已学习14篇文章
各种大模型和AI绘画的产品层出不穷,在各行业也在尝试进行应用。在这个阶段,AIGC能实现些什么?本专题的文章分享了AIGC的应用。
专题
14511人已学习12篇文章
数据库对于产品经理来说是一个既熟悉又陌生的概念,虽然产品设计中的数据基本都要与数据库交互,但平时的工作中也很少接触到数据库的具体操作和细节。本专题的文章分享了数据库的基础知识。
专题
15463人已学习12篇文章
本专题的文章分享了交互设计文档的撰写指南。
专题
53352人已学习14篇文章
标题党,又爱又恨。但是如果你是运营,连标题都起不好,那就呵呵哒了。