这座网页设计博物馆，让我回到拨号才能上网冲浪的千禧年

你记十年前互联网吗？在百度贴吧叠楼、为 QQ 空装饰主流空贴纸，限沉浸在 4399 和 7k7k 等小游戏网站，或是在 163 客和 BBS 论坛类网站灌，要不断关闭那些突然跳出令讨厌垃圾广告网页……

△ 比QQ早纯文本聊天ICQ

△ 与网易BBS时代教育网上华BBS

这些是早期互联给我们这一代人留的印象。看互联在中国的发展历史，于 1994 年在国开互联网到 1997 年开始旺盛发展。在那个网速慢，上网需要付昂贵费用年代，们都在互联网上做什么呢？户网站、聊天、论坛、客等新形态不断出现，满足着新世纪们搜索、交流和传播信息欲望。

△ MSN网站，2000

△ 早期使用微软IE浏览界打开雅虎网站

在移互联时代到来之前，智手机还未大范围普及，信息交流和传播的速和广像如今这般，人们曾经流连在各式各样的式页中，如许多人最早登录的国——97 年创办的易打的「易个人页」（nease.net），及后来于 99 年现的 QQ 前身——OPEN-ICQ 聊天室。

△ 最早的易邮箱

△ 1999年的易页

对于年轻一代的互动体验计、网页设计师和互联户而言，这些在历史中一步步发展进的页是互联的石，它们为今天具备强大响应性、易读性和互性的页和软件打了扎实的基础，是当今的程序员和设计师的灵感宝藏 。

2012 年，来捷克的历史学家和网页计 Petr Kovar 开启了一个有义的项目，旨在造界上第一个以确标签类，并按间顺序整理的线上网页计博物馆（Web Design Museum），将那些由上世纪电脑程序员和设计师打的页和视觉设计保存在这里。

www.webdesignmuseum.org

△ 网页设计物馆官网

Kovar 在大时曾习计算机和历史，曾写过一篇于前捷克斯洛伐克计算机技术历史的论。他在毕后才开始正式尝试页设计，并最终转行。2012 年的时候，他突然想起自己在时留的一个旧硬盘，里面储存了许多他在 90 年代浏览互联时保存的大量截图。

他曾记得自己无数次访问电影《太空大冒险（Space Jam）》的官方，及登陆流行牌锐步、阿迪达斯和百事可乐的官方页面。着迷上冲浪的他保存了许多设计独特、行有趣的页截图，在离线时还查看它们。作为一个历史爱好者和页设计师，Kovar 决定要为此做些么。

△ 百事可乐官，1996

△ 《太空大冒险》官，1996

△ 锐步官， 1996

从的截图历史记录中开始类整理，并从 1996 年以来存档了 2870 多亿条目的「互网档案馆（Internet Archive）」门户网站中寻找了更多相关的页面截图，最终心挑选了 900 个在互网网页计历程中备独义的网站，并在 2017 年 5 月推出了网站的第一个版本。

当人们浏览网页设博馆，会看到画廊、时间线、知识测试、Flash 动画、网页设历史、旧软件标题分类，读者可以依据份、行业（包括餐馆、公司、杂志、时体育）或者风格标签（包括如未感、极简主义、装饰性、复古、拼贴）浏览网站内。

△ 索尼官网，1996

△ 《Men’s Health》杂志官网，1998

△ 《The Tube》杂志官网，1998

△ 《南方公园（South Park）》电影网站，1999

△ 能官网，2000

△ 尼康COOLPIX官网，2003

△ XBOX官网，2004

在 18 年更新的网页设计展览（Exhibition)栏目中，其中添加一系列以不同主题分类展示的网页设计，像素艺术、浏览器、育、音乐人、莱坞电影、成人网站等。Kovar 曾在采访中表示自己希望建立一个混合的网络展览，通分类更清晰地揭示网页设计被遗忘的趋势，以及它们是何随着时间的推移而出现的。

△ 网页设展览区

△ 「90年代网页头条」微软、松下、雅虎

△ 「早期设计软件」Photoshop

△ 「90年代网站」NASA、麦劳、世游戏公司、迪、后街男孩

在页博物馆中，的时间线（Timeline）栏目专门于记录过 20 年来要的发展和变情况，这个栏目在访问者中很受。有些页自创建来已经发生了巨大的变，现在的外观已经全反映最初的设计，人们总是对自己最的在过 20 年中发生的变感到惊讶。

像是亚马逊、高和任堂等大公在每一次的网站更新中，都给网站视觉和页面控制带来彻底的改变和更大的发展。Kovar 认为，网页计的发展史有两个要趋势，第一个趋势在于像 Netflix、可口可乐、微软、Skype及上公司那样， 在每次升级中，带来革命性的设计趋势。

△ 乐官分更（1997-2020）

△ 可口可乐官分更（1996-2020）

△ 任天堂官分更（1996-2018）

第二个是逐步进化的趋势，这部网站的计以前的版本基本保持一致，虽然在逐渐发展，但主要控件的布乎保持不变，比如大众熟悉的歌（Google）、维基百科（Wikipedia）或苹果（Apple）、雅虎（Yahoo）、脸书（Facebook）等。

这些网站的设变化循序渐的，与技的发展互相辉映，人们 10 甚至 20 看到的特性至今仍然存。令人好奇的，许多公司对自家官网设的改，多程度因那些型的主流公司从一始就明确扎实的战略，又或者影响力过于巨，以致其他公司不得不参照它们的网页设战略。

△ 苹果官网部分新（1998-2018）

△ Facebook官网，2004

△ 谷歌首页，1998

△ 虎官网，2004

在 Kovar 看来，SpaceX 司的网站设计展历程也很有趣，个意图打造地球到火星客运系统的司，在 2002 年的网站设计比现在的网站设计要独特得。「SpaceX 现在的网站更像是一个通用模板的例子。」Kovar 忍不住说道。和独立设计师 Yehwan Song 所支持的观点一样——网页模板正在杀死想象力。

△ Space X官网展历程（2002-2017）

有些网站也走在了时代前沿，比如 2002 年出现 Hasselblad（哈苏相）和 2000 年 Gap 网站，它们设计仍然可以被认为是常现代，甚至在今天移动设备上依然可以良好运作。

△ Hasselblad官网，2002

△ GAP官网，2000年

然而，页藏并是越多越好，只有具备独创性的视觉格、一定的影响，及有自身专注容领域的才会被收藏在博物馆。有博物馆的展有两个要的择标准，一方面需要有独创的容和深厚的设计功，另一方面则需在互联历史上具有重要意义。

除了上述大公的官方网站，历史上还有一些由创机构和计工作室造的网站担当着独的角色。比如 90 年代最重要的数字创公之一 2Advanced 公创建的网站，便被 Kovar 定义为历史上最有历史性义的网站之一，也是最喜欢的网页博物馆藏品。

△ 2Advanced 2000、2002、2003年Flash网站

作为一传奇的设计公司，2Advanced 使 Flash 技术创建和设计了一系列端的创，这令他们在界闻名，并且使 Flash 页在千禧年之初被视为一种世纪的启示。

还有许多计杂志的网站也定义了它所代的计趋势，比如早期计社网站之一 Design is Kinky 就发挥着这的作用，该网站定期展示各类艺术家的面作品、照片、专栏文章或是个人资料。另外，定期提供新闻、采访以及计圈有趣消息的网络杂志《PixelSurgeon》的网站也同收获了大批的丝，它最早由摄 Jason Aber 和插画家 Richard May 创建。

△ Design is Kinky官网，2002

△ 网络杂志《PixelSurgeon》官网，2001

网站设博馆如今已过多的新运行，项目发起者 Kovar 认，网站设的趋势一直遵循一「螺旋模型」，学总会回归返潮，新的技会不断加入改。例如， 2000 左右，Flash 动画网站就曾一度非常流行。 web 1.0 时，Flash 作一款功能领先于其时的程序，提供了表惊人的跨浏览器功能、动画、图形声音。

△ Shape Squad Flash网站， 1999

△ Digit Digit Flash网站， 2002

不过，这些含 Flash 网站数据容量常大，需要很长时才能加载成功，此们楚地记在漫长等待圈圈旋转沙滩球图标。

然而，技术的现虽然带来创，但会习惯旧事物的创作者感到忧虑。当第一个百分百使 HTML5 技术创的 The Wilderness Downtown 在 2010 年诞生时，它撼了 Flash 的地位，并令许多 Flash 铁杆设计师和开发人员对这种技术的感到又好奇。

△ The Wilderness Downtown：www.thewildernessdowntown.com

作为队 Arcade Fire 的曲《We Used to Wait》所衍生的互动短片，The Wilderness Downtown 基于歌的 Chrome 浏览器、歌地图和 HTML5 进行创建。用户只要输入的邮政编码和地址，就可以观一段充个性的音视频。这个创新的网站赢得了 The Favourite Website Awards 的年度网站，以及界范围内的赞誉。

这之后，HTML5、WebGL  JavaScrpit 新技加广传播，人们不再局限于矢图形，也不需通过互联网插件能发网站，新技的体验超出了人们的象，运用它们制作的网站如雨后春笋一般频繁出众视野中。可以看出，网页设的趋势会因新技的出受到强烈影响。终于，Adobe  2017 ，式宣布终结对 Flash 软件行新，Flash 时真结束了。

今，数字和互动并不只意味着一个「在」世界，也不像去样局网页浏览器。诸 VR、AR 和机器学习等网络新技术的出现，让人们以验到更感官面上的互动，但 Kovar 认为并不代表网页就消失。

我们看到像谷歌这样大公司在近年打造了有趣「Quick, Draw!」游戏网站，过使用学习模型来让系统猜测用户图画内容。类似这样游戏化网站在过去 20 年并不少见，或许它们将新以新貌回归，交互教育网站正在成为未来趋势。

△ 谷歌算法绘画网站：https://quickdraw.withgoogle.com/

可说，起过，如今的页本身更多地变成了一个线上互联工具，甚至是开源的设计生成器。它可带给户极具互性的体验，创更多的合作机会，而只是单方面展现信息，这意味着技术和页设计都一直在进。尤在 2020 年这个特殊的时期，现实生中的社交距离更考验人类的合作，而互联依然承载着巨大的潜。

△ Wetransfer和设计师艺术Zach Lieberman算法编程设计而成的绘画艺术生成：www.colorpush.wetransfer.com

△ 任何人都可分享隔离期建议并被别人看到的：www.excellent-quarantine-ideas.com/

在 Kovar 来，来过去的网页计风格和趋势也许会被重新挖掘，未来的创造者将好奇三十年前的网站计是怎的，并从历史中获取灵。那，人将谢这个项目所留下的贵遗产。这也是 Kovar 坚持进行网页计博物馆项目的核心动力：为未来的代人保留纪之交出现的网页计创遗产，并为繁荣发展的互网书写另一种故事。

我们或许会见证 90  00 复古网页设风格的回归，以及多与当下新技结合的交互网页不断出。无论它们存于小程序中、朋友圈中，还软件界面或浏览器里，互联网发展得越发旺盛、一切逐渐游戏化的今天，设师程序员将互联网的下一 20 怎样的变化，令人待。

资料源

• www.webdesignmuseum.org
• www.itsnicethat.com
• www.eyeondesign.aiga.org
• www.0511ia.com
• www.speckyboy.com
• www.lusongsong.com
• www.info.williamlong.info

注作者公众号：Design360