世間所有的相遇都是久別重逢。蘋果和喬布斯是如此,NeXTSTEP 和 Macintosh 是如此,iMac G3 和 Mac OS X 也是如此 。
這可能是最難寫的一個章節,這也是 Mac 視覺史當中,最為富有樂趣、充滿了巧合、顛覆、反轉和意外的一個部分,也是我曾經在回溯探索過程中,最享受的一段。
在上一篇《90年代失敗操作系統大賞》當中,我們已經見識到了當年很多操作系統的視覺特征了。
這種視覺設計風格很典型:灰色的窗口界面是第一眼立刻能注意到的視覺特征,當你定睛看細節的時候,全都是棱角分明的按鈕,所有的邊緣都橫平豎直,厚厚的邊框和斜切式的邊緣,眼睛能從中感知出一種「突出」的效果。
Windows 95
這是90 年代 GUI 設計的最佳實踐——大家都是這樣,你不需要思考為什么,它已經成為了一種視覺范式,它是最佳實踐,遵循就行了。
除開 BeOS 使用了更加明快的配色和統一而有趣圖標設計,NeXTSTEP 使用了更為「抄現實」的圖標之外,絕大多數的操作系統(包括 NeXTSTEP)都差不多。無論是風頭無兩的 Windows 95 ,還是依然正在服役的 Mac OS 7、Mac OS 8,又或者是 IBM 家的 OS/2 操作系統,來自開源世界的 X Window 和 Motif ,都是一股子同樣的粘膩沉重的味道。
現在我們稱之為「時代感」。
OS/2 Warp 4
Motif (Motif 原本也是蘋果當初的備選收購方案,不過很快就放棄了)
NeXTSTEP
然而這正是問題的所在。
「……似乎這些元素和控制器的重要性,已經蓋過了計算機真要做的事情,比如瀏覽內容,撰寫郵件。」
對于這種古早的視覺美學,Mac OS X 的視覺美學塑造者 Cordell Ratzlaff 是這么吐槽的。
1990年的時候,蘋果公司依然處于全盛狀態,市場份額超過 IBM,研發團隊正在在「Pink」 下面下充分地揮霍經費。當時單進行圖形化界面設計和研發的團隊,就有七八個。
就是在這樣的背景下,Ratzlaff 加入蘋果, 所參與的第一個項目,就是原計劃下的 Mac OS 8 的研發,也就是 Copland 項目。當然,最后真正發布的 Mac OS 8 本質上只是 Mac OS 7.7,而原本作為備選的 Copland 項目最終折戟沉沙,其中的界面主題工具(Appearance Manager)所衍生出來的 Platinum主題最終作為正式版的 Mac OS 8 的主要視覺風格延續了下來。
Mac OS 8
「我發現一個糟糕的趨勢,就是項目在完成 95% 之后就罷手停滯了……當時的蘋果是非常的工程技術導向的,多數的產品都是以技術為導向,置于易用和體驗的愉悅感則是不必考慮的事情。」
這種不受限制的膨脹最終導致了 Copland 成長為一個龐大的縫合怪,即使是最頂級的開發者、工程師和產品經理都無法將它封裝成為一個可用的操作系統。
當時的蘋果 CEO Gil Amelio
即便是 Appearance Manager 這個項目的遺產 Platinum主題也毫無疑問是一個「向世代主流視覺審美」靠攏的產物,即使 Appearance Manager 已經探索出很多不同的視覺風格。但是不論怎樣,在1997年之前的蘋果,Ratzlaff 沒有話語權,更何況整個操作系統的項目,也不太可能讓好設計有出頭之日。
而喬布斯的回歸,帶來了全面的改變。Ratzlaff 也隨著公司整個團隊的架構精簡,加入了研發下一代操作系統的行列。
真正的 Mac OS X 要開始搞了,代號 Rhapsody ——這是一個充滿野心的名字,「狂想曲」。
Rhapsody 這個操作系統最開始研發階段,曾經在 X86 架構的平臺上進行開發,不過到了后期全部集中到 Power Macintosh 上進行,所有非蘋果平臺的研發版本都被砍掉了。
這個深度融合了 NeXTSTEP 操作系統操作系統被賦予了一個更接近 Mac OS 8 的 GUI 界面:
整個操作系統在大體的視覺和外觀的體驗上,給人的感覺和此時的 Mac OS 8 已經非常接近了,在圖標的細節處理上,則顯得更加富有 NeXTSTEP 的特點;
與此同時,原本 NeXTSTEP 系統上沒有的 Mac 平臺獨占的應用,也被移植了過來,比如 QuickTime:
在整個 UI 界面的視覺風格上, Platinum主題也被應用到 Rhapsody 的各個地方:
但是,在圖標和按鈕設計上,Rhapsody 則會更接近 NeXTSTEP 的設計,比如文本編輯器和系統設置的界面中,尤其是圖標和按鈕的設計,有著強烈的 NeXTSTEP 的特征:
相比于 Mac OS 8,NeXTSTEP 無疑更加契合喬布斯對于未來操作系統的認知。在向 Mac OS X 靠近的過程中,蘋果并未直接推向 Mac OS X ,而是先發布了 Mac OS X Server 操作系統。
在 Rhapsody 項目逐步成熟的過程中,它開始包含了可以運行 老版 Mac OS 系統的「BlueBox」兼容層,大量繼承自 NeXTSTEP 的功能和特性,以及更加面向未來的 Mac OS X 系統獨有的部分。
Mac OS X Server 1.0 中加入了大量的符合當時趨勢的功能——比如對于各種網絡服務的支持,這使得 Mac OS X Server 1.0 看起來非常強大。
而此時 系統的文件瀏覽器中開始加入分欄式瀏覽視圖,這一視圖就是出自 Ratzlaff 的設計,這使得用戶可以不用反復跳轉,就能快速地瀏覽多層級的文件夾和文件,易用性極強:
在完成這一版本的發布之后,Mac OS X 終于算是正式到來了。在正式發布之前,老樣子,還是先從測試版開始對外發布。
對外的公開測試版系統,蘋果統一稱之為 Mac OS X Developer Preview 。
可以看得出來,直到 Mac OS X DP 2 這個版本,Mac 系統的視覺特征還是帶有很典型的老款 Mac OS 系統的視覺特征和交互。不過,這個版本中 Quicktime 應用的LOGO發生了明顯的變化:
而原本顯得過于冷硬沉重的圖標和UI 元素也開始加入更活潑的色彩:
Mac OS X 的 DP 版系統一共對外發布了4個版本,而分水嶺就出現在 DP2 和 DP3 之間。這種改變其實是蘋果整體的變化所帶來的必然結果。
不瘋魔,不成活。對于非同凡響產品的追求,同主流認知的對抗,在喬布斯身上一直都存在。
這種滿腦子的不合時宜讓他經常不被理解,但是能夠接納甚至共鳴的人也在少數。比如蘋果《1984》廣告的締造者 Lee Clow。
重回蘋果之后,喬布斯很快開始挑選新的廣告代理商,其中就包括曾經合作過的 Lee Clow 和他背后的 Chia/Day 廣告公司。
「想到這件事就會讓我哽咽,真的讓我哽咽。顯然,Lee 還是那么愛蘋果。他不愧是最棒的廣告人。當時他已經10年沒有比過稿了。可他來了,他把他的心都掏出來了,因為他和我們一樣愛蘋果。是他和他的團隊帶來了這個無與倫比的創意——「非同凡想」(Think Different),比其他人的要好上10倍。我激動得說不出話來,現在一想到這個我還是忍不住流淚:Lee 那么在乎蘋果,還有他那個棒極了的「非同凡想」。每當我發現自己身處一種純粹——一種精神與愛的純粹之中,我就會忍不住掉眼淚。這感覺就這么撞進了我的心,一下子抓住了我。當時就是這樣。那種純粹我永遠都不會忘記。他坐在我的辦公室里給我看那些創意,我就忍不住哭了。每次一想到這個我還是忍不住要哭。」——《史蒂夫·喬布斯傳》
在今天來看,Think Different 似乎只是一個傳奇的廣告作品,但是重新審視20多年前的蘋果,你會發現,它是徹底改變一切的那顆種子,點燃變革的火種。
「在此之前,蘋果并不屑于做出和人不一樣的東西,直到 Think Different 清晰地指明了此刻蘋果的訴求。……與眾不同是好的!……即使你的產品再好也不可能滿足所有人,你是在為世界上最聰明的人做設計。」—— Ratzlaff
重新梳理 Mac OS X 的誕生,在1997年到 2001年之間發生的一系列事件,你會注意到,變化是從各個不同的地方,同時發生的。這也就是為什么,此刻我們必須要先談一談 iMac G3。
喬布斯重回蘋果最重要的標志之一,是 iMac G3。在整個蘋果的產品線當中,iMac G3 也都是最具有代表性的里程碑式的產品之一。
從各種意義上來說,iMac G3 是讓蘋果起死回生的產品。
「我剛到這里的時候,眼前只有一大堆產品,這讓我非常吃驚。我開始問別人:為什么現在我要向用戶推薦3400,憑什么說它比4400好呢?什么時候一個人應該入手6500,而不是7300呢?過了三周,我還是無法把這些事情弄清楚。如果我都弄不清楚,用戶又如何能弄清楚呢?」——喬布斯
蘋果被「工程」和純粹的「功能性」所主導的時間太長了。這種策略下衍生出來的產品線太多了,以至于蘋果自己的營銷和銷售人員需要花費大量的時間來記錄和判別,才能為用戶介紹自家產品。
將4個系列40多款產品精簡成4款產品,這是喬布斯回到蘋果之后做的第一件事情。把白板擦干凈,又畫了一個2×2的表格。他在上面的兩個格子里寫下了「普通用戶」和「專業人員」,在下面的兩個格子里寫下了「便攜式電腦」和「臺式電腦」。
毛發旺盛時期的喬納森和魯賓斯坦
大規模的精簡產品線之后,原來屬于 Newton 產品線的設計師、屬于 「Copland」 項目的設計師和開發者,以及原本的 NeXTSTEP 團隊的成員,重新整合到了一起。曾經分散到不同團隊的工業設計師,自此開始需要在喬納森那里提交設計原型,而Mac OS X 的設計和研發團隊,則由原 NeXT 團隊的魯賓斯坦來節制管理,并且統一向喬布斯匯報。
混亂的蘋果公司開始擁有了全新的秩序。而后面的 iMac G3 則是在這樣的背景下開始探索、規劃并推進。
在最初的硬件原型設計階段,喬納森帶領的團隊做過很多嘗試。在后來接受《新聞周刊》采訪的時候,喬納森回憶道:「當時反復考慮的并不是類似芯片讀取速度或者市場份額這樣的問題,而是諸如「我們想給使用者什么樣的用戶體驗」以及「它在我們的的感知中應該在什么位置」這種模糊不清的問題。」
而 iMac 的外觀工業設計就是在這樣的探索中開始的。
「當你做出一個3D模型,無論它多么粗糙,你都能為一個模糊的概念賦予形體,然后整個過程都會法身改變……它會刺激感官,并且把所有的目光吸引過來。」——喬納森
整個計算機行業對于參數對比的迷戀占據主流,而那些難以言說的屬性卻一再被忽略。這也促使了喬納森所領導的團隊開始探索諸如「產生積極情緒」的外觀。他們單第一個月就輸出了10個實體原型,不過最終他們還是有選擇地將原型給喬布斯過目。隨后,他們很快意識到其中「雞蛋」型的外觀設計最為吸引人,然后團隊開始有意識地尋求各種「雞蛋」型設計的變體。
喬納森團隊所制作的原型有各種色彩的,紫色、橙色、紅色都有。但是這些實色的塑料材質看起來很廉價。團隊內有人建議使用半透明材質來制作。
「我們喜歡半透明的材質,它會給人一種張揚的感覺……你知道洗澡的時候,玻璃上的水滴是怎么形成的嗎?我們希望連接線上也有同樣精致的亞光面。」——喬納森
團隊開始有意識地搜集各種使用透明和半透明材質的工業設計產品或者材料。有一位設計師帶來一小片呈現出藍綠色的沙灘玻璃,表面有著輕微的磨砂質感。它可能來自加州的半月灣,或者悉尼的邦迪海灘。而這種獨特的藍綠色最終就是iMac G3 上著名的「邦迪藍」。
「它看起來好像來自另外一個星球……一個好的星球,一個擁有更好設計師的星球。」在發布會上,喬布斯使用了這樣的語句來描述這款 iMac G3。此時,iMac G3 所內置的系統僅為 Mac OS 8.1。
為什么要花如此大的氣力來說 iMac G3 的事兒呢?因為它是 Mac OS X 的視覺美學的重要觸發點。
iMac G3 不僅深入契合了 Think Different 的精神內核,而且走出了 90 年代傳統電腦的固有風格,以一種鮮活、靈性、友好的姿態,讓全世界人知道,世界上有一種電腦叫做 PC ,還有一種電腦叫 iMac G3。
這種獨特的設計,也影響著其他的團隊和設計。早在 「Copland」 項目時期,Ratzlaff 在參與 主題管理器 Appearance Manager 的設計的時候,就嘗試過很多不同的設計,比如類似果凍質感的界面元素。在喬布斯剛剛回到蘋果的時候,他曾在項目說明會上演示過這樣的設計,只不過當時并沒有引起足夠的重視。
在iMac G3 發布之后,他發現這種通透明快的質感內在的共通,開始繼續沿著這個方向去挖掘——明亮、有趣、多彩的視覺,用充滿「水滴」質感來重新設計 UI 界面元素,徹底告別死板老舊的 UI 界面。
在視覺風格上,魯賓斯坦所領導的團隊,做過很多次不同的嘗試。而 Ratzlaff 這種「水滴」視覺美學似乎走對了方向。
Ratzlaff 的思路和喬納森在更深的層次上是不謀而合的:「什么東西和計算機界面毫無關聯?」他想到了糖果,想到了酒。
整個設計團隊開始有意識地搜集雜志上的各類酒類廣告,在醇香的酒液中的冰塊和玻璃瓶上流轉的光影中,去擷取讓雙眼最舒爽的變化和細節,然后以此不斷發想,逐步演化成為一套視覺美學。
一旦探索的方向確定了,后面的衍生和發展就會自然發展起來。更加直覺,強化視覺,注重體驗,追逐順滑自然的交互。
「上善若水。」
在 2000 年舊金山的 MacWorld 活動上,喬布斯演示了這套全新的 Mac OS X 全新的美學,它有著和過去整個時代都完全不同的視覺體驗,以及完全不同的交互邏輯。
這套 UI 界面使用拉丁語中的「水」一詞來命名,也就是「Aqua」。
從控制窗口開關的按鈕到滾動條,似乎都是用晶瑩剔透的水滴制作而成,并且被頭頂的光源給充分地照耀著,呈現出令人忍不住想舔一口的強烈質感:
這種無處不在的「Aqua」美學,讓進入新世紀的每一個人都在此體驗到了來自一個操作系統的高峰體驗:
而這種美學特征,在隨后對外發布的 Mac OS X DP3 當中全方位應用上了。
Mac OS X DP3 大概是最為「原教旨主義Aqua美學」的操作系統了。相比于 DP2 ,它的整個 UI 界面似乎從 720P 一鍵升級為 4K 畫質。水滴元素近乎不要錢一樣應用到界面中每一個角落:
這張經典的桌面背景,似乎也是在模擬類似水的流體感:
完全使用水滴按鈕組成的計算器讓人忍不住想去戳一下:
控制面板中的標簽頁也使用了水滴式的設計:
即便是是實色的元素,也通過光影營造出一種光滑順暢的質感:
當然,Mac OS X DP3 即便足夠「原教旨主義」,但是也沒有讓所有的元素都那么「水」。它的播放器還依然延續著早期 Platinum 主題下的金屬拉絲的材質感:
直到此時,使用了 Mac OS X DP3 的 iMac G3 才算是完全體,從內到外,都遵循著一直的美學特征。
進入新世紀,蘋果的視覺美學重生了,蘋果也重生了。
無論是 Mac OS X 還是 iMac G3,在當時的硬件設計和性能上是有要求的。但是相比于整個行業將參數奉為圭臬的態度,蘋果更看重的似乎是另外的東西。
「蘋果公司在基本的追求之外,還有其他的渴望。」——《喬納森傳》
這種超出常規認知的瘋狂嘗試,和徹底打破規則的創造性輸出,大概是 iMac G3成為里程碑,并且讓 Mac OS X 成為數字操作系統中獨角獸的核心要義。這樣的起死回生式的傳奇看多少次都會讓人擊節贊嘆。
不過, Mac OS X 再驚艷,這也僅僅只是另一次長征的開始。
引用來源:
https://www.cultofmac.com/442280/apple-history-imac-g3-arrives/
http://toastytech.com/guis/guitimeline.html
https://en.wikipedia.org/wiki/Aqua_(user_interface)
https://en.wikipedia.org/wiki/Mac_OS_X_Server_1.0
https://en.wikipedia.org/wiki/Rhapsody_(operating_system)
https://en.wikipedia.org/wiki/Classic_Mac_OS
《關鍵設計報告》
《史蒂夫·喬布斯傳》
《喬納森傳》
Mac 視覺史系列:
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 11 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓