首頁>數碼>

在此次的 WWDC 20釋出會上,蘋果推出了最新版的桌面系統 macOS Big Sur,雖然命名的方式沒有變化,但蘋果強調,此次更新是「自 Mac OS X 以來,最重大的設計改變」,不僅是圖示、介面都變得和 iOS 更接近,功能上,現在兩個平臺也有諸多共通點。

通過升級體驗,IT君想說一說自己的感受。

應用視窗的圓角都變大了,與 Macbook Pro 的螢幕圓角更為和諧一致;大量的毛玻璃、半透明介面元素,介面更為扁平;系統級應用圖示採用了與 iOS 和 iPad OS 一致的圓角矩形圖示;更大的元素間距,更少的灰度中間色,以及更強的黑白對比。介面部分

Mac OS X 10.0 & macOS 11.0 這兩個跨越20年曆史的作業系統,在系統 UI 上發生了翻天覆地變化的同時,也可以看出蘋果在 mac OS設計語言上的延續性。關於 mac OS 的歷史有太多值得 UI 設計師們反覆學習的地方。

Mac OS X 10.0 這套 UI 介面使用拉丁語中的「水」一詞來命名,也就是「Aqua」。從控制視窗開關的按鈕到滾動條,似乎都是用晶瑩剔透的水滴製作而成,並且被頭頂的光源給充分地照耀著,呈現出令人忍不住想舔一口的強烈水晶質感,這也引領了一個時代的 UI 設計師一擁而上的投入到寫實介面的大潮中。

macOS 11.0(Big Sur)重新設計了系統、內建應用的圖示和介面,此次更新是「自 Mac OS X 以來,最重大的設計改變」。桌面底部的程式塢(Dock)和頂部的選單欄都做了透明化處理,比起之前的深灰色條,配合彩色漸變的新桌布,設計語言上確實是更為時尚簡潔了。這次更新,系統版本從10升級到11,這是十幾年來第一次,代表著搭載arm處理器的Mac即將開創下一個時代。

大部分系統內建應用也都進行了重新設計,淡化了選單欄部分的「物理按鈕」概念。應用程式圖示統一的圓角矩形,桌面視窗的大圓角設計,讓一切看起來都有一種浮動板塊的感受,感覺每個元素都可拖拽,都使得整個系統更為接近 iOS 和 iPad OS 這樣的移動端裝置的的系統設計語言。

更大的元素間距,更少的灰度中間色,以及更強的黑白對比都使得介面更加簡潔時尚了。蘋果設計師 Alan Dye 在釋出會上也提到了設計風格轉變的原因,主要是希望「降低視覺的複雜度,讓使用者能夠將注意力集中在內容上」,而非各種花哨的裝飾,很像是當年 iOS 從擬物化轉移到扁平化的說辭。

與iOS14同步更新的小部件功能,在mac系統中設定了三種不同大小的尺寸排列方式。控制中心的視覺設計上有些最近流行的“新擬態”設計語言,毛玻璃質感和大量的投影和和縱深感,就連頂部的選單的文字都加上了投影。毛玻璃的背景畫面,能很好的突出前景資訊,中和了扁平化圖文帶來的生硬不立體感。在視覺上形成一種視覺的層次感。

圖示部分

Mac 系統的圖示一直其設計上的亮點之一。在蘋果的 mac OS 的人機互動指南中也明確指出:“漂亮,引人注目的圖示是macOS使用者體驗的基本組成部分。圖示不僅是裝飾性的,而且在與使用者交流中起著至關重要的作用。要在macOS上看家,應精心設計應用程式圖示,提供資訊,並且美觀。它應該傳達應用程式的主要目的並暗示使用者體驗。”

在此次系統級應用圖示採用了與 iOS 和 iPad OS 一致的圓角矩形圖示,郵件、通訊錄等應用也都不再保留之前的擬物化設計。當年在 Smartisan OS 釋出會上老羅提到:由於桌面系統有充足的螢幕空間,只要圖示足夠精緻,所有的圖示放的越大就越好看。如果說手機螢幕空間有限,統一圖形是不得已通過犧牲美感來保持整齊劃一;那在螢幕空間足夠大的桌面端,為了追求所謂和 iOS 一致性,一股腦的全框上一個令人髮指的圓角矩形,只能說是在捨本逐末了。

雖然新圖示在美感和辨識度上遠不如舊版本。但這也是大勢所趨,現在蘋果正試圖融合 macOS 和 iOS、iPad OS 的生態,在完成對主要功能的迭代後,必然就會去統一各個平臺的設計風格。

新版 ICON,全部框進了圓角矩形當中,視覺美感和識別度大大降低。

遺憾之處

Launchpad Icon 經典的小火箭設計也已經不見了,取而代之的是一個迷之色塊的排列圖示

Keynote、Pages、Numbers 等等眾多個性化圖示都被框死在這個該死的圓角矩形當中,完全沒有了之前的識別度。最忍受不了也是被吐槽最多的,就是電源設定裡的這個綠色電池圖示,這個謎一樣的對齊方式確實讓人產生疑惑。這麼明顯的視覺錯誤,在後續的正式版當中,希望被改掉。

總結

這次的設計更新確實是一次視覺風格上的大膽的革新和嘗試,介面視窗更加扁平化的同時,也帶來了更多 3D 維度的視覺層次,在減少了冗雜細節的基礎上,變得更加極簡主義了。

macOS 11.0 在設計上似乎是追求扁平化和擬物化的結合,實際上這也是 mac OS一貫的設計語言:該擬物的擬物,該扁平的表扁平,讓操作更符合直覺的。這也是為什麼很多按鈕,圖示還保留陰影的原因。只是這次的在減少了中間過度之後,這種反差變得更為強烈了。

毫無疑問,這一次,macOS 又要引領一波將來的設計趨勢,但趨勢或者流行的設計都是好的嗎?這是更值得我們去思考的問題。

  • 雙11 神舟放大招,11代i7筆電直降1100?
  • iPhone12價格再次被確認,果粉怎麼也沒想到,失望來得太快了