操作系统图形界面发展史(1981-2009)

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

首先,先介绍两个网站:

 

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

1.gif

Source: toastytech.com

 

1981-1985

Xerox 8010 Star (released in 1981)

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

2.gif

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

3.gif

Apple Lisa OS 1, Source: GUIdebook

VisiCorp Visi On (released in 1984)

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

4.gif

5.jpg

VisiCoprt Visi On, Source: toastytech.com

Mac OS System 1.0 (released in 1984)

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

6.gif

Apple Mac System 1.0, Source: toastytech.com

Amiga Workbench 1.0 (released in 1985)

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

7.gif

Amiga Workbench 1.0, Source: GUIdebook

Windows 1.0x (released in 1985)

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

8.gif

Microsoft Windows 1.01, Source: makowski-berlin.de

9.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成熟了太多了)

10.jpg

Silicon Graphics IRIX 3.0, Source: osnews.com

Windows 2.0x (released in 1987)

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

11.gif

Microsoft Windows 2.03, Source: guidebookgallery.org

12.gif

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

13.gif

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

14.gif

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 的影子。

下面是截屏: 

15.jpg

NeXTSTEP 1.0, Source: kernelthread.com

OS/2 1.20 (released in 1989)

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

16.gif

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 的图标并统一了图形界面的风格。

17.gif

Microsoft Windows 3.0, Source: toastytech.com

18.gif

Microsoft Windows 3.0, Source: toastytech.com

1991 – 1995

Amiga Workbench 2.04 (released in 1991)

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

19.gif

Commodore Amiga Workbench 2.04, Source: guidebookgallery.org

 

Mac OS System 7 (released in 1991)

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

20.jpg

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

21.png

Source: Wikipedia

OS/2 2.0 (released in 1992)

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

22.gif

23.gif

IBM OS/2 2.0, Source: toastytech.com

Windows 95 (released in 1995)

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

24.gif

25.gif

Microsoft Windows 95, Source: guidebookgallery.org

1996 – 2000

OS/2 Warp 4 (released in 1996)

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

26.jpg

27.jpg

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

Mac OS System 8 (released in 1997)

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

28.jpg

Apple Mac OS 8, Source: guidebookgallery.org

 

Windows 98 (released in 1998)

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

29.jpg

Microsoft Windows 98, Source: toastytech.com

  

KDE 1.0 (released in 1998)

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

30.jpg

KDE 1.0, Source: ditesh.gathani.org

GNOME 1.0 (released in 1999)

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

31.gif

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

32.jpg

Apple Mac OS X 10.1 Source: guidebookgallery.org

Windows XP (released in 2001)

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

33.jpg

Microsoft Windows XP Professional, Source: guidebookgallery.org

KDE 3 (released in 2002)

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

34.jpg

KDE 3.0.1, Source: netbsd.org

 

 

2007 – 2009

Windows Vista (released in 2007)

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

35.jpg

Microsoft Windows Vista, Source: technology.berkeley.edu

Mac OS X Leopard (released in 2007)

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

36.jpg

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

 

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

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

Source: Wikipedia 

转自:http://coolshell.cn/articles/105.html

原创文章,作者:s19930811,如若转载,请注明出处:http://www.178linux.com/2233

(0)
s19930811s19930811
上一篇 2016-05-17
下一篇 2016-05-17

相关推荐

  • Linux网络协议命令介绍(3)

      在上一章中,我们谈到了网络协议以及TCP传输层说明,下面我们来介绍一下序列号和确认好有什么区别之外,以及基本的网络命令。 1、序列号和确认号有什么区别? 2、网络功能 3、网络命令 4、配置文件 1、序列号和确认号有什么区别?   发送方与接收方的发送请求,把SYN设置为1,TCP报文出去都有个号码,随机生成称为序…

    Linux干货 2016-11-29
  • 马哥教育网络班22期第二周课程练习1-未闻花名

    1、Linux管理文件和目录的命令 命令 功能 命令 功能 pwd 显示当前目录 ls 查看目录下的内容 cd 改变所在目录 cat 显示文件的内容 grep 在文件中查找某字符 cp 复制文件 touch 创建文件 mv 移动文件 rm 删除文件 rmdir 删除目录 1.1 pwd命令 该命令的英文解释为print working directory(打…

    Linux干货 2016-08-22
  • Varnish的配置与部署

          Varnish与一般服务器软件类似,分为master(management)进程和child(worker,主要做cache的工作)进程。master进程读入命令,进行一些初始化,然后fork并监控child进程。child进程分配若干线程进行工作,主要包括一些管理线程和很多woker线程。 va…

    2017-07-27
  • 第四周博客作业

    1、复制/etc/skel目录为/home/tuser1,要求/home/tuser1及其内部文件的属组和其它用户均没有任何访问权限。 ~]# cp -r /etc/skel /home/tuser1 ]# chmod -R 700 /home/tuser1/ 2、编辑/etc/group文件,添加组hadoop ~]# echo "hadoop:…

    Linux干货 2016-12-14
  • AWK文本工具和软件包管理

    AWK文本工具 两种版本1.nawk   2.gawk gawk    模式扫描和处理语言 选项: -F 指明输入时用到的字段分隔符 -v  var=value:自定义变量 基本格式: awk [options] ’program’   file…. program:pattern{action statrments;………

    Linux干货 2018-03-15
  • Linux基础知识——SHELL之循环

    1、写一个脚本,判断当前系统用户shell是否都为可登陆shell(即非/sbin/nologin),分别计算两类用户的个数(通过比较字符串实现) #!/bin/bash #       check the user could login&nbsp…

    Linux干货 2016-12-13