系统相当于整个网站的主架构，系统起着组织内容和功能的作用，让它们按照产品的信息架构图进行连接，展现在在用户面前，将零散的内容和功能组织成了一个完成的有结构的系统。
系统相当于整个网站的主架构，系统起着组织内容和功能的作用，让它们按照产品的信息架构图进行连接，展现在在用户面前，将零散的内容和功能组织成了一个完成的有结构的系统。
顶部：顾名思义在顶部，这也是目前网站最常见的主模式，鬼节出生的人顶部一般会含有个人中心。
如果里面存在二级则可以聚合在下拉菜单里面，鼠标hover出现下拉菜单，选择下拉菜单里面的选项，则栏的标题变为对应选择的标题。
侧边栏：多用于二级。侧边栏里面的功能一般会进行分组，一般默认展示出来。为了节省内容区域空间，有的侧边栏会提供点击收起左侧栏功能。
侧边栏样式：这种可定位页面内容，即点击图中的标签页2则页面固定到标签页2的内容， 也可以用于在不同视图的切换。
例如：百度搜索，底部就有分页组件，有了分页组件，不需要一次性把所有的信息全部加载拉出，提升产品的性能，同时用户可以在不同部分的信息进行切换，高效快捷。
基本样式：分页组件中最简单的样式，通过点击页码、上一页和下一页完成切换。当在第一页时，没有上一页操作。保持分页有6个跳转页，同时选中态的页保持在第2个。
UX，微信号：吴轶，人人都是产品经理专栏作家。前华为ITUX交互组组长，现美团点评高级交互设计师。
人人都是产品经理（是以产品经理、运营为核心的学习、交流、分享平台，集、培训、社群为一体，全方位服务产品人和运营人，成立8年举办在线+期，线+场，产品经理大会、运营大会20+场，覆盖北上广深杭成都等15个城市，在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监，他们在这里与你一起成长。