让Apple Music教你如何正确地做充满果味的Android应用

让Apple Music教你如何正确地做充满果味的Android应用

编者注:本文首发于知乎专栏 thoughts.dng,标题有改动。Apple Music 正式登陆中国没多久,昨天又在 Google Play Store 上架了它的 Android 版本。这样一款来自苹果公司的 Android 应用如何中和两种不同的设计风格呢?


废话不说,直接上图。虽然目前的 Apple Music for Android 并不能说是一款非常优秀的 Android 应用,但是考虑到目前它还处于 beta 阶段,在正式版里可能会有进一步改进。

0、首屏

2. For You.png

很容易就能注意到的区别是两者采用了截然不同的导航方式 —— tab bar for iOS,Drawer for Android。Apple Music 引以为傲的智能推荐让用户能够一整天都遨游在 For You 这个模块中,相比起这个模块,其它功能都并不是那么重要。Android 版将其他模块藏入 Drawer,也很好地凸显 For You 对于 Apple Music 的重要性。

另外,两个版本的横幅展示也采用了不太相同的设计(而有趣的是,很多情况下,Android 这边的辨识度甚至要高于 iOS 端)。

1、Drawer

1. Drawer_meitu_1.jpg

比起 iOS 版本的 tab bar,drawer 的 空间更加充裕,于是播放列表便有了自己的一席之地(iOS 版本中,播放列表被归进了 My Music,需要在 My Music 中再点击顶部才能从曲库切换到播放列表),用户的头像也能得以展示(我一直不明白为什么 iOS 版本左上角不显示用户头像...)。

2、Playlist

4. Playlist.png

很明显可以看出来的是,在不同的版本中,Apple 将图标换成了符合各自平台含义的版本,最明显的就是分享图标。整个页面的布局也有所调整。

3、播放器

6. Player.png

Android 版本去掉了音量滑块,同时和上条中提到的相同,分享图标以及菜单图标的样式也有所调整。Android 版的收起按钮还加上了富有 Material Design 特色的阴影(虽然投影的方向很奇怪...)。再看看某劫持 Android 音量界面做成 iOS 音量调整窗口的国产应用...

4、上下文菜单

5. Context Menu.png

对比依旧非常明显。Android 版本的上下文菜单采用了 Bottom Sheet,同时因为有返回键的存在,Cancel 键便没有意义。

5、分享

8. Share.png

当用户选择分享时,更大的区别就体现出来了。两个版本的 Apple Music 都选择了调用系统分享,所以在 Android 6.0 上便可以使用 Direct Share 分享给不同应用的联系人,5.0 以上的系统中还能通过用户的分享习惯智能排序分享列表里应用出现的顺序。而 iOS 版本也可以选择直接用 AirDrop 进行分享。这一点比起国内大部分应用那所谓 「构建闭环」 的残废分享,简直不知道好到哪里去。

6、锁屏音乐控制

8. Lockscreen.png

两个版本都采用了原生的锁屏音乐控制 —— 而不是像某些国产音乐播放器那样,硬生生的画一个锁屏覆盖在原生锁屏上。实际上,iOS 版本的锁屏提供了更多的操作,也可以查看专辑封面的大图,单就音乐方面而言比起 Android 版还是好上不少的。

简单的对比就做这些,实际上你会发现几乎每个页面两者间都有或细微或显著的区别,Apple Music for Android 中还是可以看得出一些用心的痕迹。至少,比起那些完全照搬 iOS 逻辑和视觉的国产安卓应用还是高出了不少。强烈建议国内那些负责安卓产品的设计师也好产品经理也好仔细研究研究 Apple 的做法,用正确的姿势在 Android 上做充满果味的应用。

产品设计Material DesignAndroidApple Music
下载极客公园客户端
iOS下载
反馈