版本笔记 · NOTES

平板端布局怎么变,
一篇一篇记下来

九博国际的版本笔记跟着产品一起更新:导航形态、列表密度、触控热区的每一次调整,都留下标题、分类和时间线索,方便你按主题翻到自己关心的那一篇。

  • 每周 2 篇版本笔记
  • 每月 1 份对照评测专题
  • 累计 210 余篇

目录层级

先看结构,再挑文章

从栏目往下一级是专题,再往下一级落到具体某篇笔记。三层走完,你就知道自己该读哪一段。

  1. L1

    栏目

    版本发布、布局对比、对照评测、使用场景,四个方向各自回答一类问题。

  2. L2

    专题

    本期聚焦平板登录旧版页面布局对比;此前还做过跨端导航形态、记录列表密度两个专题。

  3. L3

    条目

    每篇笔记标明所属栏目、相对时间和一句话摘要,扫一眼就知道要不要展开。

    直接跳到最新条目

本期专题 · 布局对比

旧版侧边导航,与新版折叠导航差在哪

这一期我们完整做了一次平板登录旧版页面布局对比。结论先放这里:旧版把七个一级入口竖着排在左缘,新版收成五个主入口加一个“更多”层。入口少了,到达常用栏目的步数反而更短。

平板界面上展开的侧边导航与主内容并列,虚线边框标记旧版
旧版平板界面:侧边导航展开时与主内容并列,右侧留出约三分之二的阅读区。

旧版 · 侧边导航

七个入口,一列排开

  • 七个一级入口沿左缘纵向排列,全部可见,不需要展开动作。
  • 从左缘 24 像素内滑动即可唤出抽屉,展开时主列表保持原位。
  • 适合长期固定横屏、习惯左手持机的使用者,入口位置一次记住就不再变化。
  • 代价是导航常驻占宽,正文可用宽度随之收窄。

新版 · 顶部折叠

五个主入口,其余进“更多”

  • 收拢为五个主入口与一个“更多”层,一级页面到达步数没有增加。
  • 最小可点区域按 44×44 像素设计,横屏竖屏都不容易点偏。
  • 导航默认收起,正文宽度回到整屏,长列表一屏能多看几行。
  • 版本标识固定在右上角,随时能确认自己在看哪一版。
左为新版顶部折叠导航、右为旧版侧边导航的并列示意图
同一台平板上的两种导航形态:左侧新版折叠,右侧旧版侧边展开。

勾选后隐藏两版表现一致的项,六行里只剩真正变化的三行。

  • 对比项 旧版 新版 状态
  • 一级入口数量 7 个纵向排列 5 个主入口 + 更多 有差异
  • 导航唤出方式 左缘 24 像素内滑动 顶部折叠展开 有差异
  • 最小可点区域 44×44 像素 44×44 像素 一致
  • 抽屉展开时列表位置 保持不变 保持不变 一致
  • 版本标识位置 右上角常驻 右上角常驻 一致
  • 正文可用宽度 导航常驻占宽 默认整屏 有差异

栏目索引

四个栏目,分头回答不同问题

选一个方向,下面的条目会跟着筛到对应栏目。

  1. N-096

    v3.2.1 把变动记录的单行高度压下来,标签配色同时调亮

    版本发布 上一个小版本

    同样一屏能多看约三行记录,青碧色标签在深色底上的辨识度也提高了一档。

  2. N-095

    平板横屏下侧边导航与折叠导航的拇指行程对比

    布局对比 两周前

    七个入口沿左缘竖排,与五个主入口收在顶部,单手操作时手指要走的距离差了一截。

  3. N-094

    五个维度十八项指标的评分卡,怎么读出一张图

    对照评测 本季度

    信息层级、触控适配、加载反馈、版本标识、跨端一致性,每一项都给了可观察的判断依据。

  4. N-093

    连续翻查变动记录的一天:筛选条件可以一直沿用

    使用场景 三周前

    时间范围、变更类型、金额区间三类条件组合好之后,切视图不用重设,省下反复填条件的功夫。

  5. N-092

    从七个入口收拢到五个主入口的那次改版

    布局对比 上个月

    多出来的入口进了“更多”层,一级页面的到达步数没变,正文却宽了整整一列。

  6. N-091

    概览区新增版本说明入口,变更编号可以直接定位

    版本发布 本季度

    概览、账户中心、版本说明、帮助索引四个一级区的位置关系一次说清,找变更记录少绕两步。

  7. N-090

    加载反馈与跨端一致性两项指标的分档说明

    对照评测 上个月

    同样一次视图切换,在平板和桌面上观感不同,问题往往出在反馈时机而不是速度。

  8. N-089

    平板竖屏下三种汇总视图的切换手感

    使用场景 两周前

    按日、按周、按月来回切,当前筛选条件一路保留,看完一种再看另一种不必从头选。

  9. N-088

    账户中心拆成额度查询与变动记录两栏

    版本发布 年初

    单页时代结束,两栏各自承担一类问题,查余额和翻流水不再挤在同一屏里。

  10. N-087

    左缘二十四像素滑动唤出抽屉,手指该放在哪

    使用场景 本季度

    抽屉展开时遮罩不改变当前列表位置,滑出来再滑回去,翻到第几条还在第几条。

纵向排列的等宽版本编号与节点,青碧细线串联
版本号自上而下排开,青碧细线串起最近几次与平板相关的调整。