DL — 01

三个版本序号并排摊开,旧版与现行版面逐项对照

会员中心保留的 118、124、131 三个序号,分别对应早期版面、平板适配版与现行版本。皇冠登录把两个版本放在同一屏里左右并置,中间以刻度线分隔,栏目顺序、索引分区与说明文字可以横向来回比对,不用在两个页面之间反复切换。

  • 3 保留版本序号
  • 18 横屏排版调整
  • 12 竖屏排版调整
  • 4 适配设备类型
深色金属序号牌压印 118、124、131 三个等宽数字,牌面以金线描边

DL — 02

三个序号,三种用法

先选出您手上正在用的这一版,左右两栏会同时列出它与相邻版本的定位、适合的设备以及关键差别。两分钟之内就能定下该用哪一个,也能看清旧版和新版之间到底动了哪些地方。

序号 118

早期版面

常用设备:办公电脑、大屏浏览

栏目结构最精简的一版,登录入口与品牌导航各占一条主线,适合只想快速进站、平时不做版本对照的老用户。

  • 一级栏目 7 个,单层导航即可直达
  • 索引未分区,按拼音顺序整段排列
  • 说明文字偏长,页面滚动距离较大

对照 序号 131

现行版本

常用设备:电脑、平板、手机

在 118 的基础上把索引拆成五个分区,并补齐平板上横竖屏两套视图,是当前长期维护的主线版面。

  • 索引按五个服务范围分区排列
  • 同屏可展开两版栏目顺序做比对
  • 说明条目改成三段式短段落

序号 124

平板适配版

常用设备:平板横屏、平板竖屏

专门为平板访问做过一轮改版,横屏与竖屏各有独立排版。手持平板滑动阅读、想在两个栏目之间来回核对时,这一版的顺手程度最高。

  • 横屏视图调整 18 处排版细节
  • 竖屏视图调整 12 处排版细节
  • 两套视图的栏目顺序完全一致

对照 序号 131

现行版本

常用设备:电脑、平板、手机

保留了 124 的平板排版思路,同时把索引分区和版本序号标识补齐,电脑端与平板端看到的是同一套栏目秩序。

  • 平板横竖屏视图继续沿用并微调
  • 页首与页脚同步标出版本序号
  • 旧版对照入口固定在索引首位

序号 131

现行版本

常用设备:电脑、平板、手机

正在维护的版面。索引分区、版本序号标识与平板视图集中在同一条轨道上,新用户直接从这一版开始最省事。

  • 五分区索引覆盖全部服务范围
  • 四类设备上都做过阅读体验适配
  • 变更条目与版本序号一一挂钩

对照 序号 124

平板适配版

常用设备:平板横屏、平板竖屏

想知道从平板适配版到现行版本又动了什么,就把这两栏对着看。大部分差异落在索引分区与说明文本两类上。

  • 索引由四段扩为五段
  • 版本序号在页首新增标识位
  • 平板视图的栏目间距做过微调

DL — 03

平板上的横屏与竖屏,是两套排版

WELCOME 品牌站为平板访问准备了两套独立视图。横屏适合摊开来看长表格和索引条目,竖屏适合单手滑动逐段阅读。两套视图之间来回切换时,栏目顺序逐项对齐,阅读位置也不会跳走。

两台平板一横一竖紧邻摆放,屏幕显示同一页面的两套对照排版

横屏视图 · 18 处调整

宽幅铺开,一次看完多条栏目

正文列宽重新分配,索引与栏目说明可以左右同屏出现。平板横放在桌面或支架上,逐项核对栏目顺序时不必来回滚动。

  • 表格列宽按屏宽比例重排,行高加大
  • 索引条目由单列改为双列铺排
  • 页首导航保持展开,随时可见当前位置

竖屏视图 · 12 处调整

单列收拢,单手滑动读到底

导航收成可展开的单列,说明文字的行长被压短。竖着拿平板逐段读时,视线不需要左右横扫,翻页的手感也更顺。

  • 导航收为单列,点开才展开层级
  • 正文字号与行距同步放大
  • 切换为横屏后回到同一阅读位置

两套视图共用同一份内容,只是在排版上分开处理。也就是说,您在横屏里读到的第几项,换成竖屏之后仍然是第几项,对照版本时不会错位。

DL — 04

版本差异逐项比照

三个序号之间的主要差异分五类列出。按分类筛选之后,可以只留下您关心的那一类,逐条对着看。

导航结构

一级栏目由单层结构扩展为分组结构,常用的入口上移到首屏范围内。

影响范围:所有一级栏目入口

导航结构

栏目顺序在横屏与竖屏下保持一致,切换屏幕方向不会打乱阅读位置。

影响范围:平板横屏与竖屏用户

索引分区

索引由一段长列表拆成五个分区,按登录入口、品牌导航、版本对照、会员中心、变更档案依次排列。

影响范围:全站索引页与页首快速跳转

索引分区

每个分区内的入口数量与排列顺序在三个版本之间逐项对应,方便按下标找同一处。

影响范围:做跨版本对照的用户

版本序号

会员中心开始显式标注版本序号,118、124、131 可以并列查看,不再依赖记忆辨认。

影响范围:会员中心全部页面

版本序号

序号在页首与页脚同步出现,任何一屏都能确认自己正打开的是哪一版。

影响范围:全站页首与页脚信息区

平板适配

横屏视图调整 18 处排版细节,正文列宽、表格对齐与行高全部重排。

影响范围:平板横屏阅读体验

平板适配

竖屏视图调整 12 处排版细节,导航改为可收起的单列,正文字号同步放大。

影响范围:平板竖屏阅读体验

平板适配

两类视图互相切换时保留阅读位置,栏目顺序逐项不变。

影响范围:横竖屏之间来回切换的用户

说明文本

变更说明统一为调整时间、影响范围、对照入口三段式记录,条目长度收短。

影响范围:全部变更说明条目

说明文本

每条记录带五类标签之一,便于按类别集中检索而不是逐条翻找。

影响范围:变更档案与专题分类

DL — 05

对照时可以顺手用上的三份资料

做版本对照时,光看两栏并排有时还不够。下面这三份资料分别对应不同的使用场景,需要用哪一份,按您当前要解决的问题来挑。

01

版本差异一览表

把导航结构、索引分区、版本序号、平板适配、说明文本五类差异并排列在一页上,每一项后面跟着它的影响范围。

适合:第一次做版本对照,想先看清全貌再决定深入哪一类。

02

平板适配说明

逐条讲清横屏 18 处、竖屏 12 处排版细节到底改在哪里,以及切换屏幕方向时阅读位置是怎么衔接的。

适合:主要在平板上阅读,想确认横着拿还是竖着拿更顺手。

03

旧版对照索引

按版本序号分段归档,从现行版本一路回溯到早期版面,每一段注出这个阶段主要动了哪几类内容。

适合:手里还留着早先的版面,想按序号一段一段往回找。

需要这三份资料中的任意一份,或者对某一处差异拿不准,可以通过联系我们说明您要对照的版本序号,我们会把对应的说明内容发给您。

摊开的对照表打印稿与折叠说明页,浅砂白纸面与浅金标注

DL — 06

按手上的设备挑版本

同样是找旧版本对照,用电脑和平板看,合适的版本并不完全一样。下面按四类常见场景给出建议,您可以对照自己的情况直接选。

办公电脑 · 大屏

131 现行版本

索引分区最完整的版本,登录入口与版本对照都落在首屏范围内。如果您手上还留着旧版,同一屏里把 118 一起打开,前后对照最直观。

平板横屏

131 现行版本 · 横屏视图

横屏视图里,索引与栏目说明能同屏展开,一次看完多个栏目。讨论版本差异时把平板架在桌面上,几个人一起看也够宽。

平板竖屏

124 平板适配版

竖屏视图的导航收成单列,手指滑动距离更短,适合单手拿着逐段读。想再确认新版改动时,横过来即可切到现行版本继续看。

小屏手机

131 现行版本

索引分区会按屏宽自动收拢,栏目顺序仍与平板一致。出门在外临时确认某个入口有没有变动,用手机打开就够了。

桌面上一台笔记本与一台平板并排,显示同一页面的不同版本

对照时建议同时打开两个版本,让左右两栏的栏目顺序逐项对齐着看。凭记忆比对很容易把细节混在一起,摊开来对着读反而更快。

DL — 07

某个序号对应哪几次调整,顺着编号往回查

每一条调整记录都由三部分组成:调整的时间、影响到的范围,以及可以直接点进去对照的入口,并且带着五类标签中的一个。版本序号会写进对应的条目里,看到序号就能定位到具体那一次改动,不用逐条翻找。

密集排列的等宽数字索引条目特写,冷银灰与暗红分类标记
  • 时间记下这次调整是在哪一周发生的
  • 范围写明影响到哪几个栏目或哪类设备
  • 入口直接给出可以点进去对照的位置