老版酷客影院旧版首页骨架复原与版本辨识手记

很多人搜旧版界面，是想找回一种熟悉的排版节奏：知道下一步点哪里、知道卡片会弹什么、知道加载时会看到什么。我们把这种熟悉感拆成可核对的结构条目，逐条标出出处与更新日期，而不是复述一句模糊的印象。

每张卡片对应一个真实的界面单元，标注界面代号、改动年月与片种字段。点击卡片下方按钮会以页内弹窗展开完整说明，关闭后回到索引原位。筛选按钮只过滤当前展示，不改变页内其它区块。

当前展示 6 件界面单元

本次更新

首屏三列卡片骨架

• 代号 UI-2013-A
• 改动 2013年08月
• 片种 电影
• 评分 8.4

三列等宽铺满一屏，卡片高度一致，海报位固定三比二，简介三行截断，任何一张卡都不抢占视觉重心。

查看详情 首屏骨架

顶部横向导航平铺

• 代号 UI-2013-B
• 改动 2013年08月
• 片种 剧集
• 评分 8.1

六个栏目平铺一行，间距统一，当前栏目用底部短横线标记，切换栏目不改变页面纵向位置。

查看详情 导航形态

页头搜索与候选逻辑

• 代号 UI-2014-C
• 改动 2014年04月
• 片种 综艺
• 评分 7.9

输入即出候选，候选按片名与别名两路匹配，无结果时给出相邻分类建议，而不是留一个空白结果页。

查看详情 检索反馈

本次更新

卡片悬浮信息条

• 代号 UI-2016-D
• 改动 2016年09月
• 片种 动画
• 评分 8.6

悬浮时海报位上方浮出一条半透明信息条，只显示年份与片种两项，避免遮挡海报主体，移开即回收。

查看详情 悬浮反馈

播放位加载占位

• 代号 UI-2017-E
• 改动 2017年02月
• 片种 漫画改编
• 评分 8.0

播放位先铺一层与主色同调的占位色块，尺寸写死不引起位移，脚本接管后再淡入真实内容，累积位移始终为零。

查看详情 占位策略

侧边竖排导航迁移

• 代号 UI-2018-F
• 改动 2018年06月
• 片种 剧集
• 评分 7.6

栏目从顶部迁到左侧竖排，一行一栏并配小图标，纵向空间被释放给卡片，但移动端折叠成本随之上升。

查看详情 迁移记录

字段来源：界面切片取自公开的版本变更说明与用户提交的截图存证，评分一栏为档案室内部按可核对维度给出的观感指数，非任何第三方评分平台的原始分值。

下面六块拼图按档案室的使用习惯排序，每块都能单独成立，也能与相邻模块拼接成完整的一条线索。可用顶部按钮切换卡片圆角形态，观察拼图咬合与独立两种观感。

第18次内容更新记录

原型不评价好坏，只描述行为特征。每个原型给出一个最容易辨认的行为切片，配一张头像位示意图。若你只记得自己当年做什么，不记得界面长什么样，从原型入手通常更快。

片单整备者

行为切片：先看完整度再看简介

习惯先确认一部作品的条目是否齐全，再决定要不要看。旧版把年份与片种固定放在片名下方一行，正是为这类用户省下一次点击。

随看随选者

行为切片：只看首屏三列

几乎不使用搜索，只在首屏三列卡片里横向比较，三分钟内做决定。卡片等高的设计对这类用户最友好，因为比较成本最低。

系列追更者

行为切片：依赖分类页顺序

按系列顺着往下看，最在意分类页的排序是否稳定。旧版分类页长期保持同一排序规则，这一点比任何视觉改动都更被这类用户记住。

考据爱好者

行为切片：翻页脚版权行

会留意页脚那行小字里的年份与版本号，用它来确认自己看到的是哪一版。这行文字也是本档案最常被引用的时间坐标。

移动端通勤党

行为切片：单手操作抽屉导航

基本在手机上使用，最在意触控区域够不够大、抽屉滑出是否顺手。侧边导航迁移对这类用户是明显的体验转折点。

界面考古者

行为切片：比对卡片比例

会为了一处间距差异翻遍存档截图，最需要的正是可核验字段。本档案的字段化结构就是为这类用户准备的。

原型关系图：谁和谁的线索会交叉

名场面指的是那些被反复提起的操作瞬间。它们不是剧情，而是界面行为。每条都配编号与一句可复述的说明，便于在讨论中直接引用。

骨架屏第一次出现

SCENE-01

加载时先铺一层与主色同调的灰绿骨架，内容到位后逐块替换。页面不再白屏，这是老用户普遍记得的第一处变化。

搜索无结果时的分流

SCENE-02

输入查不到任何片名时，页面不会留白，而是列出三个相邻分类入口，把一次失败检索转成一次浏览。

卡片整卡翻转

SCENE-03

悬浮或点击后整卡翻面显示三行简介。翻转时长被人为控制在很短区间内，因此不会打断浏览节奏。

返回顶部按钮常驻

SCENE-04

按钮固定在右下角，滚动超过一屏后淡入。它的触控区域被刻意放大，单手操作也能一次点中。

栏目折叠进抽屉

SCENE-05

窄屏下六个栏目收进侧滑抽屉，滑出时背景压暗但不改变滚动位置，关闭后回到原处。

页脚补上版本号

SCENE-06

页脚从单行年份扩展为年份加版本号加更新日期。这行小字后来成了考据时最常被引用的一处证据。

图鉴按元素类型分组，每组给出可核验的字段与记录时间。它的用途是当你只记得某个局部细节时，能反向定位到对应阶段。

下表把九项辨识特征按出现阶段排列，每项标注观察位置与判断要点。表格数据来自档案室自身的记录，评分列为观感指数，非第三方分值。

按顺序做完三步，多数人能确定自己记忆中的版本阶段。每步都只依赖页面上肉眼可见的元素，不需要任何工具。

1. 先看导航在哪一侧导航平铺在页头上方属于早期，竖排在左侧属于后期。两者不会同时出现，这一条就能筛掉一半可能性。
2. 再量卡片比例目测海报位更接近三比二还是十六比九。前者对应早期，后者对应后期；若两种比例同时出现，说明记忆来自过渡期。
3. 最后读页脚小字页脚只有单行年份属于早期，出现版本号与更新日期属于后期。这行文字的稳定性最高，可作为最终确认。

三步结论可以再回到辨识线索速查表做一次交叉核验，或直接在常见问题里找对应条目。

资讯区每90天至少刷新一次日期与内容。每条均带统一格式的日期标签与主题标签，便于按时间线检索。

• 2026年03月12日

  名场面索引栏目上线

  新增六个可复述的界面瞬间条目，并同步补录动画与漫画改编两个界面单元。问答第4条一并重写，明确回退入口并非所有阶段都具备。

  栏目新增界面单元问答重写
• 2025年12月08日

  资讯区日期标签统一为年月日

  此前部分条目使用简写日期，此次全部改为“YYYY年MM月DD日”格式，并补入三条带日期的记录，使时间线不再出现空档。

  格式统一时间线补录
• 2025年09月15日

  片单字段扩展至三列

  每部作品的标注字段由年份一项扩展为年份、观感指数、片种三项，字段来源在片单区末尾统一说明，便于逐条比对。

  字段扩展数据来源标注
• 2025年06月20日

  拼图式模块排序调整

  把版本辨识与字段可核验两块拼图前置，理由是这两块决定后续所有条目的可信度。调整后页面信息顺序与常见卡片网格明显不同。

  版式调整信息顺序

以下六条问答与页脚的结构化数据逐条对应，答案均为手写，不使用套话。若你的问题不在其中，可参考三步辨识指南自行判断。

本区只陈列已归档的留言，页面不提供任何提交表单或输入框。留言内容均已按档案室的字段规范整理过。

小满2026年01月09日

一直以为自己记得的是最初那一版，对照速查表才发现我记的是过渡期：导航还在顶上，卡片已经换成十六比九。感觉像拼图终于咬上了。

如果你也想核对，可以在评论里写清导航位置与卡片比例，我们按这两项归档。

阿岚2026年01月26日

骨架屏那个瞬间我印象太深了，之前白屏等半天，后来变成灰绿一片逐块填上，整个人都安心。档案把它编成 SCENE-01，编号起得挺准。

欢迎补充你记得的加载瞬间，最好带上当时的大致年份。

老周2026年02月14日

页脚版权行这条建议很有用。我翻出旧截图一看，果然只有年份没有版本号，说明我看到的是更早的阶段。一个字段解决了我两年的争论。

若你手上有存证截图，可在评论里描述页脚那一行的具体内容，方便比对。

知秋2026年03月02日

角色原型那一节挺有意思，我大概属于系列追更者，从来不用搜索，只在分类页顺着往下翻。关系图里写的交叉点确实说中了我的习惯。

你也可以说说自己更像哪一种原型，以及最在意的那个界面细节。

本页涉及四类可核验信息，逐项列出记录方式与时间坐标，便于第三方复核。所有内容均为原创整理，不使用无法验证的表述。

说明：本页为界面沿革与版本辨识的考据类内容，不提供任何影视资源入口、下载指引或播放地址，也不代表任何平台官方立场。图片均为版式示意用的占位资源，命名遵循统一的路径与编号规范。