[UI]80 年代以来的操作系统 GUI 设计进化史(上)

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
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 操作系统取代。LisaOS 几个升级包括 1983年的 Lisa OS2, 1984年的 Lisa OS 7/7 3.1。

Apple Lisa OS 1, Source: GUIdebook

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 包含诸如彩色图形(四色:黑,白,蓝,橙),初级多任务,立体声以及多状态图标(选中状态和未选中状态)

Amiga Workbench 1.0, Source: GUIdebook

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

Microsoft Windows 1.01, Source: makowski-berlin.de

Microsoft Windows 1.01, Source: makowski-berlin.de
1986 – 1990 IRIX 3 (released in 1986, first release 1984)
64为 IRIX 操作系统是为 Unix 设计的,它的一个有趣功能是支持矢量图标,这个功能远在 Max OS X 面世前就出现了。

Silicon Graphics IRIX 3.0, Source: osnews.com
Windows 2.0x (1987)
这个版本的 Windows 操作系统中对 Windows 的管理有了很大改进,Windows 可以交叠,改变大小,最大化或最小化。

Microsoft Windows 2.03, Source: guidebookgallery.org

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只支持单色,以及固定图标。

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

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 的图标很大,48×48像素,包含更多颜色,一开始是单色的,从1.0开始支持彩色,下图中已经可以看到现代 GUI 的影子。

NeXTSTEP 1.0, Source: kernelthread.com
OS/2 1.20 (1989)
OS/2 的下一个小版本在很多方面都做了改进,图标看上去更好看,窗体也显得更平滑。

OS/2 1.2, Source pages.prodigy.net
Windows 3.0 (1990)
到 Windows 3.0, 微软真正认识到 GUI的威力,并对之进行大幅度改进。该操作系统已经支持标准或386增强模式,在增强模式中,可以使用640K以上的扩展内存,让更高的屏幕分辨率和更 好的图形成为可能,比如可以支持 SVGA 800×600 或 1024×768。
同时,微软聘请 Susan Kare 设计 Windows 3.0 的图标,为 GUI 注入统一的风格。

Microsoft Windows 3.0, Source: toastytech.com

Microsoft Windows 3.0, Source: toastytech.com
1991 – 1995 Amiga Workbench 2.04 (1991)
该版 GUI 包含很多改进,桌面可以垂直分割成不同分辨率和颜色深度,在现在看来似乎有些奇怪。默认的分辨率是 640×256,不过硬件支持更高的分辨率。

Commodore Amiga Workbench 2.04, Source: guidebookgallery.org
Mac OS System 7 (released in 1991)
Mac OS 7 是第一款支持彩色的 GUI,图标中加入了微妙的灰,蓝,黄阴影。

Apple Mac OS System 7.0, Source: guidebookgallery.org

Apple Mac OS System 7.0, Source: guidebookgallery.org
鸣谢

延伸阅读
苹果的设计演化史:1977-2008
本文国际来源:Operating System Interface Design Between 1981-2009
中文翻译来源:COMSHARP CMS 官方网站

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏