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