UI培训分享：导航栏UI设计规范及注意事项有哪些?

　　UI设计学习起来要注意的东西还是有很多的，例如导航栏，导航栏UI设计规范及注意事项有哪些呢?今天小编为大家详细的介绍一下关于导航栏的设计注意事项，希望能够帮助到今后工作的你。

　　

　　UI培训分享：导航栏UI设计规范及注意事项有哪些?设计好导航栏不仅仅是视觉上的工作，表现的方式、承载的按钮与组件、滚屏时的组合操作还能给用户带来极大的体验增益。

　　一、导航栏位置

　　导航栏 Navigation Bar，也简称为Navbar。有不少刚入门的UI新人在诸多的Bar控件中，难以区分它所指代的区域。

　　在iOS上，导航栏是指显示在应用程序顶部，位于状态栏下方的容器区域，层级应高于当前页面内容。在安卓上，Google公司在Material Design中也赋予了它同样的定义，但是却给了它另一个名称，顶部应用栏( Top App Bar)。

　　导航栏是用于构架当前屏幕的内容，阐述当前屏幕的状态，并且起到连接父子级页面层次结构的作用。很多人疑惑，为什么标签栏不能叫做底部导航?因为标签栏是构架了多个屏幕之间平级页面的内容切换，和导航的定义没有任何关联。

　　二、导航栏UI设计规范与实际项目的应用

　　基本的导航栏容器一般承载的信息可能会有：标题;导航按钮;内容控件按钮;其他控件(比如搜索栏、分页标签或分页控件等);千万别忘了还有分割线。

　　1、导航栏标题设计规范

　　2017年以前的移动端规范下的导航栏还是循规蹈矩的ÿ