如何设计出体验更好的UI底部导航栏?

1、使用3-5个按钮

确保底部导航的按钮控制在3-5个之间。5个按钮通常会让导航的空间比较紧凑局促，用户可能会误触，这样会让体验非常差。

如果真的有超过5个导航图标的话，建议参考 Google 的做法，使用汉堡菜单将它们隐藏在其他更加易于访问的地方。

2、不要使用滚动式的导航栏

这同样是为了解决导航栏图标过多的问题而诞生的一个思路，但是这个方案其实解决不了问题，因为总会有图标被遮住，这样带来的不确定的问题更多!

3、保持视觉和风格的一致性

保持图标在设计上的一致性其实非常重要，这是保证 APP 在设计上，有着最基本的专业性。不一致的设计非常容易被用户注意到，带来的用户体验的隐患是非常之大的。比如图标的样式尽量保持一致，风格保持统一，等等等等。

4、避免使用多种颜色

作为一个对功能性要求较高的控件，导航栏本身是需要传递「触发」和「非触发」的概念的，而信息的传达更多时候是借助色彩和不透明度来呈现的，使用过多的色彩会导致导航栏失去这种基础的辨识度。

5、文本标签不要截断或换行

文本标签为导航栏提供了快速且易于理解的信息提示，尽量使用单个词汇来予以说明才符合它所处的位置，所以，尽量不要让它被截断或者换行。