2020-5-26 資深UI設(shè)計(jì)者
2009 年，買不起 Macbook 的我在 PC 上裝上了黑蘋果。在此之前，我用虛擬機(jī)體驗(yàn)了 Apple II 、Mac OS 8.1、Mac OS 9.2.2 、Mac OS X 10.6 ，在不斷的折騰過程中，我開始對(duì)蘋果、對(duì)GUI 的整個(gè)歷史發(fā)生了興趣。
此后，我在Jeff Johnson 的《認(rèn)知與設(shè)計(jì)》當(dāng)中，在 Steve Krug 的《Don’t Make Me Think》當(dāng)中，在一本又一本和UI、交互、體驗(yàn)相關(guān)的經(jīng)典書籍當(dāng)中， 發(fā)現(xiàn) Mac 系統(tǒng)的界面一直被作為范例來展示。
Mac 確實(shí)是優(yōu)秀設(shè)計(jì)的典范，是 GUI 設(shè)計(jì)史當(dāng)中繞不過去的最重要的操作系統(tǒng)家族。所以，視覺史系列文章的第一篇，我決定從 Mac 系統(tǒng)下手。
簡單來說，我們泛指的 Mac 系統(tǒng)，通常是分為2個(gè)大的系列的。
1982 年隨 Macintosh 發(fā)布的系統(tǒng)，一直到 1999年發(fā)布的 Mac OS 9 為第一個(gè)系列，一般被統(tǒng)稱為「Classic Mac OS」。
而 2001 年之后所誕生的 Mac OS X 系列的操作系統(tǒng)，包括現(xiàn)在所說的 macOS ，則被視作為第二個(gè)系列的 Mac 系統(tǒng)，其中 X 是羅馬數(shù)字 10 的意思。
蘋果公司最初只有 Macintosh 電腦，系統(tǒng)并無名稱，直到第5個(gè)大版本的時(shí)候，操作系統(tǒng)才擁有 Macintosh 這個(gè)名字。而 Mac OS 這一系統(tǒng)名稱，則是在系統(tǒng)更新到第7個(gè)大版本的時(shí)候才被提出，而自此開始，Mac OS 的稱謂正式出現(xiàn)。
而 macOS 則相當(dāng)于是 Mac OS X 品牌的一次重啟。它始于 10.12 Sierra 這一版本，并且為了和 iOS、tvOS、watchOS 這幾個(gè)系統(tǒng)品牌保持一致，而從 Mac OS X 更名為 macOS。
在很長一段時(shí)間，國外很多老用戶會(huì)將它簡稱為「OS8」、「OS9」，而在2001年之后直到今天，依然有很多人將它簡稱為「OSX」，這也是在了在討論 Mac 系統(tǒng)這個(gè)前提下所用到的、帶有版本的簡略稱謂。
注釋：國內(nèi)有不少人會(huì)將 Mac 稱為「OS系統(tǒng)」，但是 OS 本就是 Operation System 的縮寫，意為操作系統(tǒng)，Windows 是 OS，Linux 也是 OS，「OS系統(tǒng)」是一個(gè)錯(cuò)誤且尷尬的表述。
如果不深究細(xì)節(jié)的話，Macintosh，MacOS，Mac OS X ， macOS 這四個(gè)都簡稱為 Mac 系統(tǒng)。
Macintosh 并非最早的圖形化界面，但卻是真正推動(dòng)圖形化界面操作系統(tǒng)發(fā)展的里程碑。
Xerox Alto
對(duì)于圖形化用戶界面的起源，一個(gè)相對(duì)統(tǒng)一的共識(shí)是，它來源于施樂的帕羅奧托研究中心，而最早使用圖形化界面的電腦，是當(dāng)時(shí)正出于研發(fā)中的 Xerox Alto。在之前的文章當(dāng)中，我曾經(jīng)專門聊過最早圖形化界面的誕生和設(shè)計(jì)細(xì)節(jié)：
比爾蓋茨曾經(jīng)指責(zé)喬布斯從施樂這里「偷」走了圖形化界面（GUI）的設(shè)計(jì)，實(shí)際上，為了換得機(jī)會(huì)去施樂的帕羅奧托研究中心去觀摩學(xué)習(xí)研發(fā)中的Xerox Alto 和開發(fā)工具 Smalltalk，喬布斯是拿股權(quán)交換得來的。
這是 Xerox Alto 當(dāng)時(shí)所采用的圖形化界面。界面的確圖形化了，只不過，從今天的視角來看，整體的界面邏輯并不清晰。
而在GUI的設(shè)計(jì)細(xì)節(jié)、實(shí)現(xiàn)方式上，Macintosh 則截然不同，可以說是后來居上。
說回 Mac。
回溯到 1979年，Jef Raskin 是Macintosh 電腦和操作系統(tǒng)項(xiàng)目的發(fā)起者和監(jiān)督者，他想用自己最喜歡的一種蘋果（McIntosh）來給這個(gè)操作系統(tǒng)命名。
這種名為 McIntosh 的蘋果不僅被譽(yù)為加拿大國家級(jí)蘋果，但是更重要的原因在于，當(dāng)時(shí)紐約還有一家名為 McIntosh Laboratory 并且提供高端定制音響服務(wù)的公司，為了避免商業(yè)品牌上的沖突，Raskin 將系統(tǒng)的名稱改為 Macintosh，故意錯(cuò)開了一個(gè)字母。當(dāng)然隨后 Macintosh 的名字逐漸超過了前者，在世界范圍內(nèi)，甚至慢慢超過了加拿大最著名的水果。
當(dāng)然，1984年，最初版本的 Macintosh 系統(tǒng)隨著同名的蘋果電腦的發(fā)布而面向大眾，這個(gè)并非最早的圖形化界面操作系統(tǒng)開始了它的歷程，如今它是最著名、最具有影響力的圖形化界面的操作系統(tǒng)之一。
Macintosh 電腦的主板由 Burrell Smith 所設(shè)計(jì)，結(jié)合當(dāng)時(shí)的硬件技術(shù)，讓最終上市的 Macintosh 電腦擁有了一塊分辨率為 512×342 的單色顯示屏。
在這塊寸土寸金的單色屏幕上，Macintosh 系統(tǒng)需要將圖形化界面的價(jià)值盡可能發(fā)揮出來。
Macintosh 電腦開始出現(xiàn)在各大雜志媒體上，蜚聲世界，但是此刻，這一操作系統(tǒng)并沒有官方的名稱。 1.x系列的只有一個(gè)非正式的 System 1 的名字，而隨后的大版本也被稱為 System 2，System 3，等等。
直到 System 5 的時(shí)候，這一操作系統(tǒng)才算是正式有了 Macintosh 的名稱，而它正式的完整名稱是 Macintosh System Software 。
最早的 System 1 當(dāng)中，開機(jī)之后有一個(gè)非?？蓯鄣臍g迎界面：
菜單和窗口的概念清晰，比起 Xerox Alto 的設(shè)計(jì)更加成熟：
左上角的蘋果圖標(biāo)打開之后，本質(zhì)上是一個(gè)程序列表：
在 System 1 當(dāng)中，文件夾是一個(gè)虛擬概念，在文件系統(tǒng)當(dāng)中其實(shí)是根本不存在文件夾的，它是模擬現(xiàn)實(shí)文件夾的概念而存在的一個(gè)圖形化界面概念：
在系統(tǒng)出錯(cuò)之后，系統(tǒng)報(bào)錯(cuò)界面中會(huì)使用炸彈圖標(biāo)來進(jìn)行提示：
1984年的 Macintosh 的系統(tǒng)崩潰界面都比 2000 年之后的的 Windows 藍(lán)屏界面來得更加有趣：
當(dāng)然，用一個(gè)帶有圖形化界面的電腦玩游戲，難道不是一件天經(jīng)地義的事情嗎：
特別值得一提的是，Macintosh 自打一開始就為自己設(shè)計(jì)了一系列的字體：
其中風(fēng)格獨(dú)特的 San Francisco 在多年以后還擁有一個(gè)同名的字體，作為系統(tǒng)默認(rèn)的字體而存在。
隨后，在隨后的 System 3 當(dāng)中，垃圾桶的 APP 圖標(biāo)增加了「有垃圾文件」和「已清空」兩種狀態(tài)的區(qū)分，并且給系統(tǒng)新增了一個(gè)歡迎界面：
文件夾也不再只是一個(gè)虛擬的概念了：
同樣的，在 System 3 當(dāng)中游戲的精美程度也有了一定程度的提升：
當(dāng)然，從 System 1 到 System 4，系統(tǒng)的功能在一代代地增加，但是受限于屏幕和基本的性能，其界面在整體觀感上差別并不大：
不過在圖標(biāo)和界面細(xì)節(jié)的處理上，越來越豐富，越來越細(xì)致，比如系統(tǒng)的控制面板，功能和細(xì)節(jié)比 System 1 時(shí)代豐富了許多：
在 System 5 當(dāng)中，Macintosh 還加入了多任務(wù)的功能，也就是 MultiFinder，使得用戶終于可以同時(shí)運(yùn)行多個(gè)任務(wù)，不過因?yàn)樾阅芟拗?，跑多任?wù)的時(shí)候，會(huì)比單任務(wù)慢不少。
對(duì)于 Macintosh 系統(tǒng)而言， System 6 是一個(gè)階段性集大成的版本。系統(tǒng)的版本和軟件的版本在 System 6 當(dāng)中進(jìn)行了統(tǒng)一，并且功能也有了相當(dāng)程度的完善。
性能更強(qiáng)勁的 Macintosh SE/30 和 筆記本電腦 Macintosh Portable 也是在 System 6 更新期間發(fā)售的。
Macintosh Portable
Macintosh SE/30
終于，黑白用戶界面的時(shí)代在 1991 年終結(jié)，Macintosh 系統(tǒng)從 System 7 開始擁有了彩色的用戶界面：
色彩的加入，系統(tǒng)圖標(biāo)的擬真度也再一次提升，比如垃圾桶的圖標(biāo)，光影已經(jīng)相當(dāng)逼真了。
而為了更好地利用彩色界面的功能，用戶可以根據(jù)自己的偏好進(jìn)行全局色彩設(shè)置：
軟件安裝的進(jìn)度指示方式，比起同時(shí)代的系統(tǒng)乃至于后面的很多系統(tǒng)，都要清晰明確：
關(guān)鍵信息的說明和引導(dǎo)上，Macintosh 系統(tǒng)在30年前就已經(jīng)有明確的范式了，比如重要信息標(biāo)紅強(qiáng)調(diào)：
由于這個(gè)階段系統(tǒng)分辨率的限制，在按鈕的視覺層次構(gòu)建上，陰影和按鈕凸起的效果，都做的比較簡單，但是總體上始終上是在模擬現(xiàn)實(shí)存在的元素，通過盡可能貼近現(xiàn)實(shí)的視覺設(shè)計(jì)，來減輕用戶的認(rèn)知負(fù)荷，計(jì)算器和鍵盤的設(shè)計(jì)就非常的典型：
System 7 當(dāng)中，還內(nèi)置了交互式的用戶幫助系統(tǒng)：
在控制面板當(dāng)中，圖標(biāo)的統(tǒng)一性再一次得到了提升，風(fēng)格上明顯有著當(dāng)時(shí)的特征，只不過在信息的傳達(dá)上，還不夠優(yōu)秀，如果沒有文本標(biāo)簽，你很難判斷每個(gè)按鈕對(duì)應(yīng)的功能是什么：
值得一提的是，System 7 所處的階段，大量的兼容機(jī)和包括 Windows 在內(nèi)的操作系統(tǒng)開始出現(xiàn)，激烈的市場競爭之下，蘋果也發(fā)布了一系列的新款的 Macintosh 電腦：
為了應(yīng)對(duì)激烈的競爭，蘋果還想出了新的策略，而這一策略也促成 Macintosh 系統(tǒng)后續(xù)逐漸成為一個(gè)獨(dú)立的品牌。
1996年，喬布斯重回蘋果。同時(shí)在這個(gè)階段，Macintosh 系統(tǒng)也隨之進(jìn)行了品牌重設(shè)計(jì)，Macintosh 系統(tǒng)更名為 Mac OS。
為了應(yīng)對(duì)激烈的市場競爭，這一階段的 Macintosh 電腦開始逐步切換到 PowerPC 架構(gòu)的 CPU 芯片，同時(shí)，蘋果公司也開始授權(quán)一些第三方廠商，使用同樣架構(gòu)的芯片和主板，并且安裝System 7 的系統(tǒng)。
可以直接安裝 System 7 的 StarMax 兼容機(jī)
這樣一來，就開始出現(xiàn)問題了：非蘋果產(chǎn)的電腦上，也會(huì)顯示 「Macintosh 」的字樣，那這個(gè)怎么和原廠的 Macintosh 電腦進(jìn)行區(qū)分呢？
很簡單，在原裝的 Macintosh 上，依然還是 Macintosh，但是在兼容機(jī)上，它就是「黑蘋果」——Mac OS：
在當(dāng)時(shí)，很多人認(rèn)為這種區(qū)分，僅僅只是用來進(jìn)行差異化的臨時(shí)解決方案。此時(shí)喬布斯即將重掌蘋果，并且打算把前 CEO 的系統(tǒng)第三方授權(quán)策略給干掉。將 Macintosh 更名為 Mac OS 就是解決方案，只不過這個(gè)解決方案并后面還有其他的深意。
因?yàn)楹竺孢€有新系統(tǒng)。
Mac OS 8 是在 1997年7月26日發(fā)布的，同一個(gè)月另外一件大事，就是喬布斯正式任命為 CEO，執(zhí)掌大權(quán)。
其實(shí)，此處的 Mac OS 8 并非真正意義上的大版本更新——它原本應(yīng)該是 Mac OS 7.7 。但是，前 CEO 同第三方廠商簽訂的系統(tǒng)授權(quán)協(xié)議，是基于Macintosh System 7 的，而直接發(fā)布 8.0 版本等同于是巧妙地利用命名，直接把后續(xù)的服務(wù)和協(xié)議一起給斷掉了，同時(shí)新的 Mac OS 系統(tǒng)從名字上也直接區(qū)分于原本的 Macintosh，可以說是釜底抽薪的一招絕殺。
同時(shí)，新名字，新世代，也是開創(chuàng)新局面的好預(yù)兆，一舉多得。新的 Mac OS 8 系統(tǒng)在更加優(yōu)秀的硬件基礎(chǔ)上，在顯示效果上也一下子進(jìn)入了高清的時(shí)代。
雖然 Mac OS 8 在底層上，依然繼承自 System 7 ，但是因?yàn)閹啄昵伴_始的 Copland 項(xiàng)目有不少遺產(chǎn)，身為繼承者的 Mac OS 8 在視覺和體驗(yàn)上，提升了相當(dāng)明顯：
Mac OS 8 當(dāng)中加入了主題選擇的功能，雖然比較簡單，但是也至少有著跟 Windows 95 相互匹敵：
和同時(shí)代的很多操作系統(tǒng)一樣，在多媒體軟件上， Mac OS 8 有了頗為炫酷的視覺效果：
界面左上角的 Apple LOGO 繼續(xù)作為程序列表的菜單按鈕而存在：
類似 2.5 D 的圖標(biāo)設(shè)計(jì)，是這個(gè)時(shí)代的用戶界面設(shè)計(jì)的流行風(fēng)尚：
而這種變化，在 Mac OS 8.5 這一版本上，有了更為明顯的提升——比如文本抗鋸齒效果，讓文本更加易于閱讀：
更加柔和自然的的光影變化，更復(fù)雜的交互和界面元素，Mac OS 8.5 所呈現(xiàn)出來的視覺效果乃至于體驗(yàn)，不會(huì)弱于同時(shí)代的任何系統(tǒng)：
但是也僅僅只是不弱于對(duì)手而已。
Mac OS 9 是 Mac 系統(tǒng)第一個(gè)系列的最后一個(gè)大版本。
和 Mac OS 8 類似，原本的 Mac OS 9 原本應(yīng)該作為 Mac OS 8.7 來發(fā)布的。
其實(shí)早在喬布斯回歸并發(fā)布 Mac OS 8 之后，Mac OS 9 的發(fā)展路徑和命運(yùn)就已經(jīng)注定了：為老硬件和老用戶更新，并且繼續(xù)為真正的新系統(tǒng)爭取時(shí)間。
Mac OS 9 是在 1999 年 10 月 23 日發(fā)布的。這個(gè)面向新世紀(jì)而發(fā)布的操作系統(tǒng)，蘋果是以「有史以來網(wǎng)絡(luò)功能最好的操作系統(tǒng)」來進(jìn)行宣傳。
此時(shí)，喬布斯重組的設(shè)計(jì)團(tuán)隊(duì)，已經(jīng)為新的操作系統(tǒng)挑選好了新的設(shè)計(jì)語言，而此時(shí)發(fā)布的 Mac OS 9 當(dāng)中，也適當(dāng)?shù)丶尤肓艘恍檎嬲南乱淮到y(tǒng)所準(zhǔn)備的視覺元素，比如播放器軟件中的不銹鋼拉絲效果：
窗口界面中的元素有著細(xì)膩微妙的光影起伏：
搜索應(yīng)用中的內(nèi)陰影、高度擬物化的小圖標(biāo)：
特別要說的是，此時(shí)的 Mac OS 9 中已經(jīng)可以找到很多貼合現(xiàn)代 UI 設(shè)計(jì)中的諸多原則了，比如富有邏輯的分組：
容納多個(gè)并列分組的標(biāo)簽頁交互：
在諸如幫助頁面和安裝界面中，使用了層級(jí)豐富的排版視覺設(shè)計(jì)：
也許現(xiàn)在你對(duì)于字體的這種投影深惡痛絕，但是在20年前，這樣的視覺效果是令人驚艷的：
Mac 系統(tǒng)的第一個(gè)操作系統(tǒng)系列，在明面上有著相對(duì)清晰的脈絡(luò)：自家電腦，用自家系統(tǒng)。通過這一系列的界面設(shè)計(jì)，可以總結(jié)出下面的幾點(diǎn)：
Mac 的圖形化界面，始于施樂，成于喬布斯，在迭代中一步步完善。
不過，從 System 7 開始，它的危機(jī)就已經(jīng)出現(xiàn)了。從 1991 年到 1999 年這 8 年時(shí)間當(dāng)中，暗地里發(fā)生了一系列的事情，這些事情是 Mac 系統(tǒng)視覺史當(dāng)中，不可或缺的組成部分。
下一篇，依然是 Mac 系統(tǒng)的視覺史，其中包括 WIndows、NeXTstep、BeOS，當(dāng)然，還有 Mac OS X。
參考：
https://history-computer.com/ModernComputer/Personal/Macintosh.html
https://en.wikipedia.org/wiki/Xerox_Alto
https://web.archive.org/web/20001109004000/http://www.apple.com:80/macos/
https://apple.fandom.com/wiki/Mac_OS_8.5
https://en.wikipedia.org/wiki/System_7
https://www.versionmuseum.com/history-of/classic-mac-os
https://en.wikipedia.org/wiki/Macintosh_clone
https://en.wikipedia.org/wiki/Classic_Mac_OS
https://guidebookgallery.org/guis/macos/macos10
文章來源：優(yōu)設(shè) 作者：陳子木
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com