注意，本文这罗列了从1981年以来有重大意义的操作系统的图形界面。

首先，先介绍两个网站：

• http://www.guidebookgallery.org/ 如果你比较关注图形化UI的设计， 可以上这个网站上看看。
• http://toastytech.com/guis/index.html 这是一个操作系统图形界面收集的网站，上面几科包括了所有的操作系统图形界面。

 

 下面，让我们先来看看PC机上的第一个图形界面——Xerox Alto(该系统并未商用，主要用于研究和大学)，其于1973年被施乐公司Xerox Palo Alto Research Center (PARC)所设计，从此，开启了计算机图形界面的新纪元，80年代以来，操作系统的界面设计经历了众多变迁，OS/2, Macintosh, Windows, Linux, Symbian OS ，各种操作系统将 GUI 设计带进新的时代。下面是其图片（70年代的东西看起来还不错哦）

Source: toastytech.com

 

1981-1985

Xerox 8010 Star (released in 1981)

这是第一个完整地集成了桌面和应用程序以及图形界面的操作系统，人们一开始叫它“Xerox Star”，然后又叫“ViewPoint”，再以后又叫作“GlobalView”。

Xerox 8010 Star, Source: toastytech.com

 

Apple Lisa Office System 1 (released in 1983)

这个操作系统也叫Lisa OS，这里的OS是Office System的缩写。它由Apple公司开发主要目的用于文档处理工作站。不幸的是，这款机器的寿命并不长，最终这个工作站被更便宜的Apple的Macintosh操作系统所取代。Lisa OS 几个升级包括 1983年的 Lisa OS2, 1984年的 Lisa OS 7/7 3.1。下面是其操作系统截图。

Apple Lisa OS 1, Source: GUIdebook

VisiCorp Visi On (released in 1984)

下面是IBM PC上的第一个图形界面的操作系统，叫Visi，其主要是给大公司用的，当然其价格也是非常高昂的。这个图形界面使用了鼠标，内置的安装程序以及帮助文档，但没有使用icon。下面是截图。

VisiCoprt Visi On, Source: toastytech.com

Mac OS System 1.0 (released in 1984)

Mac OS System 1.0是第一个划时代的图形界面，因为它其中的很多技术到今天还在使用。比如，基于窗口用图标的UI，窗口可以被鼠标移动，可以使用鼠标拖动文件和目录以完成文件的copy和move。

Apple Mac System 1.0, Source: toastytech.com

Amiga Workbench 1.0 (released in 1985)

Amiga在第一次release出来是超前的，它支持背景色的更换四色:黑，白，蓝，橙），原始的多任务处理，还有立体声，以及多状态的图标（选中和未选中）

Amiga Workbench 1.0, Source: GUIdebook

Windows 1.0x (released in 1985)

微软作为一个图形界面的狂热者，在图形界面上的有着执着的热情，1985年，微软终于在图形用户界面大潮中占据了一席之地，Windows 1.0 是其第一款基于 GUI 的操作系统 。使用了 32×32 像素的图标以及彩色图形，其最有趣的功能是模拟时钟动画图标。

 

Microsoft Windows 1.01, Source: makowski-berlin.de

 

1986 1990

IRIX 3 (released in 1986, first release 1984)

64位的IRIX操作系统源自UNIX。它的一个有趣功能是支持矢量图标，这个功能远在 Max OS X 面世前就出现了。下面是截图（看起来，比Windows成熟了太多了）

Silicon Graphics IRIX 3.0, Source: osnews.com

Windows 2.0x (released in 1987)

Windows在这个版本有重大的改进。比如窗口可以重叠，可以改变大小，可以最大化和最小化。下面是截图。

 

 
Microsoft Windows 2.03, Source: guidebookgallery.org

 

OS/2 1.x (released in 1988)

OS/2 版本1.x本来是IBM和Microsoft一起开发的，但是1991年两个公司分道扬镳，微软做自己的windows去了，而IBM继续OS/2的开发，这个操作系统的GUI又被叫作“Presentation Manager”，这个版本的OS/2只支持很单一的色调和不能移动的图标。

 

 
Microsoft-IBM OS/2 1.1, Source: pages.prodigy.net

 

NeXTSTEP / OPENSTEP 1.0 (released in 1989)

 Steve Jobs 想给大学或研究实验室做一个完美的Research电脑，于是这个想法促成了NeXT Computer Inc.在1989年的时候release了 NeXTSTEP 1.0 GUI，在后来它被改名为：OPENSTEP。

该 GUI 的图标很大，48×48像素，包含更多颜色，一开始是单色的，从1.0开始支持彩色，下图中已经可以看到现代 GUI 的影子。

下面是截屏： 

NeXTSTEP 1.0, Source: kernelthread.com

OS/2 1.20 (released in 1989)

接下来，OS/2升级成了1.20，我们可以看到，图标和窗口变得好看了许多，图标看上去更好看，窗体也显得更平滑。（是不是很像Windows 3.2?）

OS/2 1.2, Source pages.prodigy.net

Windows 3.0 (released in 1990)

自从微软和IBM分开后，微软就意识到图形界面对用户的体验会是一个很不错东西，于是他们开始了有意义的改进。操作系统支持386 扩展模式，也就是说可以使用除了640K更多的内存和硬盘空间。并且有能力有更好的显示，如Super VGA 800×600 和 1024×768.

此时，Microsoft 雇佣了 Susan Kare ，她设计了Windows 3.0 的图标并统一了图形界面的风格。

Microsoft Windows 3.0, Source: toastytech.com

Microsoft Windows 3.0, Source: toastytech.com

1991 1995

Amiga Workbench 2.04 (released in 1991)

看来，Amiga Workbench有了很多的改进，该版 GUI 包含很多改进，桌面可以垂直分割成不同分辨率和颜色深度，在现在看来似乎有些奇怪。默认的分辨率是 640×256，不过硬件支持更高的分辨率。但感觉还是土了点。

Commodore Amiga Workbench 2.04, Source: guidebookgallery.org

 

Mac OS System 7 (released in 1991)

Mac OS version 7.0 是第一个支持彩色Mac OS GUI ，还有阴影。

Apple Mac OS System 7.0, Source: guidebookgallery.org

Windows 3.1 (released in 1992)

这个版本的 Windows 引入了TrueType 字体，第一次使 Windows 成为可以用于印刷的系统。整个界面有非常大的改善，Windows 3.0 中，只能通过 Adobe 字体管理器（ATM）实现该功能。该版本同时包含一个叫做 Hotdog Stand 的配色主题。并且配色还能够照顾有色盲症的人。

Source: Wikipedia

OS/2 2.0 (released in 1992)

这是第一个被提交到互联网上接受可用性与可访问性测试的GUI，整个GUI使用了面向对象的方法设计，每个文件和文件夹都是一个对象，可以同别的文件，文件夹与应用程序关联。它同时支持拖放式操作以及模板功能。看上去已是很不错了。

IBM OS/2 2.0, Source: toastytech.com

Windows 95 (released in 1995)

Windows 3.x 之后，微软对整个GUI被完全重新设计，这是第一个在每个窗口上加上了关闭按钮的GUI。设计团队让图标有了几个状态 (enabled, disabled, selected, checked, etc.) 这也是最著名的“开始”按钮第一次出现的时候。这是Microsoft历史上最大的一步，从此走上了帝国之路。

Microsoft Windows 95, Source: guidebookgallery.org

1996 2000

OS/2 Warp 4 (released in 1996)

IBM 终于争气地推出了 OS/2 Warp 4。桌面上可以放置图标，也可以自己创建文件和文件夹，并推出一个类似 Windows 回收站和 Mac 垃圾箱的文件销毁器，不过一旦放进去进不能再恢复。各个操作系统的图形界面开始越来越相似了。都是icons，窗口，垃圾回收站，等等，大同小异了。

 

 

 
IBM OS/2 Warp 4, Source:toastytech.com  

Mac OS System 8 (released in 1997)

该版本的 GUI 支持默认的256色图标，Mac OS 8 最早采用了伪3D图标，其灰蓝色彩主题后来成为 Mac OS GUI 的标志。

Apple Mac OS 8, Source: guidebookgallery.org

 

Windows 98 (released in 1998)

 图标风格和 Windows 95 几无二致，不过颜色支持得更多了。支持超过了256色的图标。第一次出现了“Active Desktop”，桌面和IE集成，开始了internet的全面集成。

Microsoft Windows 98, Source: toastytech.com

  

KDE 1.0 (released in 1998)

KDE是 Linux 的一个统一图形用户界面环境。

KDE 1.0, Source: ditesh.gathani.org

GNOME 1.0 (released in 1999)

Red Hat Linux发行版开发的GUI，GNOME后来也被别的 Linux 采用。

 

Red Hat Linux GNOME 1.0.39, Source: visionfutur.com

 

2001 2005

Mac OS X (released in 2001)

2000年初，苹果宣布推出其 Aqua 界面，2001年，推出全新的操作系统 Mac OS X。默认的 32×32, 48×48 被更大的 128×128 平滑半透明图标代替。该 GUI 一经推出立即招致大量批评，似乎用户都如此大的变化还不习惯，不过没过多久，大家就接受了这种新风格，如今这种风格已经成了 Mac OS 的招牌。

Apple Mac OS X 10.1 Source: guidebookgallery.org

Windows XP (released in 2001)

每一次微软推出重要的操作系统版本，其 GUI 也必定有巨大的改变，Windows XP 也不例外，这个 GUI 支持皮肤，用户可以改变整个 GUI 的外观与风格，默认图标为 48×48，支持上百万颜色。

Microsoft Windows XP Professional, Source: guidebookgallery.org

KDE 3 (released in 2002)

自从KDE 1.0以来，K Desktop Enviornment 改善地非常地快也非常的迅猛。其对所有图形和图标进行了改进并统一了用户体验。

KDE 3.0.1, Source: netbsd.org

 

 

2007 2009

Windows Vista (released in 2007)

开始3D桌面了。这是微软向其竞争对手做出的一个挑战，Vista 中同样包含很多 3D 和动画，自 Windows 98 以来，微软一直尝试改进桌面，在 Vista 中，他们使用类似饰件的机制替换了活动桌面。不过Linux下的3D桌面可更为夸张。

Microsoft Windows Vista, Source: technology.berkeley.edu

Mac OS X Leopard (released in 2007)

这是第6代的Mac OS桌面系统，也是一样，引入了更好的3D元素。还有大量的动画。

Apple Mac OS X 10.5 Leopard, Source: skattertech.com

 

KDE (v4.0 Jan. 2009, v4.2 Mar. 2009)

KDE 4 的 GUI 提供了很多新改观，如动画的，平滑的，有效的窗体管理，图标尺寸可以很容易调整，几乎任何设计元素都可以轻松配置。相对前面的版本绝对是一个巨大的改进。

 

Source: Wikipedia 

（全文完）

 

文章：来源

 

 

 

关注CoolShell微信公众账号和微信小程序