资讯频道 → 操作系统
阅读更多

25顶
0踩

操作系统

转载新闻 80 年代以来的操作系统 GUI 设计进化史(上)

2009-03-16 08:39 by 副主编 zly06 评论(6) 有7061人浏览
设计模式

COMSHARP CMS写道：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


来自: comsharp
25
顶
0
踩
评论 共 6 条 请登录后发表评论
6 楼 linginfanta 2009-03-17 14:17
经典怀旧。
5 楼 rmn190 2009-03-17 11:20
好像是在看整个人类的进化史!
4 楼 AllenZhang 2009-03-16 11:55
每次看到一些老图片，都让我很怀念，
3 楼 xbwolf 2009-03-16 11:16
上学时候 很喜欢用WIN98 ，虽然经常蓝屏。典型的就是 如果你正在读光盘 按一下光驱的出仓键。。。
2 楼 Jekey 2009-03-16 09:57
不错，长见识了！
1 楼 whaosoft 2009-03-16 09:34
回顾下历史!~!

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Echo 3.0 漂亮的RIA框架

    Echo 3.0 漂亮的RIA框架，网址见 http://demo.nextapp.com/echo3csjs/ ，达到桌面效果的各种控件，事件驱动编程，ajax实现。 可以在浏览器端和服务器端编程，相同的效果。

  • go语言web框架：Echo超详细一文搞透

    官方网站: GitHub资源库: 文档: 社区论坛: 二、基本使用 1、基本语法 创建server.go 执行：，端口8080 3、响应处理 指定响应内容

  • go初学者安装echo框架

    一、echo简介 go语言中，web框架非常多，但是echo绝对是性能非常好的一种，下面是各种go框架的性能对比 中国有这个框架的翻译版本，不是非常全，但是也基本上差不多了，如果英文基础好的话可以查阅英文版 - 点击打开链接 二、安装 因为golang.org在我们伟大的天朝无法访问的原因，所以按照官网上面的介绍是万万不可能安装成功的，这里我来把我之前安装的步骤整理一下，自

  • 常见B/S系统架构设计

    要点 一：前端架构 前端是通常是指用户的请求到达应用服务器之前经历的环节，一般不包括业务逻辑，不处理动态数据。 1.浏览器优化技术 并不是优化浏览器，而是通过优化响应页面，加快浏览器页面的加载和显示，常用的有页面缓存、合并HTTP减少请求次数、使用页面压缩等。 2.CDN 内容分发网络，部署在网络运营商机房，通过将静态页面内容分发到离用户最近最...

  • C++中GUID转字符串

    #include "stdafx.h" #include <stdlib.h> #include &... GUID guid = { 0 }; if (CoCreateGuid(&guid) == S_OK) { wchar_t test[48] = {

  • GUID转换字符串的几种形式

    一、GUID转换成16位16进制字符串 /// <summary> /// 根据GUID获取16位的唯一16进制字符串 /// </summary> /// <returns></...

  • oracle字符串生成唯一数字,在C#中生成唯一的字符串和数字【GUID】转

    当我们想要获得一个唯一的key的...想要缩短GUID的长度而不牺牲它的唯一性是不可能的，但是如果我们能够接受一个16位的字符串的话是可以做出这个牺牲的。我们可以将一个标准的GUID21726045-e8f7-4b09-abd8-4bcc926...

  • php计算字符串散列,PHP如何把字符串hash成10进制数字

    md5这种方法都是哈希成一个字符+数字的字符串，但是现在我需要把一个字符串哈希成10进制数字，有没有什么算法可以实现的，或者可以吧md5的结果转换成10进制的一般情况而言需要做字符串到十进制数字的转换可以用 crc...

  • python 把cookie 字符串 转化成scrapy 所需要的格式

    cookiestr = 'bcookie="v=2&254ad150-1fa4-4138-8e38-daae844d7826"; _ga=GA1.2.170993092.1543214717; liap=true; JSESSIONID="ajax:5176276408509070769"; org_tcphc=true;... _guid=2e2d2cbc...

  • oracle guid 字段类型,Oracle中RAW(16)与.Net中GUID字符串的转换

    平常从来都没碰到过RAW类型的字段，最近碰到一个需求，就是我们数据库中保存了一个VARCHAR类型的GUID字符串，这个是调用FileNet API保存文档到FileNet Content Engine后返回的一个document id。现在要利用这个...

  • js 提取字符串中的guid

    有一个字符长串，如： var objStr = "thumbnail='1450236716942-cce5a912-ca1a-21af-8acc-74eceb97a50c' id='2432553243' html='this is a demo' "; 要提取其中的guid串，需要用正则进行匹配， var reg=new ...

  • c# 如何把int类型的值转化为guid类型

    【代码】c# 如何把int类型的值转化为guid类型。

  • C#定义类型转化 及 格式化字符串

    它可以定义不同类型之间采用何种转化方式和转化的结果。 operator用于定义类型转化时可采用2种方式，隐式转换(implicit)和显示转换(explicit) public class OperatorTestDemo { public static void Test(...

  • c# 字符串大小写转换

    c# 字符串大小写转换 将字符串转换为大写 String 类有一个名为 ToUpper 的静态方法。 您可使用此方法将字符串转换为大写。例如： string lower = “converted from lowercase”; Console.WriteLine(lower.ToUpper()...

  • GUID转换成16位字符串或19位数据（确保唯一）

    /// /// 根据GUID获取16位的唯一字符串 /// /// /// public static string GuidTo16String() { long i = 1; foreach (byte b in Guid.NewGuid().ToByteArray())

  • string转化为Guid

    string str = "b49ee95d-e137-4b72-bdcb-c6ed3b71d87c"; Guid guid = new Guid(str); Console.WriteLine(guid); Guid g = Guid.Parse(str); Console.WriteLine(g...

  • python json转字符串_Python json转字符串的一些细节

    Python json转字符串的一些细节

  • guid和字符串的转换

    1.生成新的Guid: Guid.NewGuid()...2.把一个转换成字符串的guid再转换成Guid:Guid gid=new Guid(str); 3.另外一个关于guid的问题UPDATE StockSET EndAmt = 40WHERE ([GUID] = (SELECT TOP 1 [GUID] FROM Stock b 

  • golang 字符串转int64

    【代码】golang 字符串转int64。

  • Python处理mongo结果中的ObjectId类型为字符串

    背景：在使用python执行mongo shell命令时，返回的结果中id为ObjectId类型，这明显不符合json的格式要求，转换起来很费劲，下面提供一种方式快速转换，仅供参考。 # -*- coding: UTF-8 -*- """ ...

Global site tag (gtag.js) - Google Analytics