跳到主要内容

TabBar 底部标签栏

移动端的主导航,用于在不同功能模块之间进行快速切换。


基础标签栏

当功能模块较易理解且需要通过标签栏体现品牌风格时。

带徽标

共两种样式,一种是单个红点的徽标,一种是有数字的徽标。

交互状态

两个状态:默认选中

设计指南

  • 用作 APP 的一级分类,建议数量控制在 2 ~ 5 个。
  • 尽可能保持字数相同,文案要精简,建议 2 ~ 4 个字。
  • 图标设计风格要一致,保持视觉大小统一。