1.1 用戶界面的風格演變

UI本來包括圖形界面設計以及交互設計，但隨著設計師設計習慣的變化，UI漸漸成為GUI的泛稱。GUI是Graphical User Interface（圖形化用戶界面）的縮寫，第一代圖形化用戶界面問世于1973年，應用在美國Xerox PARC（施樂公司帕洛阿爾托研究中心）研發的個人計算機上，當時的操作系統被命名為Alto，Alto首次將所有的元素都集中到現代圖形用戶界面中，圖1-1所示即為施樂Alto的歷史圖片。

在施樂研發出首款圖形用戶界面之前，所有的操作都需要通過鍵盤命令來執行，如果要打開一個文件夾，操作界面的視覺效果如圖1-2所示，如果要做一個報表，操作界面的視覺效果如圖1-3所示。

在圖形界面誕生之前，人們要學習使用計算機，需要對編程知識高度掌握，而計算機在當時造價不菲，必須要使用計算機的場合也比較少，這就造成了學習成本高而回報率低的現象，導致當時能使用計算機的人如鳳毛麟角。

施樂的圖形界面正式應用之后，其設計思路被史蒂芬。喬布斯和比爾。蓋茨兩個人發現并學習借鑒了，后來就研發出了Mac OS和Windows這兩大迄今為止最流行的臺式機操作系統。這兩個操作系統的界面設計風格也成為GUI發展演變的典型代表。圖1-4到圖1-9所示為Mac OS比較典型的版本變化。

Mac OS 1.0～6.0，當時的系統名稱為System Software，這幾個版本的風格具有一致性，僅有黑和白兩個顏色，甚至灰色都是通過像素間隔來實現的，圖1-4所示即為Mac OS 6.0版本的系統風格。

直到Mac OS 7.0，系統中才引入了彩色，如圖1-5所示。

1999年發布了Mac OS 9.0，如圖1-6所示。在Mac OS X正式發布之前，Mac OS 9.0是Mac OS系列的最后一個系統版本。在這個界面中已經可以看出系統的擬物化趨勢，但彩色深度和透明度仍然保持著20世紀的設計風格。

Mac OS X系列是喬布斯回歸蘋果公司之后主導設計的操作系統，整個系列在喬布斯在任期間一直維持著擬物風格，具有強烈質感，圖1-7所示即為Mac OS X 10.2版本的界面。

2013年6月發布的Mac OS X 10.9版本，被命名為Mavericks，同期發布的還有手機操作系統iOS 7，此時手機端的操作系統已經驟然由擬物風格轉變為了超扁平風格，這對Mac OS X系列的設計風格也產生了一定影響，10.9版本的系統界面如圖1-8所示，成為Mac OS X系列中沿用擬物化的最后一代操作系統。

截至2016年底，Mac OS X系列最新的操作系統版本是10.11，被命名為EL Capitan，界面風格已經轉變為非常明顯的扁平化風格，如圖1-9所示。與第一代超扁平風格有所不同，這個版本的界面設計增加了漸變和細節質感，還在界面中增加了磨砂玻璃的效果。此時，蘋果手機端操作系統和桌面操作系統也完成了設計語言的統一。

這里主要是對Mac OS中UI的發展史做了一個回顧，有興趣的同學可以自行搜索Windows的界面風格演變。另外，移動端操作系統Android和iOS的系統風格演變，讀者也可以自行翻閱資料了解。