你见过 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 的进化。