Mac 視覺史 vol.1:從 Macintosh 到 Mac OS

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)的界面一直被作為范例來(lái)展示。

Mac 確實(shí)是優(yōu)秀設(shè)計(jì)的典范,是 GUI 設(shè)計(jì)史當(dāng)中繞不過去的最重要的操作系統(tǒng)家族。所以,視覺史系列文章的第一篇,我決定從 Mac 系統(tǒng)下手。

兩大系列,四個(gè)名字

簡(jiǎn)單來(lái)說(shuō),我們泛指的 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)在所說(shuō)的 macOS ,則被視作為第二個(gè)系列的 Mac 系統(tǒng),其中 X 是羅馬數(shù)字 10 的意思。

蘋果公司最初只有 Macintosh 電腦,系統(tǒng)并無(wú)名稱,直到第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。

在很長(zhǎng)一段時(shí)間,國(guó)外很多老用戶會(huì)將它簡(jiǎn)稱為「OS8」、「OS9」,而在2001年之后直到今天,依然有很多人將它簡(jiǎn)稱為「OSX」,這也是在了在討論 Mac 系統(tǒng)這個(gè)前提下所用到的、帶有版本的簡(jiǎn)略稱謂。

注釋:國(guó)內(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è)都簡(jiǎn)稱為 Mac 系統(tǒng)。

圖形化界面:向施樂偷師

Macintosh 并非最早的圖形化界面,但卻是真正推動(dòng)圖形化界面操作系統(tǒng)發(fā)展的里程碑。

Xerox Alto

對(duì)于圖形化用戶界面的起源,一個(gè)相對(duì)統(tǒng)一的共識(shí)是,它來(lái)源于施樂的帕羅奧托研究中心,而最早使用圖形化界面的電腦,是當(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)交換得來(lái)的。

這是 Xerox Alto 當(dāng)時(shí)所采用的圖形化界面。界面的確圖形化了,只不過,從今天的視角來(lái)看,整體的界面邏輯并不清晰。

而在GUI的設(shè)計(jì)細(xì)節(jié)、實(shí)現(xiàn)方式上,Macintosh 則截然不同,可以說(shuō)是后來(lái)居上。

規(guī)避糾紛: Macintosh 的名字來(lái)源

說(shuō)回 Mac。

回溯到 1979年,Jef Raskin 是Macintosh 電腦和操作系統(tǒng)項(xiàng)目的發(fā)起者和監(jiān)督者,他想用自己最喜歡的一種蘋果(McIntosh)來(lái)給這個(gè)操作系統(tǒng)命名。

這種名為 McIntosh 的蘋果不僅被譽(yù)為加拿大國(guó)家級(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ā)揮出來(lái)。

Macintosh 系統(tǒng):正式擁有姓名

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 ~ System 5:功能迭代

最早的 System 1 當(dāng)中,開機(jī)之后有一個(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)來(lái)進(jìn)行提示:

1984年的 Macintosh 的系統(tǒng)崩潰界面都比 2000 年之后的的 Windows 藍(lán)屏界面來(lái)得更加有趣:

當(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é)的處理上,越來(lái)越豐富,越來(lái)越細(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ù)慢不少。

System 6 :集大成的版本

對(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

System 7:擁有色彩的新世代

終于,黑白用戶界面的時(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)鍵信息的說(shuō)明和引導(dǎo)上,Macintosh 系統(tǒng)在30年前就已經(jīng)有明確的范式了,比如重要信息標(biāo)紅強(qiáng)調(diào):

由于這個(gè)階段系統(tǒng)分辨率的限制,在按鈕的視覺層次構(gòu)建上,陰影和按鈕凸起的效果,都做的比較簡(jiǎn)單,但是總體上始終上是在模擬現(xiàn)實(shí)存在的元素,通過盡可能貼近現(xiàn)實(shí)的視覺設(shè)計(jì),來(lái)減輕用戶的認(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),激烈的市場(chǎng)競(jìng)爭(zhēng)之下,蘋果也發(fā)布了一系列的新款的 Macintosh 電腦:

為了應(yīng)對(duì)激烈的競(jìng)爭(zhēng),蘋果還想出了新的策略,而這一策略也促成 Macintosh 系統(tǒng)后續(xù)逐漸成為一個(gè)獨(dú)立的品牌。

Mac OS :第一次品牌重構(gòu)

1996年,喬布斯重回蘋果。同時(shí)在這個(gè)階段,Macintosh 系統(tǒng)也隨之進(jìn)行了品牌重設(shè)計(jì),Macintosh 系統(tǒng)更名為 Mac OS。

為了應(yīng)對(duì)激烈的市場(chǎng)競(jìng)爭(zhēng),這一階段的 Macintosh 電腦開始逐步切換到 PowerPC 架構(gòu)的 CPU 芯片,同時(shí),蘋果公司也開始授權(quán)一些第三方廠商,使用同樣架構(gòu)的芯片和主板,并且安裝System 7 的系統(tǒng)。

可以直接安裝 System 7 的 StarMax 兼容機(jī)

這樣一來(lái),就開始出現(xiàn)問題了:非蘋果產(chǎn)的電腦上,也會(huì)顯示 「Macintosh 」的字樣,那這個(gè)怎么和原廠的 Macintosh 電腦進(jìn)行區(qū)分呢?

很簡(jiǎn)單,在原裝的 Macintosh 上,依然還是 Macintosh,但是在兼容機(jī)上,它就是「黑蘋果」——Mac OS:

在當(dāng)時(shí),很多人認(rèn)為這種區(qū)分,僅僅只是用來(lái)進(jìn)行差異化的臨時(shí)解決方案。此時(shí)喬布斯即將重掌蘋果,并且打算把前 CEO 的系統(tǒng)第三方授權(quán)策略給干掉。將 Macintosh 更名為 Mac OS 就是解決方案,只不過這個(gè)解決方案并后面還有其他的深意。

因?yàn)楹竺孢€有新系統(tǒng)。

Mac OS 8:一石二鳥的更新

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,可以說(shuō)是釜底抽薪的一招絕殺。

同時(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)中加入了主題選擇的功能,雖然比較簡(jiǎn)單,但是也至少有著跟 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)出來(lái)的視覺效果乃至于體驗(yàn),不會(huì)弱于同時(shí)代的任何系統(tǒng):

但是也僅僅只是不弱于對(duì)手而已。

Mac OS 9:爭(zhēng)取時(shí)間的權(quán)宜之計(jì)

Mac OS 9 是 Mac 系統(tǒng)第一個(gè)系列的最后一個(gè)大版本。

和 Mac OS 8 類似,原本的 Mac OS 9 原本應(yīng)該作為 Mac OS 8.7 來(lái)發(fā)布的。

其實(shí)早在喬布斯回歸并發(fā)布 Mac OS 8 之后,Mac OS 9 的發(fā)展路徑和命運(yùn)就已經(jīng)注定了:為老硬件和老用戶更新,并且繼續(xù)為真正的新系統(tǒng)爭(zhēng)取時(shí)間。

Mac OS 9 是在 1999 年 10 月 23 日發(fā)布的。這個(gè)面向新世紀(jì)而發(fā)布的操作系統(tǒng),蘋果是以「有史以來(lái)網(wǎng)絡(luò)功能最好的操作系統(tǒng)」來(lái)進(jìn)行宣傳。

此時(shí),喬布斯重組的設(shè)計(jì)團(tuán)隊(duì),已經(jīng)為新的操作系統(tǒng)挑選好了新的設(shè)計(jì)語(yǔ)言,而此時(shí)發(fā)布的 Mac OS 9 當(dāng)中,也適當(dāng)?shù)丶尤肓艘恍檎嬲南乱淮到y(tǒng)所準(zhǔn)備的視覺元素,比如播放器軟件中的不銹鋼拉絲效果:

窗口界面中的元素有著細(xì)膩微妙的光影起伏:

搜索應(yīng)用中的內(nèi)陰影、高度擬物化的小圖標(biāo):

特別要說(shuō)的是,此時(shí)的 Mac OS 9 中已經(jīng)可以找到很多貼合現(xiàn)代 UI 設(shè)計(jì)中的諸多原則了,比如富有邏輯的分組:

容納多個(gè)并列分組的標(biāo)簽頁(yè)交互:

在諸如幫助頁(yè)面和安裝界面中,使用了層級(jí)豐富的排版視覺設(shè)計(jì):

也許現(xiàn)在你對(duì)于字體的這種投影深惡痛絕,但是在20年前,這樣的視覺效果是令人驚艷的:

Mac 系統(tǒng)第一系列自此收官

Mac 系統(tǒng)的第一個(gè)操作系統(tǒng)系列,在明面上有著相對(duì)清晰的脈絡(luò):自家電腦,用自家系統(tǒng)。通過這一系列的界面設(shè)計(jì),可以總結(jié)出下面的幾點(diǎn):

  • 第一個(gè)系列的 Mac 系統(tǒng)在交互和整體框架上,保持了高度了延續(xù)性;
  • 模擬現(xiàn)實(shí)世界中元素的設(shè)計(jì)理念,從 Xerox Alto 一直延續(xù)下來(lái)沒變過;
  • 在已有屏幕分辨率基礎(chǔ)上,最大化地提供優(yōu)質(zhì)的視覺體驗(yàn),是它的宗旨;
  • Mac 系統(tǒng)確實(shí)在很早的階段,就已經(jīng)開始注意體驗(yà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


文章來(lái)源:優(yōu)設(shè)    作者:陳子木

分享本文至:

日歷

鏈接

個(gè)人資料

存檔