01 / 先看场景
你手上是哪块屏幕？
同一份内容，在不同设备上的排法不一样。点开与你情况接近的那一栏，就能看到该从哪里开始。
显示器够宽，就一次看完
宽度到 1440px 以上，面板自动分三栏：左边换分类，中间列条目，右边读正文。同一屏能把两条记录摆在一起看，不用反复展开收起。
- 分类栏常驻左侧，换主题时不会跳回顶部
- 列表与详情分开，点一条换一条
- 详情区宽度足够，版本截图按原比例显示
出门在外，单手也能翻完
手机上所有内容收成一条纵列，分类在最上面，往下滑是列表，点开就是详情。页面底部固定一条联系条，遇到卡住的地方不必退出当前页面再去找人。
- 单列滚动，不横向拖动
- 底部常驻客服邮箱与服务时间
- 访问方式有专门的说明可查
找老东西，先定年份再定批次
旧版本按批次归档，先按年份找到那一年，再按版本号挑具体一批。每一批里都放着导航截图、说明文档和更新记录三样东西。
- 2016 年起至今共 9 个批次
- 编号写法如 2016-V01，年份在前版本在后
- 截图、文档、更新记录分开放
02 / 大屏面板
屏幕够宽，三块内容就能并排站着
进入大屏浏览后，左栏负责切换分类，中栏按时间往下排条目，右栏留给正文和配图。三块各占一个固定位置，视线在横向移动，不必在上下滚动里来回找。
同样是看一屏，能同时装下的信息量比手机端多出约 40%。需要把两份记录对着看的时候，这个差别最明显：旧的那条留在右边，新的那条从中间点开，两边的年份、版本号、变更内容一目了然。
做交叉核对、比对相邻两个批次、或者一边读说明一边对着截图确认，都很适合放在宽屏上完成。
- 分类栏固定在左侧，滚到哪一屏都还在
- 条目列表与详情区各管各的，切换不影响阅读位置
- 详情区留够横向空间，截图能整张看清
- 适合同时比对两条以上记录的场合
03 / 焕新版
老版财神到中国区焕新版面板，三月完成了一轮显示调整
栏目结构没有动，动的是读起来、看起来的细节。12 项显示优化分布在分类、列表、详情和表头几处，另有 4 个快捷入口从页面顶部直达常去的内容。把鼠标停在任意一条上，可以看到它具体改了什么。
- 01 分类栏加宽 长栏目名不再折成两行，扫一眼就能认出是哪一类。
- 02 列表行高拉开 相邻条目之间留出空隙，鼠标和手指都不容易点错。
- 03 详情区独立滚动 读长文档时左侧分类不跟着滑走，随时能换主题。
- 04 截图按原比例显示 界面图不裁边，按钮位置和文字排布保持原样。
- 05 分隔线换成金色细线 分组关系更清楚，整片深色底不至于糊在一起。
- 06 标签分级配色 版本更新、使用场景、使用记录、编辑手记四类各有一个颜色。
- 07 表头吸顶 长表格往下翻时，列名一直停在顶部，不用回头确认。
- 08 焦点清晰可见 键盘切换时当前元素带金色描边，不必靠颜色深浅判断。
- 09 长标题两行截断 列表里标题统一占两行，纵向扫描的节奏不被打断。
- 10 版本号等宽对齐 2016-V01 与 2024-V03 竖向对齐，一眼比出年份先后。
- 11 返回位置保留 从详情退回列表时停在原来的位置，不重头再找。
- 12 深底文字提亮 正文与背景的明暗差拉开，长时间阅读眼睛不容易累。
04 / 移动端入口
手机上收成一列，联系方式钉在底部
在手机打开时，分类、列表、详情依次往下排，一根手指滑动就能看完。屏幕底部有一条固定的联系条，客服邮箱和 9:00–18:00 的服务时间始终显示在那里，读到一半发现问题可以直接发信，不用先退回首页找联系方式。
入口按钮做成整行可点，拇指够得着；页面在窄屏下不出现横向滚动，长表格和宽图会先在屏幕内缩放，需要细看时再放大。
每个月有 4,300 次查阅集中在手机访问这件事上，多数人是在通勤路上或者临时需要核对时打开的，所以这一版把加载和排版的优先级放得比较靠前。
05 / 旧版本资料包
9 个批次按年份排开，编号直接就能用
从 2016 年起到现在，旧版本按批次归档，一共 9 个。每个批次都有一个双段编号：先写年份，再写这一年的第几版。拿到编号就能定位到那一批，不用逐层点开去找。
每个资料包里放着三样东西：当年的导航截图、配套的说明文档、以及这一批的更新记录。截图用来对照界面当时长什么样，文档说明前后有哪些变动，更新记录则把这一批里逐条改动列在一起。
老用户常见的用法是先看截图确认是不是自己记得的那一版，再翻更新记录找具体某次变化，最后才展开说明文档细读。三步顺序不同，找起来也快。
- 2016 V01
- 2017 V02
- 2018 V01
- 2019 V02
- 2020 V01
- 2021 V03
- 2022 V02
- 2023 V01
- 2024 V03
06 / 场景对照
三类需求对应哪个入口，一栏看清
按自己当下想办的事往下找，第二列就是该打开的入口，第三列是打开之后能拿到的东西。
