标签栏和底部导航：有效的设计规则

平台怎么说

Material Design 3 表示，导航栏提供对三到五个目的地的访问，每个目的地都有一个图标和标签，其中一个目的地始终处于活动状态。苹果的指导方针说，使用标签栏进行导航，而不是提供操作，当人们在部分之间移动时保持其可见（除非模式覆盖它），并避免溢出标签。

选择选项卡

选项卡代表应用程序的结构：

• 选择人们最常使用的部分，而不是您拥有的每个部分。
• 使用名词表示目的地（“库”），而不使用动词表示操作（“上传”）。
• 将操作放在屏幕本身、工具栏或浮动操作按钮中。
• 如果您需要五个以上，请在添加“更多”选项卡之前重新考虑您的结构。

标签和徽章

仅图标选项卡节省空间，但迫使人们猜测。标签使导航更加清晰，尤其是对于不太常见的图标。徽章应该表明人们需要采取行动；始终存在的徽章不会被注意到。

保留每个选项卡的状态

苹果指出，标签栏可以让人们切换部分，同时保留每个部分中当前的导航状态。返回到选项卡应显示他们离开的位置，而不是重置到顶部。

运动

活动指示器上的小过渡，例如滑动的药丸或填充的图标，可以帮助人们跟踪他们所在的位置。保持快速，大约 250 毫秒以内，避免每次点击时弹跳每个图标，并在启用减少运动时简化它。