80 年代以來的操作系統 GUI 設計進化史
作者: its
|
發布: 2009/3/12 (下午 05:44)
|
閱讀: 23191
|
評論: 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 官方網站
|