那天晚上，我老婆突然跟我吵起来了。起因很无聊，就是她坚持说KATE凯特有一个眼影盘，是那种老式的长条包装，颜色贼好看，但是在官网上找不到了。她说那是十年前的事了，现在的官网设计得跟个极简主义画廊似的，根本没法看以前的东西。
我听着就来气了。虽然我不化妆，但我是搞实践记录的，时间这个东西，就得有人去掰扯清楚。我立马给她立了个军令状：我今天晚上不睡觉，也要把KATE凯特官方网站从它刚上线那年到现在的样子，挨个截图，整理成一个“版本大全”，看看谁说的对。
从零开始，敲开时间的墙
说干就干。我立马坐下来，第一件事当然是去他们现在的官网上转一圈。结果正如我老婆所说，干净得要命，除了最新的产品宣传，想找到任何三年前的东西都难，更别提十年前了。官方网站的维护人员，最擅长的就是把旧数据打包塞进看不见的角落，甚至直接格式化掉。
我心想这不对，互联网是有记忆的。我立马开始我的第一步操作：
- 第一步：广撒网式搜索。 我把“KATE 官方网站 2010”、“KATE 官网 历史版本”这些关键词，在国内外几个常用搜索引擎里全敲了一遍。结果出来一堆不靠谱的第三方评测，就是没有官方的存档截图。
- 第二步：找专业的“网络历史学家”。 既然主流搜索引擎不给力，我就得去找那些专门干网页快照备份的工具。我折腾了差不多一个多小时，才找到一个能用的。这个工具就像一个巨大的网络图书馆，专门记录网站在特定日期长什么样。
刚开始我有点懵。这工具的操作逻辑跟普通浏览器完全不一样，我得不断输入网址，然后盯着日历表上那些被点亮的日期，那些日期就是它成功抓取到快照的时间点。
深挖泥潭：那些年被遗忘的设计
真正开始挖的时候，才是体力活。我从最早的2004年开始摸索。那个时候KATE刚进来不久，官网设计得特别粗糙，背景还是灰色的，文字是宋体，产品图就那么直愣愣地摆着，一点美感都没有。我看到这个都笑了，这哪是化妆品官网，这简直就是十年前的个人博客。
我一点一点地往前推进，每年都争取找到至少两到三个关键快照，把它们截图存盘，并做好年份和月份的标记。
到了2008年左右，网站开始流行Flash动画。那时候的KATE官网简直是灾难。整个页面加载慢得要死，点任何一个链接，都要等那个动画跑完。配色也大胆得吓人，黑红黑红的，特别摇滚，跟现在那种偏日系清透的感觉完全不一样。我记得我为了截一个完整的首页，那个Flash加载条跑了快五分钟，我差点砸了键盘。
最有趣的是老婆说的那个时期，大概是2012年到2014年之间。那段时间的设计风格突然变得特别“硬核”，产品列表图很大，而且颜色饱和度极高。我仔细翻看那时候的产品图册，突然找到了老婆念叨的那个长条眼影盘！
我立马截图，并且把这个历史快照的存档地址记录下来。
最终实现：从争议到完整记录
一直折腾到凌晨四点多，我终于把KATE凯特官网从2004年到2023年的核心版本设计变动全部截了一遍。我整理了一个文件夹，里面按照年份和季度分门别类，光截图文件就有三百多张。
我把这些截图整理成了一个简单的PPT，然后走回卧室，把还在迷糊的老婆摇醒。
“看，这是你说的那个眼影盘。”我把2013年那个版本的官网截图摆在她面前。
她眼睛一下子亮了，说：“对！就是这个包装！”
她赢了？不，我赢了。我不仅找到了一个眼影盘，我把这个品牌近二十年的数字化历史都给梳理了一遍。这让我明白一个道理，搞实践记录，不是光看眼前的新东西，更要能把那些被遗忘的角落给翻出来。
这回实践让我总结出了一套经验：任何一家公司，只要它存在的时间够久，它的历史版本官网设计，就是一部活生生的网页设计变迁史。从最初的极简文本，到臃肿的Flash，再到后来的响应式设计，每一步都打着时代的烙印。这比单纯看产品说明书有趣多了。
今天的内容就到这里，下次我可能得去挖挖别的品牌的老官网了，感觉这活儿还挺上瘾的。