移动端h5 顶部菜单栏_手机界面设计中12种常用布局 - 轩枫阁

前言

总结下手机界面改版要考虑的布局，主要的分为以下2大类

主导航

列表式

陈列馆式

九宫馆式

选项卡式

旋转木马

行为扩展式

多面板

图表式

次导航

抽屉式

超级菜单式

弹出式

图片轮盘式

其中，所有的主要导航都可以做为次级导航，但次级导航不太适合用作主要导航 。为什么？因为次导航是隐藏起来，隐而不见、只有触发时才显示。

主导航

1、列表式

特点：

内容从上向下排列，导航之间的跳转要回到初始点，好比一条街上有理发店，饭店，你想从理发店到饭店，得先多理发店出来，才能进入饭店。

优点：

1、层次展示清晰

2、视觉流线从上向下，浏览体验快捷。

3、可展示内容较长的菜单或拥有次级文字内容的标题

不足：

1、导航之间的跳转要回到初始点

2、同级内容过多时，用户浏览容易产生疲劳

3、排版灵活性不是很高

4、只能通过排列顺序、颜色来区分各入口重要程度

场景：

列表菜单适合用来显示平级菜单，且较长或拥有次级文字内容的标题。

2、陈列馆式