axure点击图标放大展示

前言

今天记录一个我们平时在使用axure制作原型过程中比较常用的功能,就是在我们平时制作菜单栏切换的交互过程中,当进行菜单栏切换中被选中的菜单栏图标会随之放大显示。

实操

今天来临摹优酷播放器的首页。

1、临摹页面的整体样式,在学习的过程中可不要偷懒哦,学习axure主要就是考临摹。

2、接下来当我们选中底部不用菜单,对应菜单则会展示放大的样式。我们分别将【首页icon】【发现icon】【vip会员icon】【星球icon】【我的icon】命名。

3、当进入应用我们默认展示的首页,所以在页面载入时首页图标放大展示。

我们可以看到首页的图标样式默认是比其余几个样式要大的。

4、接下来分别给【首页】【发现】【vip会员】【星球】【我的】覆盖上热点,并分别做以下交互,这样随着点击图标方式的样式就实现啦。

相关推荐
oicola18 小时前
【UI动效】科幻风长任务进度动效设计方案
ui
xy34531 天前
Axure9.0 热区典型实战使用场景
ui·axure·原型·产品设计
充值内卷1 天前
把 Visio 和 Axure 塞进一个 1.5 MB 的 exe:Visioxure 的架构与取舍
架构·axure
充值内卷1 天前
Visio、Axure、draw.io、ProcessOn、墨刀、Figma:六款工具哪个该干哪件事
axure·draw.io·processon
喜欢吃豆2 天前
我开源了 Agent UI Lab 用交互实验理解 AG-UI A2UI 与 MCP Apps
ui·开源·大模型·交互
染指11103 天前
158.Agent-LangGraph-子图(共享状态和不共享状态模式)
开发语言·人工智能·python·ui·agent·agents
wuyk5553 天前
PyQt6-第14讲-数据库与Excel双向同步
数据库·python·ui·excel·pyqt
腾讯端服务3 天前
一码Duo端-Kuikly-iOS折叠屏新UI适配实践
android·ui·ios·kotlin·鸿蒙
梦曦i3 天前
uni-app x 新组件库v0.1.0发布,多端统一开发
前端·ui·uni-app x