title: 713.操作系统图形界面发展史(1981-2009) outline: deep

 

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

首先,先介绍两个网站:

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

01
Source: toastytech.com

1981-1985

Xerox 8010 Star (released in 1981)

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

02-xerox-8010-starXerox 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。下面是其操作系统截图。

03-apple-lisa-1Apple Lisa OS 1, Source: GUIdebook

VisiCorp Visi On (released in 1984)

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

05-visi-on
06-visi-on
VisiCoprt Visi On, Source:
toastytech.com

Mac OS System 1.0 (released in 1984)

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

07-mac-os-1
Apple Mac System 1.0, Source:
toastytech.com

Amiga Workbench 1.0 (released in 1985)

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

09-amiga-workbench-10
Amiga Workbench 1.0, Source:
GUIdebook

Windows 1.0x (released in 1985)

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

10-windows-1Microsoft Windows 1.01, Source: makowski-berlin.de

11-windows-11
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成熟了太多了)

12-irix-3
Silicon Graphics IRIX 3.0, Source:
osnews.com

Windows 2.0x (released in 1987)

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

13-windows-2

Microsoft Windows 2.03, Source: guidebookgallery.org

 14-windows-21
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只支持很单一的色调和不能移动的图标。

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

 16-os-2-11
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 的影子。

下面是截屏: 

17-nextstep-1
NeXTSTEP 1.0, Source:
kernelthread.com

OS/2 1.20 (released in 1989)

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

18-os-2-12OS/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 的图标并统一了图形界面的风格。

19-windows-3
Microsoft Windows 3.0, Source:
toastytech.com

20-windows-31
Microsoft Windows 3.0, Source:
toastytech.com

1991 – 1995

Amiga Workbench 2.04 (released in 1991)

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

21-amiga-workbench-2
Commodore Amiga Workbench 2.04, Source:
guidebookgallery.org

Mac OS System 7 (released in 1991)

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

22-macos-7
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 的配色主题。并且配色还能够照顾有色盲症的人。

24-windows_311_workspace
Source:
Wikipedia

OS/2 2.0 (released in 1992)

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

25-os-2-2

26-os-2-21
IBM OS/2 2.0, Source:
toastytech.com

Windows 95 (released in 1995)

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

27-windows-951

28-windows-95
Microsoft Windows 95, Source:
guidebookgallery.org

1996 – 2000

OS/2 Warp 4 (released in 1996)

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

29-os-2-warp-4

 30-os-2-warp-41
IBM OS/2 Warp 4, Source:toastytech.com  

Mac OS System 8 (released in 1997)

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

31-macos-8Apple Mac OS 8, Source: guidebookgallery.org

Windows 98 (released in 1998)

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

32-windows-98
Microsoft Windows 98, Source:
toastytech.com

KDE 1.0 (released in 1998)

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

33-kde-1
KDE 1.0, Source:
ditesh.gathani.org

GNOME 1.0 (released in 1999)

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

 34-gnome-1

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 的招牌。

35-mac-osx-1
Apple Mac OS X 10.1 Source:
guidebookgallery.org

Windows XP (released in 2001)

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

36-windows-xp
Microsoft Windows XP Professional, Source:
guidebookgallery.org

KDE 3 (released in 2002)

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

37-kde-3

KDE 3.0.1, Source: netbsd.org

2007 – 2009

Windows Vista (released in 2007)

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

38-windows-vista

Microsoft Windows Vista, Source: technology.berkeley.edu

Mac OS X Leopard (released in 2007)

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

39-mac-osx-leopard

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

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

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

 40-kde

Source: Wikipedia