从 1.0 到 Win 95，聊聊 Windows 改变界面设计

2024-05-13

不久前，我看到Mac在少数派上。设计史系列，想起自己曾经写过一些关于自己的东西。 Windows 界面元素的设计史萌发了我之前收集的相关资料。 Windows 整理设计材料，写成 Windows 设计历史的思想。

尽管 Windows 设计历史不如 Mac 这是一个如此传奇的故事，但也有一些值得详细讲述的故事。同时，对于这段历史，网上也有一些偏概全的建议，比如「抄苹果」「没品味」等待标签，谈论细节。在这里，我想尝试真正恢复这段历史，澄清一些日益模糊的细节。

一开始我是从看到的 Longhorn（Vista 页面演示开始显示前身) Windows 设计历史产生了兴趣， Longhorn 这个阶段也被一些人视为 Windows 审美巅峰。当然，这些都是后话，本期我们要从头开始…

说明：本文以时间线为基础。 DOS 的 Windows 主要版本，因为 Windows NT 系统基本上是沿用的 DOS 系 Windows 界面设计。

前奏

微软早在 1981 每年都显示出开发图形用户界面。（GUI）今年，比尔·盖茨看到了第一个。 Macintosh 原型机。1982 年 COMDEX 会议上展示的 Visi On 这一界面进一步刺激了比尔·盖茨和微软的决心。 GUI 界面。

Visi On

和苹果一样，微软也选择了施乐。「偷师」。施乐最初是最早开发出来的。 GUI 网页上的企业，却被「苹果」和「微软」这两个学生来自后面。

1983 年 8 月亮，微软雇佣了施乐 PARC 部门首席开发人员之一 Scott A. McGregor，负责为 MS-DOS 开发新的图形界面。

Scott A. McGregor

对于这个新图形界面的命名，它最初的名字只是简单的。「Microsoft Interface Manager(微软界面管理器)」，而 McGregor 当施乐工作时，给自己开发的软件命名为「Windows」。同时，微软营销副总裁 Rowland Hanson 也建议使用「Windows」作为一个产品名称，这来源于一个营销策略:使用一个常用的词，然后迫使媒体在提到这个名称时添加公司名称，从而提高公司的知名度。而当时「Windows（窗口）」经常出现在相关图形界面的介绍中。比尔·盖茨接受了 Rowland Hanson 这个建议，「Microsoft Windows」诞生了。

从那以后，这个新生儿「Windows」开始了一个属于它的传奇。

Windows 1.0：蹒跚起步

起初，微软试图说服合作伙伴。 IBM 这个新项目支持自己，但是因为当时 IBM 类似的项目正在进行中 TopView，因此对于微软这个项目并不感冒。

1983 年 9 月，微软在 BYTE 在杂志上展示 Windows 的原型。1983 年 11 月还在 COMDEX 会议上进行了演示。

BYTE 在杂志上演示 Windows 原形

微软本声称计划 1984 年 4 月发布 Windows，但是不断地推迟，这也为它获得了它。「Vaporware」标题，这个词最初是由微软工程师创建的，用来描述不断延迟发布甚至最终取消的商品(英语 vapor 意指「蒸汽」）。

最后，1985 年 11 月 20 日，Windows 的第一代——Windows 1.0 正式发布。

1986 年 1 月 Windows 1.0 宣传手册

界面设计方面，Windows 1.0 最大的特点是用窗户覆盖，相比之下，当时的苹果。 Macintosh 然后使用重叠窗口。对于其背后的原因，网络上一直专注于它。「担心苹果侵权」这一点上。可以实际上，早在 1981 2008年，施乐企业 PARC 部门就在其 Cedar 该项目采用了铺满窗口的设计，微软可能在讨论了施乐的这个项目之后做出了这样的选择。对此 Scott McGregor 也表示：「Windows 从一开始就有重叠窗口的功能…相反，在此基础上编写铺满管理器的工作量要大得多！」还有人在网上修复 Windows 1.0 操作界面库完成了重叠窗口。

当窗口最小化(图标化)时，最小化窗口的图标位于屏幕底部。后来的任务栏采用了类似的设计，这是后话。

Windows 1.0 用来覆盖窗户

施乐 Cedar 这个项目被窗户覆盖着

实现重叠窗口 Windows 1.0

这个特点也是如此 Windows 1.0 的 Logo 在上面得到了体现：Logo 正如四个平铺在屏幕上的窗户。

Windows 1.0 Logo

经过几十年的跌跌撞撞，Windows 的 Logo 虽然新的四方格又回到了原来的四方格， Logo 深受吐槽，但从另一个角度来看，也算是回归了。「窗口」的起源，可谓是「返璞归真」。

Windows 11 Logo

归根结底，作为第一代商品，Windows 1.0 图形元素的设计比较粗糙。与同样采用 32×32 像素网格和黑白配色策略 Macintosh 图标相比，Windows 图标1.0远不如图标 Macintosh 图标雅致。并且有些图标缺乏识别，比如操作面板和日历的图标，它们都被分成几个矩形。为数不多的亮点是时钟图标：它将根据当前时间进行锻炼。

Windows 1.0 图标

微软也是设计的「黑白棋（Reversi，又称翻转棋、奥赛罗)」游戏（见上 Windows 1.0 接口)，这是 Windows 第一个游戏，但是无奈。「长江后浪推前浪」，这个游戏的知名度远远低于后来的游戏「纸牌」「扫雷」等。

总的来说，Windows 1.0 在市场上引起了一些关注，但并不是特别成功。有评论指责系统要求高，设计对键盘用户不敏感，因为它依赖鼠标页面。

Windows 2.x：不冷不热

Windows 1.0 不久之后，微软便开始改进。 Windows。1987 年 12 月，Windows 2.0 发布。

与 Windows 1.0 相比，2.x 系列设计最大的变化是重叠窗口取代了窗口。这也引发了苹果和微软的著名诉讼，最终诉讼以对微软有益的判决结束。Windows 可继续选择重叠窗口。

而且铺满窗户也不会消失，即使十几年后，它也会以全新的姿态出现。 Windows 中，这也是后话。

Windows 2.0

此外，在图形界面设计上， Windows 2.x 变化非常有限，图标、控件等设计也是沿用的。的 Windows 1.0。虽然是针对性的 Windows 1.0 这个版本作为一些改进，在市场上并没有引起很大的波澜，总的来说市场反应一般。

Windows 3.x：从一个笑话开始

故事开始于 1988 年 6 月底一周五晚上，微软软件工程师在庆祝微软峡谷公园制造工厂开业的聚会上， Murray Sargent 与朋友见面，Windows 开发人员 David Weise。Murray 嘲笑 David 参加研发的 Windows/286 内存管理领域相当糟糕，建议 Windows 进入安全模式并消除 640 KB RAM 阻碍。超出 Murray 的预料，David 立刻带他回到微软公园，经过一些尝试，成功将会成功。 Windows 2.0 启动安全模式。在 Windows 3.0 开发会议上，Murray 和 David 这个方案已经通过，Windows 3.x 这就是系列开发的开始。

与上一代相比，Windows 3.0 操作界面得到了很大的修改。「程序管理器(来源于 OS/2 系统的 PMShell）」替代了「MS-DOS 执行程序」变成默认操作界面，原来「MS-DOS 执行程序」还具有文档管理功能「文件管理器」所替代。「MS-DOS 执行程序」最终在 Windows 3.1 中间被删除，完全退出历史舞台。

Windows 3.0

Windows 3.1

在 Windows 3.x 在中国，微软雇佣的不是别人来设计图标，而是曾为。 Macintosh 设计图标的 Susan Kare。经过她一番大刀阔斧的整改，Windows 3.0 图标变得更加成熟，提高了识别度，并且有颜色(16色)和阴影。在 Windows 3.1 中 Susan 再次为图标增添更多的色彩。Susan Kare 还为 Windows 3.x 制作卡面的纸牌游戏。

Windows 3.1 图标

Windows 3.1 纸牌

Logo 还进行了重新设计。Windows 3.0 的 Logo 最为逼真：一扇黑白窗。Windows 3.1 然后引进了经典「四色块」Logo，此后「四色块」成为微软的经典标识，用于微软 Office、MSN 等待微软产品。该 Logo 由微软高级副总裁担任 Brad Silverberg 委托设计，实际由 Jonathan D. Cowles 在 Jeff Boettcher 和 Julie Wong 在监督下设计。根据 Brad 的说法，Logo 右边部分代表「窗口」，而且左边加了运动效果，而且总的来说，这个 Logo 又像一面旗帜。

左：Windows 3.0；右：Windows 3.1

出现了旗子图案 Windows Logo（Windows NT 3.5 Beta）

微软 Logo（2012 今年至今)，它采用了经典之作。「四色块」

字体方面，Windows 3.1 使用了 TrueType 添加新字体的字体：Times New Roman（与 Times Roman 适配）、Arial（与 Helvetica 适配）、Courier New（与 Courier 适应性)等等。这些改进得到了改进 Windows 中间字体的识别度。

除此之外，Windows 3.0 或者第一个介绍壁纸的人。 Windows 以前的版本(之前的版本 Windows 只有背景颜色可以设置)，壁纸可以是平铺图，也可以是全屏壁纸。

含有墙纸的 Windows 3.1

为使用户更加熟悉鼠标操作，提高鼠标操作 Windows 有趣，微软方向 Windows 3.0 中添加了「纸牌」游戏，帮助用户熟悉如何使用鼠标「拖拽文档」，Windows 3.1 中「扫雷」替代了「黑白棋」这个游戏可以帮助用户学会使用鼠标「左右键」。

Windows 3.1 扫雷和纸牌

Windows 3.x 该系列被认为是第一个获得商业成功的系列 Windows 另外，这也是值得国人纪念的版本。一版 Windows，由于 Windows 3.x 中文版首次引入。

虽然 Windows 3.1 已经有中文版了(简中繁中)，但可能是因为一些纠纷，也可能是因为他们想体现对中国市场的重视，微软专门针对中国市场推出。 Windows 这个版本增加了更多的中文输入法(例如郑码、智能) ABC 等）。

注意：关于所谓的流传「禁止在中国大陆销售 Windows 3.1 中文版」事件，已经有人在知乎做过分析，请参考Windows。 3.1 的中文版被禁止在中国大陆销售的具体原因是什么？- bluerise 的回答

Windows 3.2 中文版

Windows 95：打下基础

尽管与上一代相比 Windows 3.x 界面设计得到了改进，但仍然存在许多问题。一个突出的问题是，打开的窗口(包括最小化的窗口图标)可以被任何其他窗口覆盖，这导致许多客户无法跟踪他们最终打开的应用程序，只能重新启动程序的另一个案例，最终耗尽了可用的内存。程序管理器也很复杂，不直观。Windows 网页的改进仍然需要继续。

从「开罗」到「芝加哥」

Windows 事实上，页面的重新设计从一个名字开始。「开罗（Cairo）」该项目最初的目的是改进项目 Windows NT，之后，它的用户界面设计就被使用了 Windows 3.1 下一个版本，编号「芝加哥（Chicago）」中。这个版本中微软的目的不仅仅是： Windows 3.1 顾客容易上手新版本 Windows，而且要让新手顾客也能轻松上手。 Windows。从这个目标来看，微软还尝试了许多设计，名副其实。 Microsoft Bob 这是当时的产物(虽然以失败告终)。

Microsoft Bob

倾听用户的声音

微软意识到，「故步自封」解决不了问题。如果你想真正制作一个易于使用的图形界面，你必须从同一个角度与用户思考。因此，微软选择邀请客户参与下一个版本。 Windows 的检测。

据当时的 Windows 用户界面设计团队成员 Kent Sullivan 一份报告是写的《Windows 95 操作界面：可用性工程案例研究 Windows 95 在R&D期间，微软共对 560 著名的受试者进行了 64 检测阶段(视频见下方)。其中 50% 的用户是 Windows 3.1 中等水平的客户，其余的是新手、高水平的客户和其他操作系统的客户。此外，微软还采访了微软。 Windows 3.1 和 Macintosh 专业教育者要明确研究内容。Kent Sullivan 写在调查报告中：「在 Windows 95 在这个项目中，许多团队成员首次体验到迭代设计、可用性测试和问题跟踪。」

Windows 3.1 测试结果并不乐观。初学者的平均客户需要投入超过 9.5 分钟才能在 Windows 3.1 找到并打开一个无法立即看到的程序。除了高水平的客户，所有用户都不知道如何有效地管理重叠窗口。改进迫在眉睫。

研究结果(节选)

一开始，考虑到现在 Windows 3.1 微软迈出的步伐非常有限，用户的适应成本。下图显示了Cairo//Chicago 初期版本的 UI 桌面上的第一个模型「文件柜」类似的图标将被打开 Windows 3.1 文件管理视图文件管理器(左窗格显示层次结构，右窗格显示内容)；第二个「世界」网络项目显示图标；第三个图标「程序」它是一个文件夹，它们之间的界面相似 3.1 的「程序管理器」，显示文件夹和其他程序链接。底端是一个「系统托盘」，它可以停靠在屏幕的任何一侧，也可以作为窗口波动。底端是一个「系统托盘」，它可以停靠在屏幕的任何一侧，也可以作为窗口波动。托盘的一侧有三个名字。「系统」「查找」和「协助」按钮，而其它区域则是一个文档存储区，用作剪贴板，用于放置需要移动或复制的文件。最右边包括一种快捷的回收站方式(不禁让人想起苹果之后 Dock 栏最右侧的「废纸篓」）。

起初，团队试图通过调整最小化窗口外观来解决无法高效管理重叠窗口的问题，因为他们认为主要原因是客户很难区分最小化图标和其他类型的图标。因此，团队引入了包含窗口图标和标题在内的宽板作为最小化图标，以提高窗口图标的最小化识别度。

团队在这个页面上改变了。 Windows 3.1 有些设计(如桌面)，但大部分内容没有改变(例如桌面上的文件管理器和流程管理器图标)。

Cairo/Chicago 初期版本的 UI 模型

采用类似 UI 的 Windows 95 Build 58s

「系统托盘」可作为窗口波动

然而，初始版本的测试结果并不令人满意。部分原因是用户会混淆左下方三个按钮的相应功能。程序搜索速度和窗口管理效率没有太大提高。很多用户给微软的反馈是:「Windows新版本只是不一样，不是更好。」这种结局促使设计部门重新思考。 Windows 网页设计方向。

放开手脚去干吧

无论如何，目前网页的检测结果都远远达不到微软。「使大多数用户都能轻松上手 Windows」促进设计部门重新思考的预期 Windows 界面设计方向。最初，开发团队担心新的操作界面和 Windows 3.1 离得太远，进而使目前的顾客感到困惑，但是现在，他们减少了对与错。 Windows 3.1 关注一致性，然后把重点放在提升用户体验上。设计部门也得到了改进 UI 为了在更短的时间内尝试更多的新想法，设计迭代速度。

「发现水的不一定是鱼」

1992 一年，一个名字 Daniel Oran 心理学家加入了微软，参与了微软。 Windows 操作界面的设计。另一个有趣的细节是，他在加入微软之前一直是一个苹果客户。当他第一次来到微软工作时，他甚至无法顺利上手。 Windows。但正所谓是「当局者迷，旁观者清」，后来接受采访时，他说：

回首往事，并非一位有经验的人。 Windows 顾客也是我的一大优势。媒体理论家马歇尔·麦克卢汉（Marshall McLuhan）有一句妙语:“发现水的不一定是鱼。因为我以前没有深入接触过。 Windows，所以我想我可以看到以前的样子。 Windows 顾客没注意到的东西。

个人经验，再加上可用性测试的结果，激励人们 Daniel 为 Windows 新界面的设计。

Daniel Oran

那么 Windows 新界面的设计应该怎样开始？首先来看一下可用性测试的研究结果：

新手和一些中等水平的用户在使用鼠标时会遇到很多麻烦，尤其是双击。因此，当界面上的某件事需要双击才能打开时，他们往往无能为力。

初学者和许多中级客户几乎完全依赖可见提醒来寻找指令并执行操作。他们依靠(显性)菜单栏和工具栏，但即使经过训练，他们也不使用弹出菜单(如右键菜单)。

对于窗口管理，主要问题是窗口并不总是可见的，所以用户无法快速查看他们打开的内容或浏览任务。

最初，Daniel 想出了一个名字 ClearView 该页面用于初学者教学。它使用了一个全屏选项卡界面来启动程序，浏览最近打开的文档和切换窗口。虽然测试结果很好，但团队发现了它的局限性，最终放弃了它。

ClearView 的局限性

不知道是不是造化弄人，20多年后类似的页面又回到了 Windows 中间。但是这个名字「Windows Sets」新界面并没有引起多大的波澜，只是在几个方面。 Windows 10 试验版中昙花一现，便无疾而终。

Windows Sets

虽然 Daniel 当人们放弃为新手客户提供单独页面的想法时，团队仍然保留着它的优势：点击浏览，高可见性和基于菜单的互动。「菜单栏」就是在上述思想的作用下完成设计。

「开始」按钮的真名是「系统（System）」，但 Daniel 考虑到这个名字太专业了，最终被命名为「开始」，当客户还是第一次启动系统的时候「开始」按键旁显示「Click here tu begin(点击此处开始)」文字，防止顾客不清楚从何而来？「开始」。

Windows 1993年菜单栏的第一个草图年 6 月。

最后设计

请注意左下角「Click here tu begin(点击此处开始)」

对用户进行反馈「窗户并不总是可见的」问题:微软选择在屏幕的某个位置固定打开的窗口内容，即任务栏。每个任务栏都有自己的内容，任务栏位于其他窗口的顶部。

任务栏的演变过程

介绍任务栏的各个部分

任务栏原本遵循选项卡的设计，默认位于屏幕顶部，但在测试过程中发现，一些程序默认屏幕的可用区域从 (0,0，即左上方的屏幕) 起初，任务栏可能会被屏蔽，或者微软最终选择将任务栏移动到底部(默认)，以避免类似苹果系统顶部菜单栏的设计。

当然，微软内部的一些人并不认可这个界面。一些微软高管甚至说，他们觉得任务栏上的按钮太像汽车上的电台按钮了，有些人就是不喜欢。「开始」这个名字。但是可用性测试的结果最终说服了这些人。最终，新版本 Windows 使用这个界面。

最后发布

1995 年 8 月 24 日，Windows 95 正式发布。

在对新版本 Windows 在命名方面，微软放弃了以前的版本(1.0-3.x）命名方法，并以年份命名本版本。 Windows。1995 年，也因为 Windows 在操作系统的历史上，95已经成为重要的一年。

Windows 95

为了推广这个版本，微软可谓竭尽全力。微软花了 300 购买滚石乐队歌曲的万美元「Start Me Up」以宣传「开始」这个功能，还邀请了演员 Jennifer Aniston 和 Matthew Perry 拍摄喜剧的形式 Windows 95 录像教程，还设计了大量的电视广告宣传 Windows 95，其中「开始」其功能是核心宣传对象。

比尔·盖茨 Windows 95 发布会上

演员受到微软的邀请 Jennifer Aniston 和 Matthew Perry 拍摄 Windows 95 视频教程

而 Windows 95 推出也取得了巨大的成功，短短四天就实现了全球销售。 100 一万份。那时，苹果陷入了困境。 Pink 项目及 Taligent OS 的泥潭中，Windows 95 得到了媒体的更多关注，市场份额也在不断上升，最终使 Windows 操作系统市场的成功主导。

除桌面环境外，微软还根据可用性测试结果重新设计了一些界面，例如「打开/另存为文档」界面，「选择打印机」接口等，有些设计一直延续到今天。

Windows 3.1 与 95 「打开文件」界面对比

Windows 95 与 11 对比文档/文件夹特性界面

Windows 95 图标也有所改进，有些图标使用了类似苹果的图标。 Copland 等轴测视图的风格。图标仍然是 32×32、16 颜色，但是后来推出了 Microsoft Plus! 引进了附加包 256 支持色彩图标。

Windows 95 图标(部分)

事实上，Daniel Oran 在 Windows 95 在发布之前就离开了微软，当时他并不确定自己是否参与了设计。「菜单栏任务栏」页面是否会被覆盖 Windows 95 选用。事实证明他多愁善感，这个界面不但顺利进入。 Windows 95，也成了后来 Windows 网页的基础，而且到目前为止，生成还产生了强大的生命力，甚至影响了它。 KDE、xfce 其他桌面环境的设计。对于这一点，他也表示非常惊讶，他在接受采访时表示：

那真是太棒了，几乎不可思议。现在 1993 2008年我绝对不会想到这个。

它是我职业生涯中最难忘、最有影响力的事情之一。

历代 Windows 菜单栏

KDE 1.1 桌面

念念不忘：Windows 3.x 留下的遗址

虽然 Windows 95 成功发布也取得了巨大的成就，但微软仍然不放心：万一有客户不适应。 Win95 新界面，想要换回以前的界面 Windows 网页怎么办？对于这个问题，微软也想到了一些解决办法。举例来说，安装 Windows 95 时可以选择 Windows 3.1 的「程序管理器」默认操作界面。