70年代，施乐公司 Xerox Palo Alto Research Center (PARC) 的研究人员开发了第一个 GUI 图形用户界面，开启了计算机图形界面的新纪元，80年代以来，操作系统的界面设计经历了众多变迁，OS/2, Macintosh, Windows, Linux, Symbian OS ，各种操作系统将 GUI 设计带进新的时代。本文介绍了80年代以来各种操作系统 GUI 界面设计的进化史。
第一个使用现代图形界面的个人电脑是 Xerox Alto，设计于1973年，该系统并未商用，主要用于研究和大学。
1981-1985
Xerox 8010 Star (1981年推出)
这是第一台全集成桌面电脑，包含应用程序和图形用户界面（GUI），一开始叫 The Xerox Star，后改名为 ViewPoint， 最后又改名为 GlobalView。
Xerox 8010 Star, Source: toastytech.com
Apple Lisa Office System 1 (1983)
又称 Lisa OS，这里的 OS 是 Office System 的缩写，苹果开发这款机器的初衷是作为文档处理工作站。不幸的是，这款机器的寿命并不长，很快被更便宜的 Macintosh 操作系统取代。Lisa OS 几个升级包括 1983年的 Lisa OS2, 1984年的 Lisa OS 7/7 3.1。
Apple Lisa OS 1, Source: GUIdebook
VisiCorp Visi On (1984)
Visi On 是为 IBM PC 开发的第一款桌面 GUI，该系统面向大型企业，价格昂贵，使用基于鼠标的 GUI，它内置安装程序与帮助系统，但尚未使用图标。
VisiCoprt Visi On, Source: toastytech.com
VisiCoprt Visi On, Source: toastytech.com
Mac OS System 1.0 (1984)
System 1.0 是最早的 Mac 操作系统 GUI，已经拥有现代操作系统的几项特点，基于窗体, 使用图标。窗体可以用鼠标拖动，文件与文件夹可以通过拖放进行拷贝。
Apple Mac System 1.0, Source: toastytech.com
Amiga Workbench 1.0 (1985)
一经发布，Amiga 就领先时代。它的 GUI 包含诸如彩色图形（四色:黑，白，蓝，橙），初级多任务，立体声以及多状态图标（选中状态和未选中状态）
Windows 1.0x (1985)
1985年，微软终于在图形用户界面大潮中占据了一席之地，Windows 1.0 是其第一款基于 GUI 的操作系统 。使用了 32x32 像素的图标以及彩色图形，其最有趣的功能是模拟时钟动画图标。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/windows-11.gif[/img]
1986 - 1990
IRIX 3 (released in 1986, first release 1984)
64为 IRIX 操作系统是为 Unix 设计的，它的一个有趣功能是支持矢量图标，这个功能远在 Max OS X 面世前就出现了。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/irix-3.jpg[/img]
Windows 2.0x (1987)
这个版本的 Windows 操作系统中对 Windows 的管理有了很大改进，Windows 可以交叠，改变大小，最大化或最小化。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/windows-2.gif[/img]
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/windows-21.gif[/img]
OS/2 1.x (released in 1988)
OS/2 最早由 IBM 和微软合作开发，然而1991年，随着微软将这些技术放到自己的 Windows 操作系统，两家公司决裂，IBM 继续开发 OS/2，OS/2 使用的 GUI 被称为 “Presentation Manager （展示管理）”，这个版本的 GUI 只支持单色，以及固定图标。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/os-2-1.gif[/img]
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/os-2-11.gif[/img]
NeXTSTEP / OPENSTEP 1.0 (1989)
Steve Jobs 心血来潮，想为大学和研究机构设计一款完美的电脑，他的这个设想后来造就了一家叫做 NeXT Computer 的公司。
第一台 NeXT 计算机于1988年发布，不过到了1989年随着 NeXTSTEP 1.0 GUI 的发布才取得显著进展，该 GUI 后来演变成 OPENSTEP。
该 GUI 的图标很大，48x48像素，包含更多颜色，一开始是单色的，从1.0开始支持彩色，下图中已经可以看到现代 GUI 的影子。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/nextstep-1.jpg[/img]
OS/2 1.20 (1989)
OS/2 的下一个小版本在很多方面都做了改进，图标看上去更好看，窗体也显得更平滑。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/os-2-12.gif[/img]
Windows 3.0 (1990)
到 Windows 3.0, 微软真正认识到 GUI 的威力，并对之进行大幅度改进。该操作系统已经支持标准或386增强模式，在增强模式中，可以使用640K以上的扩展内存，让更高的屏幕分辨率和更好的图形成为可能，比如可以支持 SVGA 800x600 或 1024x768。
同时，微软聘请 Susan Kare 设计 Windows 3.0 的图标，为 GUI 注入统一的风格。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/windows-3.gif[/img]
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/windows-31.gif[/img]
1991 - 1995
Amiga Workbench 2.04 (1991)
该版 GUI 包含很多改进，桌面可以垂直分割成不同分辨率和颜色深度，在现在看来似乎有些奇怪。默认的分辨率是 640x256，不过硬件支持更高的分辨率。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/amiga-workbench-2.gif[/img]
Mac OS System 7 (released in 1991)
Mac OS 7 是第一款支持彩色的 GUI，图标中加入了微妙的灰，蓝，黄阴影。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/macos-7.jpg[/img]
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/macos-7.gif[/img]
Windows 3.1 (1992)
该版本的 Windows 支持预装的 TrueType 字体，第一次使 Windows 成为可以用于印刷的系统。Windows 3.0 中，只能通过 Adobe 字体管理器（ATM）实现该功能。该版本同时包含一个叫做 Hotdog Stand 的配色主题。
配色主题可以帮助某些色盲患者更容易看清图形。
[img]http://www.webdesignerdepot.com/wpcontent/uploads/2009/03/windows_311_workspace.png[/img]
OS/2 2.0 (1992)
这是第一个获得世界认可并通过可用性与可访问性测试的 GUI，整个 GUI 基于面向对象模式，每个文件和文件夹都是一个对象，可以同别的文件，文件夹与应用程序关联。它同时支持拖放式操作以及模板功能。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/os-2-2.gif[/img]
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/os-2-21.gif[/img]
Windows 95 (1995)
Windows 3.x 之后，微软对整个用户界面进行了重新设计，这是第一个在窗口上加上关闭按钮的 Windows 版本。图标被赋予了各种状态（有效，无效，被选中等），那个著名的“开始”按钮也是第一次出现。对操作系统和 GUI 而言，这是微软的一次巨大飞跃。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/windows-951.gif[/img]
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/windows-95.gif[/img]
1996 - 2000
OS/2 Warp 4 (1996)
IBM 终于争气地推出了 OS/2 Warp 4。桌面上可以放置图标，也可以自己创建文件和文件夹，并推出一个类似 Windows 回收站和 Mac 垃圾箱的文件销毁器，不过一旦放进去进不能再恢复。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/os-2-warp-4.jpg[/img]
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/os-2-warp-41.jpg[/img]
Mac OS System 8 (1997)
该版本的 GUI 支持默认的256色图标，Mac OS 8 最早采用了伪3D图标，其灰蓝色彩主题后来成为 Mac OS GUI 的标志。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/macos-8.jpg[/img]
Windows 98 (1998)
图标风格和 Windows 95 几无二致，不过整个 GUI 可以使用超过256色进行渲染，Windows 资源管理器改变巨大，第一次出现活动桌面。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/windows-98.jpg[/img]
KDE 1.0 (1998)
KDE是 Linux 的一个统一图形用户界面环境
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/kde-1.jpg[/img]
GNOME 1.0 (1999)
GNOME 桌面主要为 Red Hat Linux 开发，后来也被别的 Linux 采用。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/gnome-1.gif[/img]
2001 - 2005
Mac OS X (released in 2001)
2000年初，苹果宣布推出其 Aqua 界面，2001年，推出全新的操作系统 Mac OS X。默认的 32x32, 48x48 被更大的 128x128 平滑半透明图标代替。
该 GUI 一经推出立即招致大量批评，似乎用户都如此大的变化还不习惯，不过没过多久，他们呢就接受了这种新风格，如今这种风格已经成了 Mac OS 的招牌。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/mac-osx-1.jpg[/img]
Windows XP (released in 2001)
每一次微软推出重要的操作系统版本，其 GUI 也必定有巨大的改变，Windows XP 也不例外，这个 GUI 支持皮肤，用户可以改变整个 GUI 的外观与风格，默认图标为 48x48，支持上百万颜色。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/windows-xp.jpg[/img]
KDE 3 (released in 2002)
自1.0版发布以来，KDE 有了长足的改进，对所有图形和图标进行了改进并统一了用户体验
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/kde-3.jpg[/img]
2007 - 2009 (current)
Windows Vista (released in 2007)
这是微软向其竞争对手做出的一个挑战，Vista 中同样包含很多 3D 和动画，自 Windows 98 以来，微软一直尝试改进桌面，在 Vista 中，他们使用类似饰件的机制替换了活动桌面。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/windows-vista.jpg[/img]
Mac OS X Leopard (released in 2007)
对于第六代 Max OS X，苹果又一次对用户界面做出改进。基本的 GUI 仍是 Aqua，但看上去更 3D 一些，也包含了 3D 停靠坞以及很多动画与交互功能。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/mac-osx-leopard.jpg[/img]
KDE (v4.0 Jan. 2009, v4.2 Mar. 2009)
KDE 4 的 GUI 提供了很多新改观，如动画的，平滑的，有效的窗体管理，图标尺寸可以很容易调整，几乎任何设计元素都可以轻松配置。相对前面的版本绝对是一个巨大的改进。
[img]http://www.webdesignerdepot.com/wp-content/uploads/2009/03/kde.jpg[/img]
微博帐号登录