獲 2015 年 Google Play 最佳設(shè)計獎的 Evernote，如何同時兼顧高效與優(yōu)雅？看完這篇文章，你就知道。

想要創(chuàng)建一款功能強大的筆記應(yīng)用程序，同時還要做到讓用戶體驗并不復(fù)雜，即使對于那些最為經(jīng)驗豐富的設(shè)計師都是一個巨大的挑戰(zhàn)。

2015 年，Evernote 決定全面應(yīng)用 Material Design 設(shè)計規(guī)范，而這一舉措為其優(yōu)化應(yīng)用功能、創(chuàng)造更流暢的用戶體驗提供了完美的機會。最終的產(chǎn)品以更簡潔的 UI，結(jié)合優(yōu)美的動效及排版，突出強調(diào)了 Evernote 的核心概念 —— 捕獲和組織創(chuàng)意的能力。

以簡潔清晰的 UI 實現(xiàn)化繁為簡

設(shè)計一款實用的筆記產(chǎn)品，最大的挑戰(zhàn)之一就是如何做到兼顧記錄時的快捷以及回顧時的便利。為了解決這兩個問題，每次打開程序時 Evernote 都向用戶呈現(xiàn)綠色的懸浮按鈕（用于記錄）以及筆記列表（用于回顧）。

Evernote 的界面以簡潔高效著稱

只需簡單的點擊即可快速記錄下新的想法，而之前記錄的信息，無論是照片、音頻、聊天信息還是任何其他類型的內(nèi)容，都可以通過整潔的筆記列表輕松訪問。

Evernote 的移動產(chǎn)品設(shè)計經(jīng)理 Kara Hodecker 認(rèn)為，通過采用 Material Design，Evernote 最大限度地減少了對用戶的干擾，讓用戶可以直接在應(yīng)用主頁輕松地檢索并編輯筆記。

“在貫徹 Material Design 設(shè)計規(guī)范的過程中，我們得以大幅簡化了 UI，并移除了多余的線條、邊框及其他可能會攪亂界面的元素。

—— Evernote 移動產(chǎn)品設(shè)計經(jīng)理 Kara Hodecker

在持續(xù)存在的 FAB（懸浮按鈕）上應(yīng)用了快捷指令的設(shè)計（speed dial transition）—— 點擊后展開并呈現(xiàn)六種不同的記錄筆記的方式，并強化了用戶輸入數(shù)據(jù)及快速了解 Evernote 產(chǎn)品性能的方式。

快捷指令設(shè)計（speed dial transition）中通過動畫展開子級按鈕，明確地表明了功能的相關(guān)性，讓用戶第一時間心領(lǐng)神會。

按下時，懸浮按鈕會彈出所有記錄筆記的方式—— 用戶能做什么在一個動畫之內(nèi)就一目了然了。

用明確的動效讓用戶安心

查看 to-do 列表一直都會讓人緊張（ 尤其是關(guān)鍵項目的 to-do 列表 ）。因此，在用戶記錄想法時，使用清晰的信號表達出 「記錄成功」 的狀態(tài)，會讓用戶倍感安心。

Evernote 使用動效讓用戶知道他們的筆記已經(jīng)被保存（并通過這一簡單優(yōu)雅的動畫為他們帶來驚喜）。

Evernote 使用簡單而優(yōu)雅的動效來傳達這種信號。

   •用戶編輯全新或已有的筆記時，左上角的返回上級按鈕將從箭頭變?yōu)榇_認(rèn)勾選標(biāo)記。

   •用戶編輯完成后，點擊對勾標(biāo)記將觸發(fā)短暫的動畫，對勾符號轉(zhuǎn)換回箭頭的樣子 —— 這個變化會讓人們知道，修改工作已經(jīng)保存，可以放心的返回到筆記列表了。

Evernote 產(chǎn)品經(jīng)理 Justin Street 認(rèn)為，動效的價值再怎么強調(diào)都不過分 —— 它們可以讓用戶安心并展露出自信的笑容。

”動效為用戶帶來愉悅。雖然 Evernote 是用于工作的工具，但我們也希望它是您喜歡使用的工具 ，是您繁忙的工作中的一抹亮色。

—— Evernote 產(chǎn)品經(jīng)理 Justin Street

通過排版強化品牌認(rèn)知和可用性

只要您能夠系統(tǒng)地使用網(wǎng)格、空間、尺寸、顏色、圖像及排版等基本元素來指導(dǎo)整體設(shè)計，任何字體都能很好地融入 Material Design 體系中。事實上，Google 之所以建立如此靈活的設(shè)計語言，初衷就是讓品牌有空間釋放自己的個性。

根據(jù) Street 的說法，Evernote 明確地意識到要同時兼顧創(chuàng)造力與系統(tǒng)規(guī)范，在傳達品牌個性的同時，通過貫徹 Material Design 來提升用戶體驗。

“我們喜歡有個性的操作系統(tǒng) – Material Design 的偉大之處就在于此。追求獨特的背后都有著強大的邏輯，這也是 Evernote 的處世之道。

—— Evernote 產(chǎn)品經(jīng)理 Justin Street

通過在整個應(yīng)用中對排版方式的極致應(yīng)用，我們創(chuàng)造了一種清晰的層次感，并為它注入了自己獨特的性格。

Evernote 的系統(tǒng)字體 – Caecilia 字體，與 Roboto 字體配合良好，后者是 Android 系統(tǒng)中可用的標(biāo)準(zhǔn)非襯線字體。設(shè)計團隊選擇在標(biāo)題以及較高層級信息中使用 Caecilia 字體，在正文、UI 元素及其他地方使用 Roboto 字體。

這兩種字體的配合使用帶來了讓人欣喜的變化，讓用戶能夠輕松地吸收信息，并毫不費力地在功能模塊間完成切換。這兩者的配合使用同時也幫助簡化了開發(fā)流程，因為 Roboto 是 Android 自帶的字體，所以不需要單獨添加，而且天然支持更多擴展語言。

獎項與社區(qū)支持皆收入囊中

Evernote 已經(jīng)培養(yǎng)出了一個充滿激情和忠誠的用戶群體，在 Material Design 轉(zhuǎn)型期間也從未失去用戶的喜愛。

轉(zhuǎn)型到 Material Design 之后，反饋信息中的絕大部分都是積極正面的，總評分?jǐn)?shù)高達 4.6 分，點評數(shù)量超過 140 萬條（ 并且這個數(shù)字還在不斷增加 ）。

Evernote 曾在 2015 年榮獲 Google Play 最佳設(shè)計獎，并一直處于頂級 Material Design 應(yīng)用之列。

事實上，轉(zhuǎn)向 Material Design 還帶來了一個意外的好處，那就是媒體報道數(shù)量猛增 —— 那些熱衷于介紹 「強化用戶體驗」 和 「感受 Material Design 之美」 的網(wǎng)站在這方面尤其熱心。

相信看到這里，對于 Material Design 能帶來的體驗和評價方面的好處您已經(jīng)了然于胸。是時候去看看 Google Material 設(shè)計規(guī)范，并早些應(yīng)用在您的作品中吧！