移动APP UI界面底部菜单设计的7个技巧和注意点

移动APP UI界面底部标签栏（也称为导航栏）是移动设计中最流行的导航类型之一。位于易于触及的区域，使用户的拇指可以轻松访问，在本文中，我们将分享在设计底部菜单时要记住的7个注意事项。

1、不要在菜单栏中放置触发动作的功能性元素
底部菜单栏时导航，而不是功能性操作，除非你的这项功能是一个重点主推功能，如：咨询、搜寻...等

2、不要添加超过5个导航目的地
Tab 栏最适合 3-5 个顶级导航目的地。使用超过五个选项会使目标彼此过于接近并损害可用性。用户可能会意外触发错误的选项。

3、不要设计可滚动的菜单栏
可滚动的菜单栏会损害可发现性。由于一次并非所有导航选项都可见，因此用户可能很容易错过重要选项。另外，当用户滚动标签栏时，当前位置可能会消失。

4、不要使用不熟悉的图标
您在标签栏中使用的图标对您的目标受众来说应该是非常清晰的。如果您怀疑图标的含义是否明确，则应始终将图标与标签一起使用，如果你为了突出产品业务或品牌特性，可以增加图标的设计识别度，再配上文字。

5、不要使用“灰上灰”的颜色组合
图标颜色对比度差和标签字体小是标签栏设计的两个常见问题。 始终检查文本和图标的颜色对比度。3 : 1 是活动用户界面组件和图形对象（如图标和图形）的最小比例（根据WCAG） 确保文本标签清晰易读。

6、不要截断标签
您在标签栏中没有太多空间，所以当涉及到文本标签时，每个字符都很重要。切勿截断标签，因为用户不清楚其含义。相反，尝试编写清楚地传达选项的简短标签。

7、不要使用花哨的动画效果
花哨的图标动画对于初次使用的用户来说可能看起来很酷，但如果你是高频使用APP，这些看似酷炫的动画会成为一种视觉累赘，制造大量视觉噪音，给用户造成困扰。

所以产品设计视觉不是炫技，而是真正为产品定位、目标、业务、运营服务的设计，当然除了一些为投标而做的提案设计除外。