你见过 90 年代的网站吗?

在 Wayback Machine 上看 90 年代的网站,以现代标准来看简直令人震惊。霓虹色背景、闪烁的文字、旋转的 GIF 动画、"施工中"图标、访客计数器,为什么老网站这么丑?

事实是,在当时的技术限制下,那些设计就是"最前沿"。

90 年代 - 纯 HTML 时代

在 Web 的早期(约 1991-1996 年),网页仅用 HTML 构建。CSS(样式表)还不存在,设计选项极其有限。

  • 背景颜色用 HTML 的 bgcolor 属性设置。精细的颜色调整很困难
  • 布局用 <table> 标签构建。复杂布局需要嵌套表格
  • 只能使用访问者电脑上安装的字体
  • 图片仅限 GIF 或 JPEG。透明 PNG 尚未普及

"闪烁文字"通过 <blink> 标签实现,这是 Netscape Navigator 的专有实现。在当时,"会动的文字"很新奇,许多网站大量使用。

2000 年代 - Flash 时代

2000 年代,Adobe Flash 改变了网页设计。动画、音乐、游戏、视频,Flash 无所不能。

  • 整个网站都用 Flash 构建的"全 Flash 网站"成为潮流
  • 华丽的开场动画(配有"跳过介绍"按钮)是标配
  • Flash 游戏网站大受欢迎(Newgrounds、Miniclip 等)

但 Flash 有问题。搜索引擎无法读取 Flash 内容(不利于 SEO),安全漏洞频发,而且在移动设备上无法运行。2010 年,Apple 的 Steve Jobs 宣布"iPhone 不会支持 Flash",Flash 开始走向衰落。Adobe 于 2020 年底完全终止了 Flash 支持。

2010 年代至今 - CSS 和 JavaScript 时代

现代网页设计建立在三项技术之上:HTML + CSS + JavaScript。

  • CSS3:动画、渐变、阴影、圆角,无需 Flash 就能实现丰富的表现
  • Web 字体:Google Fonts 等服务使得在任何设备上显示相同字体成为可能
  • 响应式设计:一个网站适配 PC、平板和智能手机
  • 扁平化设计:2013 年 iOS 7 之后,简洁的扁平化设计成为主流,取代了拟物化的 3D 设计

"丑"是时代的产物

90 年代的网页设计看起来"丑",是因为那是在当时技术限制下能做到的最好水平。而今天"精致"的设计,20 年后可能也会被称为"过时"。

有趣的是,复古的 90 年代风格网页设计最近作为一种"故意丑陋"的美学被重新评价。像素艺术、霓虹色、访客计数器,怀旧与新鲜感共存的设计在部分创作者中流行起来。

总结

网页设计从 HTML 表格布局 → Flash 时代 → CSS + JavaScript 时代不断演进。老网站看起来丑是因为技术限制,但在当时它们是最前沿的。在 Wayback Machine 上浏览老网站,可以亲身体验 Web 的进化。

本文相关术语

浏览器 Netscape Navigator、Internet Explorer、Chrome,浏览器的进化推动了网页设计的进化。 HTTPS 90 年代的网站几乎全部只使用 HTTP。HTTPS 的普及是从 2010 年代后期开始的。 DNS DNS 机制自 90 年代以来基本没有变化。只有网页设计发生了巨大变化。