80 年代以來的操作系統 GUI 設計進化史

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

 

1996 - 2000

OS/2 Warp 4 (1996)

IBM 終于爭氣地推出了 OS/2 Warp 4。桌面上可以放置圖標,也可以自己創建文件和文件夾,并推出一個類似 Windows 回收站和 Mac 垃圾箱的文件銷毀器,不過一旦放進去進不能再恢復。

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

 

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

 

Mac OS System 8 (1997)

該版本的 GUI 支持默認的256色圖標,Mac OS 8 最早采用了偽3D圖標,其灰藍色彩主題后來成為 Mac OS GUI 的標志。

Macos 8
Apple Mac OS 8, Source: guidebookgallery.org

 

Windows 98 (1998)

圖標風格和 Windows 95 幾無二致,不過整個 GUI 可以使用超過256色進行渲染,Windows 資源管理器改變巨大,第一次出現活動桌面。

Windows 98
Microsoft Windows 98, Source: toastytech.com

 

KDE 1.0 (1998)

KDE是 Linux 的一個統一圖形用戶界面環境。

Kde 1
KDE 1.0, Source: ditesh.gathani.org

 

GNOME 1.0 (1999)

GNOME 桌面主要為 Red Hat Linux 開發,后來也被別的 Linux 采用。

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

Mac osx 1
Apple Mac OS X 10.1 Source: guidebookgallery.org

 

Windows XP (released in 2001)

每一次微軟推出重要的操作系統版本,其 GUI 也必定有巨大的改變,Windows XP 也不例外,這個 GUI 支持皮膚,用戶可以改變整個 GUI 的外觀與風格,默認圖標為 48x48,支持上百萬顏色。

Windows xp
Microsoft Windows XP Professional, Source: guidebookgallery.org

 

KDE 3 (released in 2002)

自1.0版發布以來,KDE 有了長足的改進,對所有圖形和圖標進行了改進并統一了用戶體驗。

Kde 3
KDE 3.0.1, Source: netbsd.org

 

2007 - 2009 (current)

Windows Vista (released in 2007)

這是微軟向其競爭對手做出的一個挑戰,Vista 中同樣包含很多 3D 和動畫,自 Windows 98 以來,微軟一直嘗試改進桌面,在 Vista 中,他們使用類似飾件的機制替換了活動桌面。

Windows Vista
Microsoft Windows Vista, Source: technology.berkeley.edu

Mac OS X Leopard (released in 2007)

對于第六代 Max OS X,蘋果又一次對用戶界面做出改進。基本的 GUI 仍是 Aqua,但看上去更 3D 一些,也包含了 3D 停靠塢以及很多動畫與交互功能。

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

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

KDE 4 的 GUI 提供了很多新改觀,如動畫的,平滑的,有效的窗體管理,圖標尺寸可以很容易調整,幾乎任何設計元素都可以輕松配置。相對前面的版本絕對是一個巨大的改進。

kde
Source: Wikipedia

鳴謝

延伸閱讀

蘋果的設計演化史:1977-2008

本文國際來源:http://www.webdesignerdepot.com/2009/03/operating-system-interface-design-between-1981-2009/
中文翻譯來源:COMSHARP CMS 官方網站





評論
ทางเข้า betflikเว็บสล็อตทุกค่ายและการพนันสล็อตแนวล|2021/7/30 上午 12:37:40
ทางเข้า betflikเว็บสล็อตทุกค่ายและการพนันสล็อตแนวล่าสุดบริการด้วยระบบใหม่ล่าสุดฝากเงิน – <br/>ถอนเงิน Auto รวมเกมส์เกมสล็อตและเกมคาสิโนยอดนิยมจัดให้ในเว็บเดียวด้วยชื่อเสียงแบรนด์สมัครสมาชิก BETFLIK <br/>ทางเข้าเล่นเกมส์สล็อตออนไลน์ยิงปลาและยังมีเกมคาสิโนรวมแล้วกว่า 246 ทางเข้าเล่น <br/>บริการโดยแบรนด์ผู้สร้างเกมคาสิโนยอดนิยมกว่า 24 บริษัทชั้นนำทั่วโลก<br/><br/>ทางเข้าbetflixเวบสล็อตบนมือถือทุกค่ายดัง เข้าเดิมพันได้ทั้ง เกมสล็อต เกมตกปลา และเกมคาสิโนประเภทอื่นอีกไม่น้อยกว่า 11 <br/>ค่ายระดับโลกเดิมพันสล็อตผ่านเว้บได้ทั้งสล็อต Joker สล็อตPG สล็อต <br/>Pragmatic สล็อต Blueprint PSslot Slot SP EP Slot สล็อต <br/>NetEnt สล็อตค่าย Kalamba กามาตรอน Toptrend Slots <br/>MicroGaming FA Chai Slots FunkyGame สล็อต QS RedTiger <br/>ฮาบาเนโร่ Kingmaker เว็บไซต์ <br/>BETFLIK เกมสล็อตแตกบ่อยแล้วยังเล่นเกมไพ่ทั้งมันส์และสนุกได้อีกมากกว่า 27 แบรนด์สุดฮิต พนันได้ท
 
whatsapp link whatsapp link Tabi ki akıllı telefo|2021/12/18 下午 01:50:53
whatsapp link whatsapp link<br/><br/>Tabi ki akıllı telefonların en önemli özelliği sesli aramaların yanı sıra birçok işlemi yapma imkânı sunuyor olması.<br/><br/>Bu imkanları internet dahilinde sunan akıllı telefonlar çeşitli uygulamaları kullanarak karşımıza çıkmakta.<br/>Whatsapp da bu uygulamalardan bir tanesi.<br/><br/>whatsapp link
 
binance referans kodu binance referans kodu Yatır|2021/12/24 下午 08:25:43
binance referans kodu binance referans kodu<br/><br/>Yatırım yaptığınız bir çok kripto paranın ani <br/>yükselişi/düşüşü sonrasında birçok borsa karını maksimize etmek <br/>için anlık işlem yapmanızı engelleyebiliyor.<br/><br/>Yakın zamanda birçok Türk sitede bu sorun oluştu.<br/>Alternatif borsa arayışında olan arkadaşlar <br/>için bu yazımda Binance’e %20 referans kodu <br/>ile üye olup daha az komisyon ödeyebileceğiniz yöntemleri tarif <br/>edeceğiz.<br/>binance referans kodu
 
Taxi Utrecht taxi utrecht Taxi Utrecht is een jon|2022/1/10 上午 08:16:01
Taxi Utrecht taxi utrecht<br/><br/>Taxi Utrecht is een jonge en dynamische taxicentrale in Utrecht.<br/>Wij zijn gespecialiseerd in het aanbieden van op maat gemaakte services op het gebied van taxivervoer in en rondom Utrecht.<br/><br/><br/>Taxi Utrecht
 
romanya vizesi romanya vizesi Romanya Vizesi basv|2022/2/19 下午 08:18:42
romanya vizesi romanya vizesi<br/><br/>Romanya Vizesi basvurusunda bulunacak olan bireylerin pasaport <br/>süresi, talep edilen vizenin bitis süresinden 6 <br/>ay daha uzun olmalidir.<br/>Seyahat plani yapilirken pasaport geçerlilik tarihi dikkate alinarak <br/>rezervasyonlar yaptirilmalidir.<br/><br/>romanya vizesi
 
shiba coin yorum shiba coin yorum Kripto para bo|2022/2/23 上午 08:06:12
shiba coin yorum shiba coin yorum<br/><br/><br/>Kripto para borsasında ehemmiyetli bir sandalye edinmeyi başaran Shiba Coin, <br/>bilinmeyen yatırımcıların heves konusudur. Shiba Coin yorum, <br/>paha tahminleri okunuşu gelecek analizleri gibi konular katı <br/>çok yatırımcının ilgisini çekerken, tasa edilen tümsek soruların cevaplarını <br/>bu yazımızda bulabilirsiniz.<br/><br/>shiba coin yorum
 
avax yorum yeni yıl ajandası Avalanche, ayrımlı a|2022/3/5 上午 12:05:30
avax yorum yeni yıl ajandası<br/><br/>Avalanche, ayrımlı alanlardan kullanıcıların ortaya koymak isteyeceği mütenevvi finansal işlemlere imkân sunmayı <br/>amaçlıyor. Kripto para borsasının işaret politik faktörlerinden biri olan AVAX ise, avax yorum yapan analistlere gereğince piyasada yaşadığı dalgalanmalar nedeniyle geleceğine müteveccih belirsizliğini sürdürüyor.<br/><br/>avax yorum<br/><br/><br/><br/><br/>avax yorum Sırları
 
avax yorum ripple gelecek tahmini Avalanche, ayrı|2022/3/9 下午 05:43:47 
avax yorum ripple gelecek tahmini<br/><br/>Avalanche, ayrımlı alanlardan kullanıcıların ortaya koymak isteyeceği türlü finansal işlemlere olanak sunmayı <br/>amaçlıyor. Kripto para borsasının en mühim faktörlerinden biri olan AVAX ise, avax yorum yapan analistlere bakarak piyasada yaşadığı dalgalanmalar sebebiyle geleceğine müteveccih belirsizliğini <br/>sürdürüyor.<br/>avax yorum<br/><br/><br/><br/><br/>The Ultimate Guide To avax yorum
 
發表評論


用戶


評論(不超過1000字)


 6 - 3 = ? 請將左邊的算術題的結果填寫到左邊的輸入框  


  發送給朋友| 打印友好
7 x 12 小時服務熱線
0532 - 83669660
微信: comsharp
QQ: 13885509
QQ: 592748664
Skype: comsharp