axure点击图标放大展示

前言

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

实操

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

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

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

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

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

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

相关推荐
打妖妖灵滴哪吒5 小时前
IOS模态窗口的作用与设计原则
前端·ui
打妖妖灵滴哪吒5 小时前
前端开发/UI设计师-APP中如何进行可发现性设计
前端·ui
玛艾露贝16 小时前
Browser-Use在UI自动化测试中的应用
ui
brave_zhao17 小时前
Axure RP 9模板的使用
ui·axure·photoshop
骊城英雄18 小时前
基于C#+avalonia ui实现的跨平台点胶机灌胶监控控制上位机软件
开发语言·ui·c#
兰亭妙微UI设计公司20 小时前
兰亭妙微UI设计公司拆解:设计目标、原则、策略、方法、指标的区别与落地逻辑
ui
天天进步20151 天前
UI-TARS 源码解析 #16:点击、双击、右键、悬停源码解析:GUI Agent 如何控制鼠标?
ui
小当家.1052 天前
Taste Skill:88KB 提示词如何让 AI 写的 UI 不再像流水线罐头
前端·人工智能·ui·skill
码云数智-大飞2 天前
iOS 卡顿排查指南:主线程阻塞与 UI 渲染优化实战
ui·ios