技术编程|Axure原型设计：移动端标签和菜单原型的应用( 二 )
底部标签菜单的好处就是方便用户使用 ， 用户能够很快速的切换到常用的页面 。 我们设计底部标签菜单时 ， 一般是由图标和文字组成 ， 点击后会有个选中效果 ， 并跳转至对应的页面 。
本文插图
七、Axure操作流程1. 菜单中继器制作
中继器内如下图摆放 ， 图片+菜单标题+向右符号+分隔线：
中继器表格由menu列和picture列组成 ， memu列填菜单文字标题 ， 设置交互每项加载时让菜单标题的值=item.memu 。
picture为菜单图标 ， 鼠标右键导入图标即可 ， 设置交互每项加载时 ， 让图片的值=item.picture 。
本文插图
3. 动态面板制作
如下图所示 ， 新建一个动态面板 ， state名改为对应的菜单名 ， 需要和中继器表格内一直哦 ， 然后在各个面板放置对应的内容即可 。
设置交互 ， 鼠标单击菜单时 ， 设置动态面板为对应的页面即可 。
本文插图
以上就是本期关于移动端常用标签和菜单的全部内容 ， 主要是基于我个人在实际工作中需要用到的原型 ， 而设计出来的Axure组件 。 大家在设计原型的时候 ， 可以根据实际情况需要选择使用 。
如果大家有所收获 ， 希望可以点赞鼓励一下 ， 也欢迎大家交流 ， 谢谢 。
本文由 @秀 原创发布于人人都是产品经理 。 未经许可 ， 禁止转载
【技术编程|Axure原型设计：移动端标签和菜单原型的应用】题图来自Unsplash ， 基于CC0协议
推荐阅读
- 技术编程|后台权限管理设计思路：三种模型分析
- 技术编程|如何利用数据库进行世界史研究
- 青年|西安邮电大学与安康汉滨区深度合作，研发适合毛绒玩具全产业链实用技术
- 无人科技,电池技术|盘点几种常见的无人机电池
- 行业互联网|让青少年爱上科学 核桃编程AI人机双师模式受关注
- 技术编程|无服务器调研，部署REST API是最普遍用例
- 京东,折叠屏手机|围绕柔性屏的技术、特性、应用、产业化进行了非常专业的解读
- 云计算|腾讯云小微首次技术开放日，揭秘AI语音背后的奥秘
- iQOO手机|“快稳双全”！120W超快闪充技术炫技，十五分钟充满电量
- 驱动中国|国内首次应用！支付宝开放宠物鼻纹识别技术：猫狗都能买保险