70年代,施乐公司 Xerox Palo Alto Research Center (PARC) 的研究人员开发了第一个 GUI 图形用户界面,开启了计算机图形界面的新纪元,80年代以来,操作系统的界面设计经历了众多变迁,OS/2, Macintosh, Windows, Linux, Symbian OS ,各种操作系统将 GUI 设计带进新的时代。本文介绍了80年代以来各种操作系统 GUI 界面设计的进化史。

第一个使用现代图形界面的个人电脑是 Xerox Alto,设计于1973年,该系统并未商用,主要用于研究和大学。

1Source: toastytech.com

1981-1985

Xerox 8010 Star (1981年推出)

这是第一台全集成桌面电脑,包含应用程序和图形用户界面(GUI),一开始叫 The Xerox Star,后改名为 ViewPoint, 最后又改名为 GlobalView。

Xerox 8010 Star
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 1
Apple Lisa OS 1, Source: GUIdebook

 

Apple Lisa OS 1
Apple Lisa OS 1, Source: GUIdebook

 

VisiCorp Visi On (1984)

Visi On 是为 IBM PC 开发的第一款桌面 GUI,该系统面向大型企业,价格昂贵,使用基于鼠标的 GUI,它内置安装程序与帮助系统,但尚未使用图标。

Visi On
VisiCoprt Visi On, Source: toastytech.com

 

Visi On
VisiCoprt Visi On, Source: toastytech.com

 

Mac OS System 1.0 (1984)

System 1.0 是最早的 Mac 操作系统 GUI,已经拥有现代操作系统的几项特点,基于窗体, 使用图标。窗体可以用鼠标拖动,文件与文件夹可以通过拖放进行拷贝。

Mac OS 1
Apple Mac System 1.0, Source: toastytech.com

 

Amiga Workbench 1.0 (1985)

一经发布,Amiga 就领先时代。它的 GUI 包含诸如彩色图形(四色:黑,白,蓝,橙),初级多任务,立体声以及多状态图标(选中状态和未选中状态)

Amiga Workbench 1.0
Amiga Workbench 1.0, Source: GUIdebook

 

Amiga Workbench 1.0
Amiga Workbench 1.0, Source: GUIdebook

 

Windows 1.0x (1985)

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

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

 

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

 

1986 - 1990

IRIX 3 (released in 1986, first release 1984)

64为 IRIX 操作系统是为 Unix 设计的,它的一个有趣功能是支持矢量图标,这个功能远在 Max OS X 面世前就出现了。

IRIX 3
Silicon Graphics IRIX 3.0, Source: osnews.com

 

Windows 2.0x (1987)

这个版本的 Windows 操作系统中对 Windows 的管理有了很大改进,Windows 可以交叠,改变大小,最大化或最小化。

Windows 2
Microsoft Windows 2.03, Source: guidebookgallery.org

 

Windows 2
Microsoft Windows 2.03, Source: guidebookgallery.org

 

OS/2 1.x (released in 1988)

OS/2 最早由 IBM 和微软合作开发,然而1991年,随着微软将这些技术放到自己的 Windows 操作系统,两家公司决裂,IBM 继续开发 OS/2,OS/2 使用的 GUI 被称为 “Presentation Manager (展示管理)”,这个版本的 GUI 只支持单色,以及固定图标。

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

 

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

 

NeXTSTEP / OPENSTEP 1.0 (1989)

Steve Jobs 心血来潮,想为大学和研究机构设计一款完美的电脑,他的这个设想后来造就了一家叫做  NeXT Computer 的公司。

第一台 NeXT 计算机于1988年发布,不过到了1989年随着 NeXTSTEP 1.0 GUI 的发布才取得显著进展,该 GUI 后来演变成 OPENSTEP。

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

Nextstep 1
NeXTSTEP 1.0, Source: kernelthread.com

 

OS/2 1.20 (1989)

OS/2 的下一个小版本在很多方面都做了改进,图标看上去更好看,窗体也显得更平滑。

Os 2 12
OS/2 1.2, Source pages.prodigy.net

 

Windows 3.0 (1990)

到 Windows 3.0, 微软真正认识到 GUI 的威力,并对之进行大幅度改进。该操作系统已经支持标准或386增强模式,在增强模式中,可以使用640K以上的扩展内存,让更高的屏幕分辨率和更好的图形成为可能,比如可以支持 SVGA 800x600 或 1024x768。

同时,微软聘请 Susan Kare 设计 Windows 3.0 的图标,为  GUI 注入统一的风格。

Windows 3
Microsoft Windows 3.0, Source: toastytech.com

 

Windows 3
Microsoft Windows 3.0, Source: toastytech.com

 

1991 - 1995

Amiga Workbench 2.04 (1991)

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

Amiga Workbench 2
Commodore Amiga Workbench 2.04, Source: guidebookgallery.org

 

Mac OS System 7 (released in 1991)

Mac OS 7 是第一款支持彩色的 GUI,图标中加入了微妙的灰,蓝,黄阴影。

Macos 7
Apple Mac OS System 7.0, Source: guidebookgallery.org

 

Macos 7
Apple Mac OS System 7.0, Source: guidebookgallery.org

 

Windows 3.1 (1992)

该版本的 Windows 支持预装的 TrueType 字体,第一次使 Windows 成为可以用于印刷的系统。Windows 3.0 中,只能通过 Adobe 字体管理器(ATM)实现该功能。该版本同时包含一个叫做 Hotdog Stand 的配色主题。

配色主题可以帮助某些色盲患者更容易看清图形。

windows_311_workspace
Source: Wikipedia

 

OS/2 2.0 (1992)

这是第一个获得世界认可并通过可用性与可访问性测试的 GUI,整个 GUI 基于面向对象模式,每个文件和文件夹都是一个对象,可以同别的文件,文件夹与应用程序关联。它同时支持拖放式操作以及模板功能。

Os 2 2
IBM OS/2 2.0, Source: toastytech.com

 

Os 2 2
IBM OS/2 2.0, Source: toastytech.com

 

Windows 95 (1995)

Windows 3.x 之后,微软对整个用户界面进行了重新设计,这是第一个在窗口上加上关闭按钮的 Windows 版本。图标被赋予了各种状态(有效,无效,被选中等),那个著名的“开始”按钮也是第一次出现。对操作系统和 GUI 而言,这是微软的一次巨大飞跃。

Windows 95
Microsoft Windows 95, Source: guidebookgallery.org

 

Windows 95
Microsoft Windows 95, Source: guidebookgallery.org

 

1996 - 2000

OS/2 Warp 4 (1996)

IBM 终于争气地推出了 OS/2 Warp 4。桌面上可以放置图标,也可以自己创建文件和文件夹,并推出一个类似 Windows 回收站和 Mac 垃圾箱的文件销毁器,不过一旦放进去进不能再恢复。

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

 

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

 

Mac OS System 8 (1997)

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

Macos 8
Apple Mac OS 8, Source: guidebookgallery.org

 

Windows 98 (1998)

图标风格和 Windows 95 几无二致,不过整个 GUI 可以使用超过256色进行渲染,Windows 资源管理器改变巨大,第一次出现活动桌面。

Windows 98
Microsoft Windows 98, Source: toastytech.com

 

KDE 1.0 (1998)

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

Kde 1
KDE 1.0, Source: ditesh.gathani.org

 

GNOME 1.0 (1999)

GNOME 桌面主要为 Red Hat Linux 开发,后来也被别的 Linux 采用。

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。默认的 32x32, 48x48 被更大的 128x128 平滑半透明图标代替。

该 GUI 一经推出立即招致大量批评,似乎用户都如此大的变化还不习惯,不过没过多久,他们呢就接受了这种新风格,如今这种风格已经成了 Mac OS 的招牌。

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

 

Windows XP (released in 2001)

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

Windows xp
Microsoft Windows XP Professional, Source: guidebookgallery.org

 

KDE 3 (released in 2002)

自1.0版发布以来,KDE 有了长足的改进,对所有图形和图标进行了改进并统一了用户体验。

Kde 3
KDE 3.0.1, Source: netbsd.org

 

2007 - 2009 (current)

Windows Vista (released in 2007)

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

Windows Vista
Microsoft Windows Vista, Source: technology.berkeley.edu

Mac OS X Leopard (released in 2007)

对于第六代 Max OS X,苹果又一次对用户界面做出改进。基本的 GUI 仍是 Aqua,但看上去更 3D 一些,也包含了 3D 停靠坞以及很多动画与交互功能。

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

kde
Source: Wikipedia

鸣谢

延伸阅读

苹果的设计演化史:1977-2008

本文国际来源:http://www.webdesignerdepot.com/2009/03/operating-system-interface-design-between-1981-2009/
中文翻译来源:COMSHARP CMS 官方网站







  发送给朋友| 打印友好
7 x 12 小时服务热线
0532 - 83669660
微信: comsharp
QQ: 13885509
QQ: 592748664
Skype: comsharp