想知道什么是 Material Design？有這十款應用就夠了

編者注： 當我們被國產手機紛繁復雜的 UI 設計和應用交互整得丈二和尚摸不著頭腦之時，或許已經有人開始想念原生設計了。接下來，給諸位推薦的幾款應用都是絕佳的 Material Design 的設計范本。趕緊下載這些應用，領略下「什么才是 Material Design」吧！

本文編譯自  Android Authority ，圖片來源于網絡。

在 2014 年之時，Material Design 首次亮相，它改變了 Android 設備的外觀和交互方式。這套設計語言源于 Google 自身，它的特點是將抽象圖層，美觀的過場動畫，高反差的色調以及直覺的物理交互組合在一起。

如果正確把握這套設計語言，Material Design 就是清新，簡潔和直觀的象征。此外，它也給予了 Android 設備統一，協調的體驗。在這篇文章里，我們將會看看 10 個不錯的 Material Design 案例。無論你是一名尋找 UI 設計靈感的開發者，還是想給自己的手機裝滿簡潔干脆應用的用戶，你一定能夠從這里面尋找到靈感。

Matrand

Matrand 也許只是一個隨機數生成器，但是它出色的界面將自己從其他的同類應用中拔高了不少。

我們中的大多數并沒有生成隨機數的需求，但這并不妨礙我們欣賞這款應用的設計。這是一款極簡抽象畫風的應用，內部有大量留白和白綠色的組合。色子外觀的 icon 非常適合來告訴用戶這是一款什么樣的應用。點擊這個圖標，驅動色子轉動以生成隨機數。

Phonograph Music Player

如它的名字一般，它和 Google Music 一樣都是音樂播放器，但它在抽象設計上似乎要比后者要看得更遠。

這款應用將所有的 Material Design 元素收納進一個小而扁平的圖標里，隨著用戶點按而移動的交互界面——干凈而迅速。

既然這是一款音樂應用，如果你有很多帶有封面圖片的音樂專輯，那么播放器上的圖片看上去一定特別棒。如果你不喜歡它綠色的背景，你可以更換——主色和配色都可以。

Google Calendar

如果要找 Material Design 的身影，那么從 Google 官方應用中尋找是再正常不過的選擇了。畢竟引入這套設計語言的是 Google 自己，而其中最符合這個設計的也許要屬 Google Calendar——它集我們喜愛的所有新元素于一身。

對于初學者而言，Google 終于擺脫大多數日歷應用所采用的傳統的擬物設計風格，使用抽象的顏色圖層作為實體計劃表。我們已經不再被紙質的日程表所束縛了，那么為什么還要局限在日歷擬物化的設計呢？

Google 的日歷提供給你的是一個垂直的圖層，并且將目前的日子放在頁面的頂層。通過這樣的方式，你只能看見即將到來的日子和事件，沒有任何事件的日子將會被折疊起來。這種方式使得同一屏幕的時間線上能容納更多事件，并且只展示給你有價值的日程。

交互層面的這一小點變化同時也使得用戶處于體驗的中心——UI 是為了用戶方便而設計的。再加上一些滾動視差，你擁有了一款美觀的應用。

Google+

Google+ 是另一款 Google 奠定自己設計原則的應用。無論是應用還是網頁端，它們都通過將一張大圖居中放在可以滾動的交互界面上，獲得了不錯的外觀。貫穿整個應用的紅白配色，單色圖標，，美觀的動畫和滾動的交互方式（圓形的個人資料圖標看上去棒極了）。

在用戶數量上面，Google+ 相較其他的社交網絡要少很多，但它在某些方面卻是 非死book 難以企及的。

Bing Bong

Bing Bong 是 Nickervision Studios 為數不多的一款游戲，它從 Google Material Design 里汲取了很多設計元素。這個開發者的其他游戲還包括 Side Swip 和 Pivot，并且每一款外觀都相似——采用扁平的幾何圖案和高反差的背景。簡單的玩法對應的是簡單的設計，且這三款游戲都能單手把玩。而 Bing Bong 是這三者之中最讓人上癮的。

Material Design 被應用在游戲上正好證明了 Google 的這套設計可以被用在各種應用之上。這也展示了并不是每一種小眾的應用都必須是像素設計。要想從各種應用中脫穎而出，選擇 Material Design 的設計風格是一種個性的方法

Material.cmiscm

它并不是一款應用，而是在一個網站——實際上，它都算不上一個網頁，但它卻完美地展示了Material Design「交互方式」的基本原則。

它有點像是奇怪的 UI 設計博物館，當然它看上去很驚艷。同時，它也集各種優秀的設計元素于一身。絕對值得一看。

Headspace

一款冥想類的應用擁有 Material Design 真是再合適不過了，這也許是在 Play Store 中，Headspace 有著最簡潔圖標的原因吧（圖標為：在白色的背景中，單獨的一個橙色的小點）。

進入應用中之后，它延續了灰白的背景和橙色的形狀，你可以從下往上地滑動區域。應用中裝飾用的大塊卡通畫也有些許 Material Design 的感覺。

Evernote

Evernote 經常因為采用 Material Design 而受到表揚是有原因的。這款應用中貫穿著強烈而統一的顏色，而且功能設計上也很不錯。圖標很清楚有效地表明了是記文字功能，手寫功能還是拍照筆記功能。

「大象」的圖標簡潔而優雅，無論是在哪一個客戶端上，這款應用都是經過深思熟慮地設計并實現的。

Microsoft Health

微軟在 Windows 上有自己「Metro UI」的設計，但在 Android 卻很好地運用了 Material Design 這個設計。Microsoft Health 實際上是 Play Store 里不錯的一個范本。

這款應用是用來同步 Microsoft Band 記錄的數據的。同步之后，數據被簡潔地展示在一個垂直的表格里，表格的背景是標準的「微軟藍」，而欄目中白色圖標代表的是你的運動情況。

無論點開哪一個欄目，它都能展開并顯示你的數據狀態。這套 UI 很適合瀏覽總體的運動情況，然后決定是否再進行更多的運動。這是一款好的應用設計的特點。

Nova Launcher

僅僅在以上這些應用中見到 Material Design 還是不過癮？厭倦了 Galaxy 上的 TouchWiz UI？Nova 桌面給予你的主頁一套與原生應用一致的外表，同時兼具個性化的功能，并且非常穩定和輕快。它也引進了一些美觀的過場動畫。

實際上，Nova 可以說是比 Google Now Launcher 要更好地融入了 Material Design 的元素——比如，圖標更小，更多的自定義選項（如 Google 沒有提供的旋轉選項）。Google 在自己的領域被打敗了。

再深入地探索，你也許想要給那些不協調的圖標換個外觀。Urmun 圖標包是一個不錯的選擇，因為它完全符合「Material Design 圖標」的定義。當然，這樣的圖標也需要同樣出色的壁紙來搭配——比如 Facets。

總結

如果你想看到更多的案例，倒是可以去 推ter 上關注 MaterialUp，它發布了很多不錯的案例。

在 Play Store 里，從來缺少優秀的 Material Design 的設計案例，新手設計師可以從中學到很多。其他的優秀案例還有 IF，Google Keep，Citymapper，Stitcher，甚至是 Play Store 本身。那么問題來了，你認為哪一款應用最具 Material Design 的神韻呢？