Architect1st / Design-Apple-Music-On-macOS

And how it should have been done.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Design-Apple-Music-On-macOS

And how it should have been done.

2019 年 5 月 30 日

早在几个月前便有新 Music App 和 Podcast App 的 Icon 泄露出来。大家都兴奋地搓手手。而最近 9To5mac 终于公布了截图,但我不得不说,我很难掩饰自己的失望。

New icons

New Icons

TV app

TV app

Music app

Music app

我都不知道从哪开始吐槽。

首先,像上图那样,左边那些彩色的图标已经背叛了 macOS 现存的两种设计语言了:要么是纯色的、镂空的 Icon 放在窄标签的左边,像 iTunes 那样。要么把 Icon 和整行标签做宽一点,像 News App 中的那样。

而现在这样,视觉上不清楚,会让人迷惑。又与 Mac 整体风格不统一。如此粗糙的产品,很难理解居然会是 Apple 的制作。

左边是 iTunes,右边是 News

左边是 iTunes,右边是 News

另外,在 Music App 中,即使在同一个 App,同一个功能区里,顶部的三个按键风格也并不统一。左边的有浅阴影,圆角半径小,平整的表面,居中的图标,图标笔画适中;右边没有阴影,但表面是凸起的,圆角半径大,图标也并没有居中,笔画明显更粗。

接下来,TV App 的整体设计风格却又像是旧的设计 Guideline 的产物。我并不反对顶部这些 Indicator,但是左侧这种像是直接套用模版的 Column 实在是令人一言难尽。 Will Stark 评价说,

这个布局感觉像是 Finder 没改完。

深以为然。

最后,这两者左上角的返回键摆放的位置都有问题。这种使用场景下的一个合理的返回键应该怎样布局?去年随 Mojave 发布的 Mac App Store 新设计回答了这个问题。

MAS 中的返回键

MAS 中的返回键

纵观这两个 App,它们有着类似的功能(都是媒体串流平台),类似的产业布局(Apple Music/Apple tv+),类似的机制(Subscribe),类似的诞生背景(UIKit+iTunes 拆分),但却有着截然不同的设计和完全不同的操作。

这不是「各司其职」,这是混乱。

我转而想起许久之前做的 Apple Music on macOS 的设计,用了一下午加工了一下,成品在这里:

Dark mode

Dark mode

Light mode

Light mode

Scroll down

Scroll down

确实有一些地方我也敷衍了一下,但我还是认为这样的设计比现在泄露的这个截图要更优秀一些。

也许我应该去给 Apple 设计 App 吧。


Update: 20190607

Twitter 上也有人注意到这个事情了。

About

And how it should have been done.