设计观察 | 聊一聊「得到 App」的设计

得到 App 是我在手机上用得频率比较高的一个应用，它是由罗振宇创立的、以「一起建设一所终身大学」为 slogan 的学习社区。本文从我目前的熟悉程度聊一聊得到的app设计，包括视觉和交互两个层面，由于准备有限，算不上深入剖析。

得到app首页和 iOS 系统设置页面

界面视觉

在 2017 年下半年，随着 iOS11 的到来，苹果把「粗、大、黑、居左对齐」的页面标题设计推广到手机系统里的众多页面（在 iOS10 的时候还只是在 Apple Music 里实验性地推出）。在系统设置，App Store 等页面我们都可以看到这样的设计，这样的风格非常现代——干净简练清晰，去除必要的装饰——而且现代人的视线早已习惯了先从左上角开始扫面去获取信息。

得到的设计团队很快也就顺应了这样的设计趋势，iOS 版本的得到 app 界面风格非常地「苹果」，从上图可以看到。作为一个有影响力的产品，有责任将美的设计带给更多的用户，引领大众的审美，希望得到的团队能持续这样做下去。

得到的轮播图设计风格一向很简单，通常是人像加标题的组合，且标题没有额外的字体设计，相比网易云音乐逊色不少。当然这是一个学习类的app，产品内容、用户人群都和网易云音乐有较大出入，轮播图只要起到通知的作用即可，并不需要设计过多的视觉效果。

虽然app里模块众多，但是线条的使用却非常的克制，线条的颜色也淡的非常微妙。线条只用来作为模块之间的分隔，模块内就不再使用线条，而是用留白来区分（但是我忽然发现精品课模块里用到了线条，设计语言就显得前后不一致了）。这样的设计简洁且符合现代人的认知和审美。

颜色的使用，仅仅是单一的品牌色——橙色。非常统一，从待机页面的logo图，到内部的按钮和标签、选中的图标色、着重信息的字体色等，都是橙色。如无必要，就不增加颜色的数量，是为了减少信息熵，使用户更高效地获取内容，也能更好建立品牌调性。

图标的使用，底部标签栏采用了线性图标，有自己的风格，但是统一性我认为还有些许改进的空间。从「今日学习」、「知识账本」和「已购」三个图标能看到图标的边角风格是尖角的，但是「我的」的图标也应该采用尖角而非圆角。

在「我的」标签里，却采用里多彩的块状图标，这和底部的图标显得风格不统一了。对比网易云音乐，可以看到其风格是统一的，均为线性图标。

得到（左）和网易云音乐（右）

交互设计

关于交互层面，我提几个在我看来是亮点的设计和自己使用过程中的痛点。

直播支持系统后台播放。这个设计很方便，它是指，在得到上看直播的时候，若是将app最小化回到手机桌面甚至待机，你依然可以听到直播的声音。这样的设计没有强迫用户去收看直播的画面，给了用户只「听」直播的权利（甚至给出了按钮让用户进行视频和音频的切换），相比很多视频类 app 只要回到桌面就暂停视频的设计，得到就显得人性化许多。

克制的消息推送设计。只默认给用户推送已订阅专栏的更新推送（也给用户关闭这个推送的开关按钮），和直播的提醒，以及必要时对新产品的推荐，其余时候均不打扰用户。这样的推送设置可以说非常克制了，并且推送文案都很简洁直接（比如类似「你要的心理学专栏终于上线了」），抓住用户的需求点。

痛点方面，我自己现在很需要得到解决的，是锁屏状态下音频的前进和后退设计。在手机锁频状态，得到只提供了右边的「下一音频」和左边的按钮组，里面是「收藏」、「上一音频」和「离线下载」三个按钮。这四个按钮都不是高频使用的功能，我觉得前进和后退若干秒才是用户在听音频的时候需要的。我看到 Podcast 在锁屏状态就在播放键的左右两边提供了前进和后退的按钮，这样用户能在锁屏状态就能操控音频的播放进度，我真的希望得到能快点做到这个功能。

得到和 Podcast