每当您需要在应用程序中启用视图或不同模式之间的切换时,请底部导航设计模式。
为导航提供简短的文字描述和识别度很高的图标 ICON。
根据可用空间按比例排列图标。一次加载 2-5 个项目。如果有超过五个项目,请提供一个“更多”按钮,该按钮将加载可用的附加选项列表。
避免过多的项目使导航栏拥挤。拥有太多的行动或观点会使人们难以点击他们想要的。除此之外,每个新项目都会增加应用程序的复杂性。
谨慎使用可滚动条。不适合导航栏初始视图的项目对用户不可见。与汉堡菜单或抽屉等其他方法相比,使用底部栏进行导航的主要原因之一是选项立即可见。如果您最终使用可滚动条,请务必发出信号,表明还有更多内容可看。交互模型对用户来说应该是清楚的。
突出显示当前选中的项目。
有时需要在操作旁边显示其他数据,例如视图下包含的项目的计数。使用徽章并避免使用不必要的文本使其超载。

Tab bar - 2 个

Tab bar - 3 个

Tab bar - 4 个

Tab bar - 5 个

Tab bar - 5+ 个

Badge 小红点

Scrollable 横向滑动