注意,本文这罗列了从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 像素的图标以及彩色图形,其最有趣的功能是模拟时钟动画图标。
![10-windows-1 10-windows-1](http://coolshell.cn//wp-content/uploads/2009/03/10-windows-1.gif)
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只支持很单一的色调和不能移动的图标。
![15-os-2-1 15-os-2-1](http://coolshell.cn//wp-content/uploads/2009/03/15-os-2-1.gif)
Microsoft-IBM OS/2 1.1, Source: pages.prodigy.net
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