90年代网站设计的风格辨识度极高:霓虹配色、像素化静态图片、基于表格的布局和自定义鼠标光标,这些都定义了当时的网站美学。这种风格的出现,是因为技术受限,比如拨号上网速度慢、CSS有限等原因。
时至2025年,现代网站设计在可访问性和性能方面取得了巨大进步,但个性化的表现有所减弱。现在正是一个用现代标准重现那种富有表现力视觉风格的机会。
15个经典90年代网站
以下是定义早期万维网(那时大家还这么叫它)的十五个经典90年代网站。许多老式网页已被 Wayback Machine 这样的网络档案馆保存,让人得以一窥数字历史。
1. Space Jam

这个宣传网站是1996年经典网页设计的时间胶囊:星空背景平铺、低分辨率动画GIF、基于图片热区的导航。内容用死板的表格网格组织。原站至今仍在,见证了90年代末至00年代初的设计潮流。
2. Yahoo!

早期Yahoo!首页是最受欢迎的数字索引之一,呈现密集的蓝色链接文本,几乎没有图片。严格采用表格布局,将大量信息浓缩为便于入口的锚文本。现代网站风格已大不相同,可通过网络存档馆找到原始页面。
3. GeoCities

GeoCities 超级流行的个人主页是90年代DIY网页设计的代表:用户自定义背景平铺、闪烁文字、繁忙的侧边栏,都非常显著。“留言簿”、“建设中”图标也是常见元素。虽然早已停用,但相关页面在互联网档案馆可见。
4. NASA

NASA早期网页极为务实:采用系统字体如Times New Roman,布局简洁实用,图片内嵌文字说明,导航极为基础。
今天的NASA网站极为丰富多功能,但最初的风格体现了90年代顶点的设计务实主义。
5. Microsoft Windows 95

说到互联网的发展怎能少了微软?Windows 95网站采用了操作系统本身的设计元素,比如斜面按钮和窗口化的视觉框架。它作为软件宣传中心,通过裁切图片创建视觉冲击力强的着陆页。在网页存档中,设计师依然可见这一里程碑式的软件营销页面。
6. AOL

作为主流门户网站,AOL网站使用了醒目的彩色横幅和内嵌推广模块来引导用户。网页主要依赖HTML frameset技术,各部分独立加载。现已完全重构,仍可访问。
7. Amazon

亚马逊最早于1995年上线,以图书为主的信息密集型电商体验。设计以书籍信息为核心,采用标准蓝色超链接、小规格像素化封面图和大量元信息。现代Amazon已是电商巨头,早期版本仍可通过网站归档寻找。
8. CNN

CNN早期网站用多列表格布局展示新闻,仿佛在线报纸。采用跑马灯滚动标题和小缩略图,速递大量信息。早期版本可在网络存档找到。
9. Apple

90年代末,Apple网站主打产品焦点大图和立体化UI元素,复杂的图像切片构筑页面,导航和侧栏显得笨重。如今网站极致简洁,早期风格仍存档可查。
10. Netscape

Netscape网站主打浏览器下载,极为突出CTA按钮,并出现了最早的信任徽章。设计用简单渐变图片作为平铺背景,强调视觉层次。常被作为浏览器大战初期的见证。
11. AltaVista

AltaVista一直被称为“谷歌的前身”。其作为早期搜索引擎,界面极简,重点突出搜索框。下方有大量链接目录,是90年代常见元素,虽然如今看已不算美观,但仍极具时代感。
12. Lycos

Lycos是典型90年代门户,首页塞满新闻、天气、财经模块,版面拥挤,底部整排锚链接,力图做用户通向网络的主要入口。现已重构,经典版可在存档中查询。
13. Hotmail

Hotmail设计极为实用主义:简易HTML表单、系统字体、框架式布局引导用户登录与收发邮件。如今已并入Outlook,但原网站风格依然为现代登录界面提供借鉴。
14. Angelfire

与GeoCities类似,Angelfire承载了90年代互联网美学精髓。分割线动画GIF、静态恶搞表情、访问计数器、自定义背景图层贯穿全站。平台官网仍在,只是经典社区页面以存档为主。
15. ICQ

ICQ的官方网站围绕其品牌和产品展开,徽章式LOGO和粗犷图标极为突出。主要目的就是让用户下载软件,因此大按钮设计成为标准。如今的大型下载入口也继承了这种风格。
5个复刻90年代风格的现代网站
今天,90年代网页的精神依然存在。但由于工具升级,创作者现在可以借助现代技术带来的最佳体验,避免早期技术局限。
现代网站不但可复刻90年代的个性表达,还能兼顾性能和可用性。以下是一些由网页设计与开发专家精选、可在Framer Marketplace和 Gallery找到的代表范例与资源:
1. Retro’98 (by Nick404)

这个复古沉浸式作品集模板重现了经典Windows 98界面——包括窗口装饰、图标、状态栏等。而其后台则采用现代技术,可自适应所有设备,还配备CMS,便于日常更新。像素级的怀旧情怀,没有早期网页的卡慢问题。
2. DeskTales (by Mani)

DeskTales 仿照90年代桌面体验,采用可拖动窗口、怀旧风格图标重现老式工作站氛围。虽为复古外观,但整体自适应设计、流畅导航、SEO及内容管理系统一应俱全,是新一代轻松有趣的个人主页首选。

GeoCities 和 1996年Space Jam网站是 Cameron’s World 的前辈。Cameron’s World 完全以 GeoCities 档案碎片拼贴而成,是对早期互联网不加修饰创意的数字致敬。项目以喧闹、拼贴、动画GIF和独特字体展现早期网络的热烈氛围。
4. Shader Pack Retro 插件

这款时间胶囊插件让设计师可为Framer站点的任何元素添加90年代风格动画:VHS、街机、Glitch效果,为现代版式增添像素时代活力。WebGL让这些动效原生且高效,无需外部依赖。
5. Windows93

Windows93 可谓是“互联网记忆之旅”,完全将90年代操作系统复刻在浏览器里,用JS、CSS和HTML构建。像素画环境、拟物按钮、可拖动弹窗,100%还原早期桌面计算体验,是怀旧交互设计的典范。
用 Framer 复刻你心中的90年代风网页
得益于Framer全站模板,现在要打造具有90年代风格的网站非常简单。
用Framer,可以完美融合复古视觉与现代性能,保证网站兼具表现力和速度。
比如GPU加速的网页动效,可以借助 Framer Shader Pack Retro 插件实现,将早期网络的动图动画效果无损还原,而没有性能瓶颈。
Framer提供2,000多套随插即用模板,引入现代响应式体验。90年代网站通常为固定桌面宽度,而Framer模板自动适应任意设备,为用户带来复古魅力的同时,杜绝卡顿和显示错乱。
所有模板都内置专业架构:全球托管、全站SEO配置和一键发布。这意味着你的网站视觉一流、性能卓越、全球可访问——与拨号时代不可同日而语。
要在Framer打造90年代风格页面,可以从现成模板 Retro’98或 DeskTales着手,或在Framer 应用市场选用其它复古设计。准备好后,注册Framer,打造属于你自己的复古网站!

