档案 04 · 移动期

移动适配版:底部标签栏上线

2020 - 2021 · 移动期

51cg1移动版51cg1旧版入口51cg1历史版本页面变化
移动适配版:底部标签栏上线 页面结构示意插画

时期概述

随着移动访问比例上升,页面重构为移动优先布局:顶部收窄为一行品牌栏,底部出现固定标签栏,桌面端的左侧导航被折叠进汉堡菜单。

移动适配版的核心关键词是「收」:把门户期铺开的横向结构重新收进纵向的窄屏里。最直观的表现就是底部固定标签栏的出现,它取代了原本占据整列的左侧导航。

桌面端在这一版里反而变成了「次要场景」。左侧导航被折叠,内容区宽度被收窄,页面两侧留出大片空白,很多老用户会觉得这一版的桌面端「看起来很空」。

如果你印象里的 51cg1 有一个固定在屏幕底部的导航条,那么你记住的就是移动适配版之后的形态。

该时期的主要变化

  • 首次出现底部固定标签栏,含四个主入口
  • 桌面左侧导航折叠为汉堡菜单
  • 卡片改为圆角,列表间距明显增大

关于该时期的常见问题

因为移动端访问比例上升,横向的左侧导航在窄屏里无法容纳,因此被重构成了固定在屏幕底部的标签栏。