# 复古操作系统（Retro OS / Windows 95 UI）

镜语 · 版式与界面 / 年代风格

- 别名：Win95 风、Windows 95 风、老电脑界面、复古桌面、Classic Mac 风
- 口语：「网页做成 Windows 95 桌面」「灰灰的凸起按钮和蓝色标题栏」「像老电脑开机后的样子」
- 一句话：灰色立体按钮、深蓝标题栏、像素图标和任务栏，把网页做成老电脑桌面
- 是什么：复古操作系统风把网页做成 1990 年代电脑桌面，最常见的原型是 1995 年的 Windows 95：青绿色桌面、灰色立体按钮（左上亮边、右下暗边）、深蓝渐变标题栏、开始菜单和任务栏、像素图标。经典 Mac OS 的黑白窗口是另一种常见原型
- 缺了就不像：灰色立体按钮；深蓝渐变标题栏；任务栏与开始菜单
- 加了更像：青绿色桌面；像素图标；凹陷的输入区；状态栏
- 适合用在：有趣的个人作品集、开发者主页和独立游戏页；讲电脑与互联网历史的视频道具；活动页里的彩蛋：用弹窗和窗口制造怀旧反差
- 看哪里：看按钮的立体边框：按下时亮暗边对调，像真的凹进去。窗口有标题栏、菜单栏和状态栏；点任务栏的「开始」会弹出侧边印着竖排标题的菜单，双击或点「打开」会弹出看图窗口，右下角时钟显示当前时间
- 注意：把所有内容塞进层层窗口，手机上很难操作；只借灰色按钮却用现代圆角和阴影，会显得不伦不类
- 描述示例：做一个 Windows 95 复古操作系统风格的个人作品集网页：#008080 青绿色桌面，左侧竖排几个像素图标；中间是一个 #c0c0c0 灰色窗口，2px 立体边框（左上白、右下深灰），标题栏是深蓝 #000080 到 #1084d0 渐变、白色粗体标题和 _ × 小按钮；窗口内有「文件 编辑 查看 帮助」菜单栏、白色凹陷的文件图标区和图片预览区、底部状态栏；屏幕底部是灰色任务栏，左边「开始」按钮，右边凹陷的时钟；字体用 Tahoma／宋体小字号，没有圆角和柔和阴影
- 易混：
  - [早期网页](https://idea.ameng.dev/terms/web-1-0.md)：早期网页是浏览器里的页面；复古操作系统风模仿的是整台电脑的桌面和窗口
  - [拟物化](https://idea.ameng.dev/terms/skeuomorphism.md)：拟物化模仿皮革木头等真实材料；Win95 的立体感只是一明一暗两条边
- 相关：[像素界面](https://idea.ameng.dev/terms/pixel-ui.md)、[终端风](https://idea.ameng.dev/terms/terminal-ui.md)

## 来源与延伸阅读

- [Wikipedia · Windows 95](https://en.wikipedia.org/wiki/Windows_95)
- [Wikipedia · Classic Mac OS](https://en.wikipedia.org/wiki/Classic_Mac_OS)

网页版（含演示）：https://idea.ameng.dev/terms/retro-os