無極五註冊開戶_Mac 視覺史 vol.3:浴「水」重生的 Mac 視覺美學

世間所有的相遇都是久別重逢。蘋果和喬布斯是如此,NeXTSTEP 和 Macintosh 是如此,iMac G3 和 Mac OS X 也是如此 。

這可能是最難寫的一個章節,這也是 Mac 視覺史當中,最為富有樂趣、充滿了巧合、顛覆、反轉和意外的一個部分,也是我曾經在回溯探索過程中,最享受的一段。

90年代的視覺美學

在上一篇《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 是這麼吐槽的。

締造者 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 系統

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 操作系統。

Mac OS X Server 1.0

在 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 DP2

對外的公開測試版系統,蘋果統一稱之為 Mac OS X Developer Preview 。

可以看得出來,直到 Mac OS X DP 2 這個版本,Mac 系統的視覺特徵還是帶有很典型的老款 Mac OS 系統的視覺特徵和交互。不過,這個版本中 Quicktime 應用的LOGO發生了明顯的變化:

而原本顯得過於冷硬沉重的圖標和UI 元素也開始加入更活潑的色彩:

Mac OS X 的 DP 版系統一共對外發布了4個版本,而分水嶺就出現在 DP2 和 DP3 之間。這種改變其實是蘋果整體的變化所帶來的必然結果。

Think Different

不瘋魔,不成活。對於非同凡響產品的追求,同主流認知的對抗,在喬布斯身上一直都存在。

這種滿腦子的不合時宜讓他經常不被理解,但是能夠接納甚至共鳴的人也在少數。比如蘋果《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 也都是最具有代表性的里程碑式的產品之一。

從各種意義上來說,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 的啟示

為什麼要花如此大的氣力來說 iMac G3 的事兒呢?因為它是 Mac OS X 的視覺美學的重要觸發點。

iMac G3 不僅深入契合了 Think Different 的精神內核,而且走出了 90 年代傳統電腦的固有風格,以一種鮮活、靈性、友好的姿態,讓全世界人知道,世界上有一種電腦叫做 PC ,還有一種電腦叫 iMac G3。

這種獨特的設計,也影響着其他的團隊和設計。早在 「Copland」 項目時期,Ratzlaff 在參与 主題管理器 Appearance Manager 的設計的時候,就嘗試過很多不同的設計,比如類似果凍質感的界面元素。在喬布斯剛剛回到蘋果的時候,他曾在項目說明會上演示過這樣的設計,只不過當時並沒有引起足夠的重視。

在iMac G3 發布之後,他發現這種通透明快的質感內在的共通,開始繼續沿着這個方向去挖掘——明亮、有趣、多彩的視覺,用充滿「水滴」質感來重新設計 UI 界面元素,徹底告別死板老舊的 UI 界面。

在視覺風格上,魯賓斯坦所領導的團隊,做過很多次不同的嘗試。而 Ratzlaff 這種「水滴」視覺美學似乎走對了方向。

Ratzlaff 的思路和喬納森在更深的層次上是不謀而合的:「什麼東西和計算機界面毫無關聯?」他想到了糖果,想到了酒。

整個設計團隊開始有意識地搜集雜誌上的各類酒類廣告,在醇香的酒液中的冰塊和玻璃瓶上流轉的光影中,去擷取讓雙眼最舒爽的變化和細節,然後以此不斷髮想,逐步演化成為一套視覺美學。

Aqua 的美學

一旦探索的方向確定了,後面的衍生和發展就會自然發展起來。更加直覺,強化視覺,注重體驗,追逐順滑自然的交互。

「上善若水。」

在 2000 年舊金山的 MacWorld 活動上,喬布斯演示了這套全新的 Mac OS X 全新的美學,它有着和過去整個時代都完全不同的視覺體驗,以及完全不同的交互邏輯。

這套 UI 界面使用拉丁語中的「水」一詞來命名,也就是「Aqua」。

從控制窗口開關的按鈕到滾動條,似乎都是用晶瑩剔透的水滴製作而成,並且被頭頂的光源給充分地照耀着,反映出令人忍不住想舔一口的強烈質感:

這種無處不在的「Aqua」美學,讓進入新世紀的每一個人都在此體驗到了來自一個操作系統的高峰體驗:

而這種美學特徵,在隨後對外發布的 Mac OS X DP3 當中全方位應用上了。

Mac OS X DP3

Mac OS X DP3 大概是最為「原教旨主義Aqua美學」的操作系統了。相比於 DP2 ,它的整個 UI 界面似乎從 720P 一鍵升級為 4K 畫質。水滴元素近乎不要錢一樣應用到界面中每一個角落:

這張經典的桌面背景,似乎也是在模擬類似水的流體感:

完全使用水滴按鈕組成的計算器讓人忍不住想去戳一下:

控制面板中的標籤頁也使用了水滴式的設計:

即便是是實色的元素,也通過光影營造出一種光滑順暢的質感:

當然,Mac OS X DP3 即便足夠「原教旨主義」,但是也沒有讓所有的元素都那麼「水」。它的播放器還依然延續着早期 Platinum 主題下的金屬拉絲的材質感:

直到此時,使用了 Mac OS X DP3 的 iMac G3 才算是完全體,從內到外,都遵循着一直的美學特徵。

進入新世紀,蘋果的視覺美學重生了,蘋果也重生了。

進入X時代:Mac OS X

毫無疑問,無論是 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 視覺史系列:

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

Mac 確實是優秀設計的典範,是 GUI 設計史當中繞不過去的最重要的操作系統家族。

閱讀文章 >>

Mac 視覺史 vol.2:90年代失敗操作系統大賞

在第一篇 Mac 視覺史當中,我梳理過了整個 Mac 系統第一階段的明線,而這一篇,我們來聊一下它的「暗線」。

閱讀文章 >>

未经-摩登3注册-摩登3测速官网-允许不得转载:摩登3注册-摩登3测速官网 » 無極五註冊開戶_Mac 視覺史 vol.3:浴「水」重生的 Mac 視覺美學

赞 (0)