如何評價 OS X 10.10 Yosemite 的應用圖標設計?


我覺得 Yosemite 圖標的扁平化程度要比 iOS 淺,甚至稱不上「扁平化」,應該是一種保留了高光、陰影、漸變但弱化材質、紋理、3D透視等元素的一種「化」,跟扁平化還是有很大的區別的。

以上為微博上 @C7210 的觀點,我覺得說的挺對的。是「抽象化」而不是「扁平化」。


如 @徐佳琦 的答案所說,將這樣的變化簡單稱為「扁平化」顯然是不太妥的(其實我本來就不大喜歡「扁平化」這種說法)。

自第一版在十多年前發布以來,OS X 的圖標都以富有質感、光影豐富著稱。而 Yosemite 的圖標與之前版本相比,減少了視覺修飾,但仍然保留了一些精緻而有趣的細節。

圖標的立體感被削弱。很多現有 (Mavericks) 圖標,如 Calendar 的圖標,從帶有透視效果變成類似軸測圖的風格。雖然仍有一定立體感,但比起現在的版本顯得更弱。同時,高光和陰影的使用變得更為克制,圖標的質感亦由光滑變得更有「磨砂感」。這樣的變化從 Mavericks 所加入的 iBooks 和 Maps 的圖標中已可見端倪。我認為,這樣變更的效果是讓整體的視覺變得更為清爽,符合 UI 的變化。

顏色飽和度如 iOS 7 一樣變得更高。個人覺得與 iOS 7 的略微過分相比,Yosemite 的圖標飽和度分寸掌握得還不錯。不過,估計也很難討好所有人吧。比如文件夾的圖標樣式變化就讓我有點受不了。

另外,圖標風格變得更統一。從官網的 Preview 可見,不少圖標的外形都得到了統一。iTunes、iBooks、MAS 等的圓形,Reminders、Calendar、Notes、Contacts 等的傾斜矩形,Finder、Settings 的正面矩形等。亦有一些系統圖標,如 Preview,外形較為自由。這樣的改變可能亦是有一種向 iOS 的圖標設計策略靠近的趨勢吧。

不過,我覺得 Yosemite 的圖標外形統一,比起 iOS 劃一的圓角矩形要更好。本來,圖標就是體現一個應用的辨識性和個性的一個重點,應用圖標的功能性不如界面中的 glyph icon 重,所以做得多變一些亦無不妥。iOS 的圓角矩形只能說是追求縱橫對齊的折衷之舉,而在 OS X 的 Dock 上,注意水平方向重心的把握就能得到不錯的效果。

------

評價只能說見仁見智。可能有人覺得配色「很 Gay」,可能有人覺得這種處於「半扁平半擬物之間」的風格很平庸(實際上這樣的風格近年也不少,比如 Google 也可算一例)。就我自己而言,還是很喜歡這次的改變的。


看到大家都在討論新圖標是不是叫做「扁平化」,我也來說說自己的看法。

這次 Yosemite 對所有的軟體圖標進行了重繪,線條變得更加纖細,顏色變得更加飽和,邊框變得磨砂透明,一些紋理也被去掉了。但是,大家注意,其實 OS X 新圖標和 iOS 7 風格並不相同啊!iOS 7 大量圖標很抽象,如果 iOS 7 沒有圖標下面的文字,或許你根本認不出來這個圖標是什麼。新的 OS X 圖標仍然保持了擬物化元素,給大家舉幾個例子大家可以看出來了,新的圖標和原來的版本仍保持了很大的相似度,只是風格更接近 iOS 7.

(以上圖片轉自網路)

遊戲中心改為了和 iOS 7 一樣的圖標,比較抽象,但是其他圖標為什麼仍然保持擬物呢?大家請看自己的 iPhone,每個圖標下面都對應相應的應用名。

但是 OS X 就不同,Dock 欄圖標是不顯示應用名的(如下圖1),只有在滑鼠移動到某個圖標上面才會顯示出對應的名稱(如下圖2)。所以,一旦新系統圖標改動太大,或者比較抽象,會讓用戶找起來非常麻煩。

所以新的 Yosemite 圖標變成 iOS 7 畫風,讓人感覺和 iOS 系統更加統一,同時又沒有丟棄擬物化設計,其實是個非常好的設計。


我是個剛入門UI設計的小菜鳥,想當年吸引我支撐我轉型學這個的就是OS X上各種精緻的icon和Ios上各種精緻的界面啊。現在我終於可以自己入手好好體驗一番了尼瑪你給我改了?
說實話,從美觀上來說,以前的既優雅又好看。現在的優勝美的圖標像個半成品,而且,這並不是扁平化,它依舊保留了各種光影,但卻去掉了提亮的高光,或者說是增色的細節。老實說,無論基於何種考慮,我覺得桌面系統並不需要扁平化,或者說是抽象化,。UI就是優雅的讓軟體更易用,但我覺得以前的垃圾桶比現在這個看起來像是沒畫完的垃圾桶更直觀,他居然說花了很多時間在白色的垃圾桶上面。
總之,一句話就是現在的圖標像是未完成的,以前的才是完成版。
媽蛋,本來就是等這次發布會不發新品就買的,結果現在漲了好幾百了,大四狗傷不起。


這是最近比較流行一種變現形式,介於扁平和擬物之間,把握兩者有點的一種平衡的設計。
1,擬物化:擬物化有著高精度的辨識度,對於用戶來說,一看就知道這個圖標是什麼意思,這個應用是幹嘛的,一猜也能猜個八九不離十。
2,扁平化:弱化界面元素,來突出本質的核心,讓用戶的注意力更關注於產品本身,而不是界面。我經常會在Launchpad 盯著圖標看好久,讚歎一下圖標真好看。

OS X 10.10 Yosemite 的設計我覺得就是兩者之間,不缺乏擬物化的辨識度,也不會精緻的讓我過分關注,但又不缺乏設計細節。

這不能說一個好看的設計或者說讓人驚嘆的設計。但看上去挺舒服,不好看,也不難看。不喧賓奪主,同樣不缺乏細節。


只想說兩個
1、廢紙簍這材質是什麼?橡膠嗎?還是塑料?感覺確實不如原來的金屬紙簍,不過扔進去的彩色廢紙很不錯。
2、為何iTunes的圖標是紅色的?iOS7的iOS設備在恢復模式顯示的連接到iTunes是一個深藍色的(我一直以為新的iTunes圖標就是那個)


10.10之前的系統,一個Launchpad的圖標就讓能我看一整天,金屬的質感讓我真的想摸摸,但10.10換了圖標,就像一個橡皮泥捏成東西,看都不想看。真是強烈建議強納森不要再折騰UI了,要知道多少人買Mac都是沖著質感十足的圖標和Dock去買的(我就是其中一員),現在圖標全變成橡皮泥捏出來的一樣,Retina屏幕本應可以讓擬物圖標看起來更好,但現在的扁平,沒什麼細節,我要Retina屏還有什麼用?現在已經很多APP已經把圖標弄成扁平化的了,例如:現在QQ的Mac版圖標(非APP Store版本),真是丑到哭,比系統圖標還扁。

最後說一句:我恨強納森,還我擬物化。


問題有問題!你問的是系統的icon那個大大的X還是系統內部的app的icon?在回答里說這個是因為…

1.系統里app的icon真的其實不好看…有很多還需要細化。但是那個keynote里demo時候展示的鮮紅色iTunes icon真的好漂亮!

2.系統本身的X icon設計的沒有什麼可批評的… 但是實在是沒亮點…


推薦閱讀:

用什麼軟體可以方便地製作圖標?
視覺設計師的核心競爭力是什麼?需要掌握哪些基礎技能和能力去面對職業環境?
怎麼使用 Ps 做這種效果?
用戶體驗設計和交互設計,最好的發展路徑是去商業設計公司還是做自己的產品?
這個膠片上鏤空部分的曲度是怎麼做出來的? 求解答

TAG:Mac | macOS | 設計 | 圖標設計 |