一、GUI的發(fā)展1973
Xerox Alto1973年一個可視化操作的 Alto計算機在施樂帕洛阿爾托研究中心（Xerox PARC）完成。Alto 是一個把計算機所有元素集合到一起的圖形界面操作系統(tǒng)。它使用了3鍵鼠標、位運算顯示器、圖形窗口、以太網(wǎng)絡連接?！S基百科Alto 的繼承者 Xerox Star 在1981年首次使用了窗口化設計，Xerox Star 雖然在商業(yè)上沒有取得成功，但當時研發(fā)團隊在計算機交互界面和方式的創(chuàng)新，為日后的普及做出了卓越的貢獻，比如：鼠標、矩形窗口、滾動條、按鈕、桌面、面向對象編程、多任務處理等。在人機交互界面設計里，我們經(jīng)常會聽到一個詞，就是「所見即所得」的可視化交互體驗，它最早被運用在 Alto計算機的設計理念之中，當時被稱為WYSIWYG（What You See Is What You Get）。Alto 的系統(tǒng) GUI，可以對文檔進行創(chuàng)建、編輯和查看，還可以在不同工作站之間以電子化的形式存儲、調用、傳輸文檔，也可以通過網(wǎng)絡將文檔打印出來。一個擁有 GUI 操作系統(tǒng)的計算機 Xerox Alto 及繼承者 Xerox Star，首次使用了窗口設計。1979年12月，喬布斯在施樂 PARC 參觀了 Alto，由此產(chǎn)生了深刻的印象并獲得非常有價值的啟發(fā)。他們（PARC）給我看了三樣東西，但我被一件東西亮瞎了，以至于我甚至沒有看到另外兩個。他們向我展示的東西之一是面向對象編程。他們給我看了，但我沒 get到。他們給我看的另一個實際上是一個聯(lián)網(wǎng)的計算機系統(tǒng)。有超過一百個 Alto計算機在使用電子郵件等等，我也沒 get到。那個亮瞎我的一件東西就是圖形用戶界面（Graphical User Interface），我認為這是我這輩子見過的的東西。——Steve Jobs1983 Apple Lisa1983年蘋果計算機公司推出 Apple Lisa 個人計算機，是全球一款搭載圖形用戶界面（GUI）的個人計算機。1984 Macintosh1986 X Windows System1986年首款用于 Unix 的窗口系統(tǒng)X Window System 發(fā)布。1988 OS/2OS/2是由微軟和 IBM 公司共同創(chuàng)造，后來由 IBM 單獨開發(fā)的一套操作系統(tǒng)。OS/2是「Operating System/2」的縮寫，是因為該系統(tǒng)作為 IBM 第二代個人計算機PS/2系統(tǒng)產(chǎn)品線的理想操作系統(tǒng)引入的。1990 Microsoft Windows 3.0微軟在1990年發(fā)行 Windows 3.0非常成功。除了改進應用程序的能力之外，利用虛擬內(nèi)存，Windows 容許 MS-DOS 軟件有更好的多任務表現(xiàn)。加上個人電腦的圖像處理能力改良（使用VGA圖像卡），和使用保護模式記憶模式，應用程序能比較容易運用更多的存儲器。從此，PC 和 Macintosh 開始一較高下。1995-2018 Windows VS Mac二、桌面應用UI設計的基本要素回顧完 GUI 發(fā)展歷史中的重要時刻，我們回到本文的主題：不論是當年的底層系統(tǒng)還是桌面應用，它們 GUI 的基本要素相比今天并沒有大的變化，表現(xiàn)在：窗口、菜單、工具欄、圖標。窗口應用程序為使用數(shù)據(jù)而在圖形用戶界面中設置的基本單元。應用程序和數(shù)據(jù)在窗口內(nèi)實現(xiàn)一體化。在窗口中，用戶可以在窗口中操作應用程序，進行數(shù)據(jù)的管理、生成和編輯。通常在窗口四周設有菜單、圖標，數(shù)據(jù)放在中央。在窗口中，根據(jù)各種數(shù)據(jù)/應用程序的內(nèi)容設有標題欄，一般放在窗口的最上方，并在其中設有大化、最小化（隱藏窗口，并非消除數(shù)據(jù)）、最前面、縮進（僅顯示標題欄）等動作按鈕，可以簡單地對窗口進行操作?！S基百科窗口是桌面應用的上層（操作系統(tǒng)是它的底層），也是桌面應用UI 的核心元素。窗口可以被移動、放大、縮小的，用于放置內(nèi)容和功能的容器。從 GUI 的發(fā)展歷程可以看出，底層系統(tǒng)和桌面應用一直在以窗口這個對象和數(shù)據(jù)的載體，向用戶傳達信息。菜單菜單，又稱選單或功能表，在計算機應用中是指圖形使用者界面（GUI）中的可以讓用戶在數(shù)個有關聯(lián)選項中選擇自己需要功能的組件，它是人機界面中的元素之一?！S基百科菜單通常由可供選擇的一組文字和符號組成，是一系列命令的列表。用戶用鼠標單擊其中一個選項后，就指定計算機執(zhí)行一個特定動作或功能。菜單一般用來提供指向各種操作和功能的快捷途徑，比如打開和儲存文檔、退出程序、操作數(shù)據(jù)等。應用可以將它當作是一系列常用命令的快捷鍵，而不需要用戶詳細了解這些命令的使用語法。大多數(shù)應用提供了下拉樣式和彈出樣式的菜單，位置通常出現(xiàn)在應用的頂部。工具欄與菜單一樣，工具欄也是一種有關聯(lián)動作的集合，用戶可以通過工具欄提供的功能，對于數(shù)據(jù)、文檔進行功能性操作。工具欄更多從屬于應用軟件，用戶可以通過菜單調出或取消它們。工具欄如果處于活動狀態(tài)，就會以一組可視圖標的形式呈現(xiàn)，可視圖標通常還會配以小的文本標簽。桌面應用的工具欄發(fā)展到今天，位置通常出現(xiàn)在應用主窗口的頂部。很多應用允許用戶根據(jù)個人需要自定義工具欄，對工具欄中的按鈕等對象進行添加、刪除、調整位置。圖標在桌面中，圖標常常用于表示計算機系統(tǒng)中的程序、功能、數(shù)據(jù)或數(shù)據(jù)集。應用程序的啟動圖標依靠別具一格和顯著的風格，一直被作為產(chǎn)品品牌的一個重要部分。不論是1984年的 Macintosh 還是如今的 macOS 和 Windows，用戶最熟悉的打開桌面應用的方式都是通過鼠標點擊圖標來啟動應用。對于桌面應用本身來說，應用窗口內(nèi)的工具欄和功能集合也會以圖標的形式表達信息。
總結了解完 GUI 的發(fā)展史，我們可以清楚地發(fā)現(xiàn)桌面應用 UI設計的基本要素包括：窗口、菜單、工具欄、圖標。寫完這篇文章后，我一直在思考這4項桌面 UI設計的基本要素，乃至像鼠標、鍵盤這兩種信息輸入工具，為什么一直適用今天的個人電腦，沒有發(fā)生質的變化?；谖夷壳暗恼J知，我個人認為有這樣幾個因素：圖形化的界面可能是目前最友好最成熟的人機交互信息的載體，因為我們能看到的物，其實都是由二維空間的形，和三維空間的體所構成的（可能還存在其他維度表現(xiàn)形式，就不扯遠了）。我們之所以認識文字，那是因為我們在識字時是先記住了形，再將形與意匹配、記憶。因此，圖形化用戶界面是符合人類本能的存在。

新聞標題：回顧桌面GUI的設計發(fā)展史
URL地址：http://www.rwnh.cn/news/167150.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有網(wǎng)站建設等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)