|
80 年代以來的操作系統 GUI 設計進化史
作者: its
|
發布: 2009/3/12 (下午 05:44)
|
閱讀: 23189
|
評論: 8
|
靜態地址
|
內容源碼
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 操作系統取代。Lisa OS 幾個升級包括 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 的操作系統 。使用了 32x32 像素的圖標以及彩色圖形，其最有趣的功能是模擬時鐘動畫圖標。
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 的圖標很大，48x48像素，包含更多顏色，一開始是單色的，從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 800x600 或 1024x768。
同時，微軟聘請 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 包含很多改進，桌面可以垂直分割成不同分辨率和顏色深度，在現在看來似乎有些奇怪。默認的分辨率是 640x256，不過硬件支持更高的分辨率。
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
Windows 3.1 (1992)
該版本的 Windows 支持預裝的 TrueType 字體，第一次使 Windows 成為可以用于印刷的系統。Windows 3.0 中，只能通過 Adobe 字體管理器（ATM）實現該功能。該版本同時包含一個叫做 Hotdog Stand 的配色主題。
配色主題可以幫助某些色盲患者更容易看清圖形。
Source: Wikipedia
OS/2 2.0 (1992)
這是第一個獲得世界認可并通過可用性與可訪問性測試的 GUI，整個 GUI 基于面向對象模式，每個文件和文件夾都是一個對象，可以同別的文件，文件夾與應用程序關聯。它同時支持拖放式操作以及模板功能。
IBM OS/2 2.0, Source: toastytech.com
IBM OS/2 2.0, Source: toastytech.com
Windows 95 (1995)
Windows 3.x 之后，微軟對整個用戶界面進行了重新設計，這是第一個在窗口上加上關閉按鈕的 Windows 版本。圖標被賦予了各種狀態（有效，無效，被選中等），那個著名的“開始”按鈕也是第一次出現。對操作系統和 GUI 而言，這是微軟的一次巨大飛躍。
Microsoft Windows 95, Source: guidebookgallery.org
Microsoft Windows 95, Source: guidebookgallery.org
1996 - 2000
OS/2 Warp 4 (1996)
IBM 終于爭氣地推出了 OS/2 Warp 4。桌面上可以放置圖標，也可以自己創建文件和文件夾，并推出一個類似 Windows 回收站和 Mac 垃圾箱的文件銷毀器，不過一旦放進去進不能再恢復。
IBM OS/2 Warp 4, Source: toastytech.com
IBM OS/2 Warp 4, Source: toastytech.com
Mac OS System 8 (1997)
該版本的 GUI 支持默認的256色圖標，Mac OS 8 最早采用了偽3D圖標，其灰藍色彩主題后來成為 Mac OS GUI 的標志。
Apple Mac OS 8, Source: guidebookgallery.org
Windows 98 (1998)
圖標風格和 Windows 95 幾無二致，不過整個 GUI 可以使用超過256色進行渲染，Windows 資源管理器改變巨大，第一次出現活動桌面。
Microsoft Windows 98, Source: toastytech.com
KDE 1.0 (1998)
KDE是 Linux 的一個統一圖形用戶界面環境。
KDE 1.0, Source: ditesh.gathani.org
GNOME 1.0 (1999)
GNOME 桌面主要為 Red Hat Linux 開發，后來也被別的 Linux 采用。
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 的招牌。
Apple Mac OS X 10.1 Source: guidebookgallery.org
Windows XP (released in 2001)
每一次微軟推出重要的操作系統版本，其 GUI 也必定有巨大的改變，Windows XP 也不例外，這個 GUI 支持皮膚，用戶可以改變整個 GUI 的外觀與風格，默認圖標為 48x48，支持上百萬顏色。
Microsoft Windows XP Professional, Source: guidebookgallery.org
KDE 3 (released in 2002)
自1.0版發布以來，KDE 有了長足的改進，對所有圖形和圖標進行了改進并統一了用戶體驗。
KDE 3.0.1, Source: netbsd.org
2007 - 2009 (current)
Windows Vista (released in 2007)
這是微軟向其競爭對手做出的一個挑戰，Vista 中同樣包含很多 3D 和動畫，自 Windows 98 以來，微軟一直嘗試改進桌面，在 Vista 中，他們使用類似飾件的機制替換了活動桌面。
Microsoft Windows Vista, Source: technology.berkeley.edu
Mac OS X Leopard (released in 2007)
對于第六代 Max OS X，蘋果又一次對用戶界面做出改進。基本的 GUI 仍是 Aqua，但看上去更 3D 一些，也包含了 3D 停靠塢以及很多動畫與交互功能。
Apple Mac OS X 10.5 Leopard, Source: skattertech.com
KDE (v4.0 Jan. 2009, v4.2 Mar. 2009)
KDE 4 的 GUI 提供了很多新改觀，如動畫的，平滑的，有效的窗體管理，圖標尺寸可以很容易調整，幾乎任何設計元素都可以輕松配置。相對前面的版本絕對是一個巨大的改進。
Source: Wikipedia
鳴謝
延伸閱讀
蘋果的設計演化史：1977-2008
本文國際來源：http://www.webdesignerdepot.com/2009/03/operating-system-interface-design-between-1981-2009/
中文翻譯來源：COMSHARP CMS 官方網站
| 
團隊博客
