# Google 最佳设计奖，Evernote 是这样拿下的 \| 灵感早读

- 作者：APPSO
- 发布时间：2017-03-20 07:18
- 原文：https://www.ifanr.com/app/804669

![](https://s3.ifanr.com/wp-content/uploads/2017/03/evernote.jpg)

> A 君导读：谷歌开发者之前分享了 [Airbnb Android 客户端的设计之美](http://www.ifanr.com/app/796604)，这次为 AppSo（微信号 appsolution）读者带来的是 Evernote 的分析。
> 
> 获 2015 年 Google Play 最佳设计奖的 Evernote，如何同时兼顾高效与优雅？看完这篇文章，你就知道。

**想要创建一款功能强大的笔记应用程序，同时还要做到让用户体验并不复杂，即使对于那些最为经验丰富的设计师都是一个巨大的挑战。**

2015 年，Evernote 决定全面应用 Material Design 设计规范，而这一举措为其优化应用功能、创造更流畅的用户体验提供了完美的机会。最终的产品**以更简洁的 UI，结合优美的动效及排版，突出强调了 Evernote 的核心概念** —— 捕获和组织创意的能力。

### 以简洁清晰的 UI 实现化繁为简

**设计一款实用的笔记产品，最大的挑战之一就是如何做到兼顾记录时的快捷以及回顾时的便利。**为了解决这两个问题，每次打开程序时 Evernote 都向用户呈现绿色的悬浮按钮（用于记录）以及笔记列表（用于回顾）。

![](https://s3.ifanr.com/wp-content/uploads/2017/03/evernote-hero.jpeg)

Evernote 的界面以简洁高效著称

只需简单的点击即可快速记录下新的想法，而之前记录的信息，无论是照片、音频、聊天信息还是任何其他类型的内容，都可以通过整洁的笔记列表轻松访问。

Evernote 的移动产品设计经理 Kara Hodecker 认为，通过采用 Material Design，Evernote 最大限度地减少了对用户的干扰，让用户可以直接在应用主页轻松地检索并编辑笔记。

> 在贯彻 Material Design 设计规范的过程中，我们得以大幅简化了 UI，并移除了多余的线条、边框及其他可能会搅乱界面的元素。
> 
> —— Evernote 移动产品设计经理 Kara Hodecker

在持续存在的 FAB（悬浮按钮）上应用了快捷指令的设计（speed dial transition）—— 点击后展开并呈现六种不同的记录笔记的方式，并强化了用户输入数据及快速了解 Evernote 产品性能的方式。

快捷指令设计（speed dial transition）中通过动画展开子级按钮，明确地表明了功能的相关性，让用户第一时间心领神会。

![](https://s3.ifanr.com/wp-content/uploads/2017/03/0-25.gif)

按下时，悬浮按钮会弹出所有记录笔记的方式—— 用户能做什么在一个动画之内就一目了然了。

![](https://s3.ifanr.com/wp-content/uploads/2017/03/evernote-inline01-1.jpg)

### 用明确的动效让用户安心

查看 to-do 列表一直都会让人紧张（ 尤其是关键项目的 to-do 列表 ）。因此，**在用户记录想法时，使用清晰的信号表达出 「记录成功」 的状态，会让用户倍感安心。**

Evernote 使用动效让用户知道他们的笔记已经被保存（并通过这一简单优雅的动画为他们带来惊喜）。

![](https://s3.ifanr.com/wp-content/uploads/2017/03/evernote-inline02.jpeg)

Evernote 使用简单而优雅的动效来传达这种信号。

- 用户编辑全新或已有的笔记时，左上角的返回上级按钮将从箭头变为确认勾选标记。
- 用户编辑完成后，点击对勾标记将触发短暂的动画，对勾符号转换回箭头的样子 —— 这个变化会让人们知道，修改工作已经保存，可以放心的返回到笔记列表了。

Evernote 产品经理 Justin Street 认为，动效的价值再怎么强调都不过分 —— 它们可以让用户安心并展露出自信的笑容。

> 动效为用户带来愉悦。虽然 Evernote 是用于工作的工具，但我们也希望它是您喜欢使用的工具 ，是您繁忙的工作中的一抹亮色。
> 
> —— Evernote 产品经理 Justin Street

### 通过排版强化品牌认知和可用性

**只要您能够系统地使用网格、空间、尺寸、颜色、图像及排版等基本元素来指导整体设计，任何字体都能很好地融入 Material Design 体系中。**事实上，Google 之所以建立如此灵活的设计语言，初衷就是让品牌有空间释放自己的个性。

![](https://s3.ifanr.com/wp-content/uploads/2017/03/evernote-share.jpg)

根据 Street 的说法，Evernote 明确地意识到要同时兼顾创造力与系统规范，在传达品牌个性的同时，通过贯彻 Material Design 来提升用户体验。

> 我们喜欢有个性的操作系统 – Material Design 的伟大之处就在于此。追求独特的背后都有着强大的逻辑，这也是 Evernote 的处世之道。
> 
> —— Evernote 产品经理 Justin Street

**通过在整个应用中对排版方式的极致应用，我们创造了一种清晰的层次感，并为它注入了自己独特的性格。**

Evernote 的系统字体 – Caecilia 字体，与 Roboto 字体配合良好，后者是 Android 系统中可用的标准非衬线字体。设计团队选择在标题以及较高层级信息中使用 Caecilia 字体，在正文、UI 元素及其他地方使用 Roboto 字体。

这两种字体的配合使用带来了让人欣喜的变化，让用户能够轻松地吸收信息，并毫不费力地在功能模块间完成切换。这两者的配合使用同时也帮助简化了开发流程，因为 Roboto 是 Android 自带的字体，所以不需要单独添加，而且天然支持更多扩展语言。

### 奖项与社区支持皆收入囊中

Evernote 已经培养出了一个充满激情和忠诚的用户群体，在 Material Design 转型期间也从未失去用户的喜爱。

转型到 Material Design 之后，反馈信息中的绝大部分都是积极正面的，总评分数高达 4.6 分，点评数量超过 140 万条（ 并且这个数字还在不断增加 ）。

**Evernote 曾在 2015 年荣获 Google Play 最佳设计奖，并一直处于顶级 Material Design 应用之列。**

![](https://s3.ifanr.com/wp-content/uploads/2017/03/all_phones_evernoteversion2.jpg)

事实上，转向 Material Design 还带来了一个意外的好处，那就是媒体报道数量猛增 —— 那些热衷于介绍 「强化用户体验」 和 「感受 Material Design 之美」 的网站在这方面尤其热心。

相信看到这里，对于 Material Design 能带来的体验和评价方面的好处您已经了然于胸。是时候去看看 Google Material 设计规范，并早些应用在您的作品中吧！

文章授权转自「谷歌开发者」，原文链接：[取舍的艺术：Evernote](https://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&mid=2652042761&idx=1&sn=e29e216dee999c02939f23727ea180a1&scene=0#wechat_redirect)

**本文由让手机更好用的 AppSo 精选推荐，关注微信号 appsolution，回复「早读」看苹果的 app 图标，背后有何设计玄机。**

![AppSo qrcode signature](https://s3.ifanr.com/wp-content/uploads/2016/09/AppSo-qrcode-signature.jpg)