设计模式
一、标签导航（微信）
标签导航位于页面底部，标签的分类最好可以控制在5个以内
优点：清楚当前所在的入口位置、轻松在各入口间频繁跳转且不会迷失方向、直接展现最重要入口的内容信息
缺点：功能入口过多时，该模式显得笨重不适用
二、舵式导航（微博，底部有【+】标签）
中间用特别的标签，两边是其他操作按钮
优点：需要突出重要且频繁操作的入口
缺点：同标签导航
三、抽屉式导航（知乎）
将菜单隐藏在当前页面后，点击入口即可像拉抽屉一样拉出菜单
优点：节省页面展示空间、让用户注意力聚焦到当前页面、扩展性好
缺点：入口太深，不适合频繁切换的应用
四、宫格导航（美图秀秀）
将入口全部聚合在页面，让用户做出选择，适合各页面之间切换不频繁的应用
优点：直观展现各项内容、方便浏览经常更新的内容
缺点：无法完成入口间的跳转、不能直接展现入口内容、不能显示太多入口次级内容
五、组合导航
用户需要聚焦内容，同时又需要一些快捷入口能够连接到某页面时就可以采用组合导航
优点：布局灵活，能适应架构的快速调整
缺点：不规则容易有杂乱感
六、列表导航（微信发现）
优点：层次展示清晰、可展示内容较长的标题、可展示标题的次级内容
缺点：同级过多时产生疲劳、排版灵活性不高、只能通过排序、颜色来区分各入口重要程度
七、Tab导航(indicate menu)
本质和标签导航相同，层级较多的情况下，可以采用tab导航，典型场景是用于改变当前的视图，或对当前页面内容进行分类查看
优点：对多内容多层级产品适用
缺点：结构复杂，内容繁多
八、轮播导航（viewpage）
应用信息足够扁平，可以尝试轮播导航
优点：单页面简洁内容，整天性强、线性的浏览方式有顺畅感、方向感
缺点：不适合展示过多页面、非主页面不利于展示和查看
九、点聚导航（自定义卫星聚合控件）
主操作选项或导航合并成一个按钮，浮动在页面上
优点：灵活、展示方式有趣、页面更开阔
缺点：隐藏了更多入口和操作
十、瀑布导航
适用于图片为主的内容，下拉自动加载
优点：浏览时产生流畅体验、排版布局多变、沉浸式体验
缺点：不适合层级架构复杂的产品、容易产生疲劳感
网友评论