底部导航栏的重要性

来源：武汉火星时代教育培训机构时间：2020/7/17 14:28:24

　　UI设计中底部导航栏的重要性

　　垂直弹出式导航

　　浮动图标将根据用户当前所在的页面进行更改。例如，如果用户处于通知状态，则浮动图标将更改为铃声图标。它的固定位置略高于底部边缘，可容纳任何类型的 设备。

　　水平弹出式侧导航

　　水平弹出式导航也依赖于一个图标来打开更多的选项。打开的导航不跨全屏幕，以适应所有设备类型。

　　这个迭代提供了更多的空间来 查看内容，并且类似于现有的交互模式。这将使新用户更容易适应这个导航栏。

　　降低水平导航

　　这个设计基于Pinterest的测试版导航。交互模式是相同的，但是这个迭代的目标是显示它们的概念可以应用于其他应用程序。

　　这种设计使导航更加集中于中心，可以容纳任何大小的设备。当用户向下滚动时，导航栏就消失了，这样他们就可以看到更多的内容。当它们向上滚动时，导航栏会重新出现，用户可以进入任何功能。

　　中心导航下拉菜单

　　这种设计依赖于一个居中图标来显示更多的选项。按下图标后，整个导航窗口打开并固定在滚动条上。

　　一个图标略高于其他图标是一个突出的设计选择，以显示用户在界面上的位置。从开发/设计的角度来看，它在水平方向上更适合你的导航内容。中间的图标相对较小，因此不应该过多地分散对页面内容的注意力。

　　菱形导航

　　菱形导航栏有一个中心图标，折叠方式类似于人们在游戏控制器上的导航方式。虽然这种交互模式的空间效率稍低，但它确实很容易分割内容。

　　这个迭代更有趣，这可能使它对娱乐应用程序更有用。对于Facebook或Instagram这样的应用程序，我不确定它的效率会有多高。

　　简洁的固定导航

　　这个导航选项与传统的底部导航栏相似。然而，内容稍微压缩到页面的中心，以适应任何设备形状。

　　由于它与现有的导航栏相似，这将是用户容易调整的。圆角也使应用程序感觉更友好和有机。

　　总结

　　2020年可能是我们改变传统底部导航栏的一年。虽然现有的迭代非常强大，但新的设计选择可以改善整体用户体验，并使设计师/开发人员更容易创建统一的导航。

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/3162/news/219979/违者必究！ 以上就是武汉火星时代教育培训机构 小编为您整理 底部导航栏的重要性的全部内容。