UI设计基础——APP中常用的几种导航方式
学习整理的一些关于APP导航栏设计的基础知识，结合当下比较常用的
APP进行解释
1. 底部Tab栏
这是APP最常使用的导航模式，用于一级目录的导航，位于页面底部，无论用户单手还是双手操作都能轻松点击，能告诉用户当前位置及用户切换统一层级之间的不同模块。
展现形式有：文字 + icon，也有纯icon形式，大部分是文字+icon，可以减少用户记忆负担。
优势：
属于拇指热区范围内，操作方便，用户体验好。
iOS原生系统，开发成本低。
切换快速方便，用户不会轻易迷失。
底部Tab栏具有很强的包容性，可以形成最基本的信息框架，然后用其他的导航模式来承载具体的功能和内容，内容曝光率高。
劣势：
导航数量有限，常见的标签栏导航最多3-5个控件，不宜超过5个，扩展性不高。
占用底部空间，长时间逗留页面，沉浸感体验不足，所以在不需要的时候隐藏底部标签是很聪明的做法（如文章阅读界面）。
2. 底部（舵式）拓展栏
“舵式”拓展栏，为凸出底部功能，把Tab做得比较突出，入口在底部标签中间，两侧是其他操作按钮，很像轮船上用来指挥的船舵，故称为“舵式导航”。
优点：
集中强调某一功能。
常用于上传照片、视频，分享等操作的集成式的功能。
提高导航栏的趣味性，让用户贡献更多内容。
缺点：
层级较深，需要用户二次点击才能达到目的，增加了用户交互路径，不适合频繁切换。
隐藏功能容易被忽视，因此功能入口过多，过多会给用户造成选择压力，引起用户的反感情绪。
3. 顶部Tab栏
顶部导航栏位于页面顶部，一般位于导航栏或者状态栏下方，用作于二级导航，基本都以纯文字的形式出现（避免干扰用户浏览页面核心内容），常见的顶部导航栏有：固定顶部标签导航&可滑动标签导航。
优点：
滑动式顶部标签可无限添加标签，可扩展性强。
技术上，适配简单，减少开发成本。
占据空间比底部导航栏小，节省空间。
划屏切换，简单便捷。
缺点：
标签数量多，容易导致产品页面过多，越是后面的标签容易被遗忘，导致流量遗失。
4. 列表式导航栏
列表式APP导航是我们在APP设计种必不可少的一个信息承载模式，列表导航通常用于二级页面。一般在列表导航里都会有下一个层级，可以通过箭头来告诉用户是否有下级菜单。当列表信息比较多的时候，可以对列表进行分类，可以通过间距和添加小标题分组。
优点：
这种导航结构清晰，易于理解，冷静高效，能够帮助用户快速的定位去到对应的页面。
符合用户从上往下的阅读习惯。
可扩展性强。
缺点:
功能切换很不方便。
承载信息种类单一，容易引起单调感，很难让用户长时间停留。
当蕴含信息量庞大时，列表越长，越容易引起用户审美疲劳，且越往下功能效率越低。
5. 宫格式导航栏
一般作为信息或平台的入口，为产品或项目信息提供聚合的载体，适合承载订阅类产品或众多属性差异非常明显的分类信息，此类导航信息的呈现内容比较少，但是每个项目选取的效率比较高。
优点：
可以划分多个内容、多个模式，各个功能相互独立，由不同团队独立开发每个模块再聚合。
可以通过入口来进行流量的分发。
扩展性好。
用户能够直观选择自己需要的功能模块。
缺点：
无法让用户在第一时间看到内容，具体的信息往往隐藏在下一级界面，会增加用户的认知成本。
同时多个入口的情况下用户选择压力大。
不同入口之间缺乏联动性，切换不方便，用户的操作流程多。
6. 卡片式导航栏
宫格式导航的一种延展形式，通过增加内容的可视化程度让每个条目呈现更多的信息。它能根据页面内容的变化及时更新图片，适合以图片为主的内容，像新闻、美食、旅行、视频图片等经常使用，常作为二级导航。
优点：对运营量的要求比较低，而且单个条目的转化率会相应的提高。
缺点：当运营量较大的时候，这种结构会降低用户寻找信息的效率。
7. 菜单式导航栏
菜单导航也可以称为下拉导航，通常配合在二级导航，最初了解这种导航形式也是来源于 Material Design 里面的 Menu。Menu 是临时的一张纸（paper），由按钮（button）、动作（action）、点（pointer）或者包含至少两个菜单项的其他控件触发。
优点：
节约页面空间，能让更多用户在有限的屏幕空间上做更多的动作，让用户查看更多的信息。
能将同一模块的信息进行分类，让用户更清晰地了解这个模块都为我们提供哪些信息或分类。
易感知，点击icon即可唤醒，点击空白处隐藏，唤醒的菜单位于icon附件。
缺点：
大部分菜单栏导航位于页面的顶部，手势操作不方便。
入口不明显，容易被忽视。
8. 轮播（平铺）式导航栏
导航比如轮播导航，完全的沉浸式体验，高度简洁的导航，比如天气，但是这种导航因为轮播点的大小不会很明显，所以用户很难快速感知自己所在位置，并且轮播导航轮播的数量也不宜过多 。
优点：最大程度的保证了页面的简洁性和内容的完整性，且一般都会结合滑动切换的手势，操作起来也非常方便。
缺点：用户只能切换的相邻页面，很难跳转到非相邻的页面，容易迷失位置。
9. 悬浮icon导航栏
悬浮式icon是一个非常便捷的操作入口，也适应大屏幕时代，增加了快捷入口，但是注意不要遮挡某些页面的操作。
UI新手，刚整理的资料，跟大家交流学习，请多多指教。
