14 款 Material Design 介面設計 Android App 嘗鮮推薦

之前寫過一篇文章：「10 款介面設計一用就會愛不釋手的 Android App 推薦」，推薦那些好看、好用、順手的優質 Android App，在那篇文章中，我提到介面的美醜是個人主觀的認定，所以我的出發點不只是美，更重要的是使用者覺得好用順手，由此來設立一個相對客觀的出發點。

而在今年的 Google I/O 大會後， Google 提出的 Material Design 介面設計，也將成為未來 Android 與 Google 服務的設計風格，它的特色是來自於紙墨和數位結合的靈感，利用紙張的實體感去設計介面的層次與流程，例如堆疊的卡片、換頁的渲染動畫，展現一個讓用戶更容易找到操作方向的「空間感」。

那麼，在目前的 Android App 中，有沒有已經具備 Material Design 設計的應用程式呢？今天這篇文章，就為大家整理在 Android App 中符合這個風格的好看、好用 App，提供給喜歡嘗鮮新介面設計的朋友參考。

2015/6/14 新增：體驗Android的最佳介面！16款 Android App 精選下載




我不是專業設計師，無法用正確的語彙來生動描述 Material Design， 尤其 Material Design 的特色之一在於「介面轉換」、「空間層次」的動畫，所以大家不如看看下面的 Google 官方影片，就能很快的體會這個介面設計的特色。

附註：動畫效果部分比較難以在下面文章裡用文字表達，就請大家依照文字盡可能想像。

• 1. Numix Calculator Base：計算機
• Android App 下載

這是一款新的計算機 App，利用 Material Design 風格讓上半部呈現出清楚的算式與運算結果，而下半部的計算機鍵盤則可以左右滑動切換不同卡片，並且利用綠色按鈕凸顯出最重要的「等於」確認按鈕。

按下左上方的幾顆功能選項，則會用渲染動畫的方式切換不同功能， Material Design 的設計主打之一就是如紙張般切換的動畫，但這部分在文章裡我只能用文字加以描述了。

• 2. Flip - Currency Converter：匯率換算計算機
• Android App 下載

簡單易用的多國貨幣匯率換算 App ，用計算機的方式讓我們可以更即時的算出自己需要的匯率，尤其出國旅行購物當下非常便利。而匯率計算機的設計同樣的展現 Material Design 用上方大畫面凸顯主要資訊的風格，另外右方可以拉出卡片查看近期匯率波動。

• 3. S Converter - Unit Converter：多種度量衡換算
• Android App 下載

把各式各樣的度量單位換算統整在一張一張不同的卡片中，例如下圖是關於數位儲存容量的換算卡片頁面，只要輸入其中一個單位的數字，就可以立即顯示其他單位的換算結果。

而右下方以顯眼的飄浮立體按鈕，提供使用者小計算機卡片的功能，計算機卡片會以渲染動畫轉換疊在主畫面上，提供臨時計算需要。

• 4. Cabinet Beta：檔案總管
• Android App 下載

一個簡易版的檔案總管，但是對大多數使用者來說，可以瀏覽、搜尋、使用檔案其實就夠了，太多的功能反而增加麻煩。而且這款檔案總管也使用了最新的 Google Material Design 設計風格，以上方顯眼色塊顯示控制列，右下方的原點按紐新增檔案，並且以立體滑動的卡片層級區分不同功能。

• 5. Journal (by Journey)：個人日記
• Android App 下載

這是一款個人私密日記服務，在簡易精美的介面中，讓我們新增圖文日記，還可以加上地點、天氣等額外標註。並且在瀏覽日記時，以卡片翻頁動畫呈現每則不同日期的日記。

Material Design 本身就是學習紙墨特性的設計，而應用在日記服務上，就讓這個 App 更有個人手帳本的感覺。

• 6. Evernote Beta Android：筆記服務
• 即將推出，搶先試用
• 介紹：手寫筆記正式內建 Evernote Android App ！塗鴉打字錄音混記

已經提供用戶申請試用版的 Evernote Beta Android ，是一個在功能上、介面上都具有突破性的大更新，我自己試用一段時間後，認為這是目前所有平台上最優異的 Evernote 設計。

我們今天先不談裡面一些強大的隱藏功能，單就介面上來看，新版 Evernote Beta 同樣採用了 Google 的 Material Design 風格，以卡片動畫渲染出每則筆記的空間層次，然後利用右下方顯眼的按鈕動畫進行各種筆記的新增，在操作上更不容易迷路，而且更順手。

• 7. Pedometer：計步器
• Android App 下載

這是一款只支援 Nexus 5、 Moto X、 LG G2 等少數高階手機的計步器，因為使用了硬體上特殊的省電計步功能。而這款計步器的設計風格也符合 Material Design 的思維，主要的控制切換都集中在下方的顏色按鈕上。

• 8. ToDay Calendar：行事曆
• 介紹：Today Calendar 極簡打造 Android 行事曆 App 最佳體驗

這款訴求簡單、聚焦的行事曆完全符合 Material Design 的思考，用拉動卡片的方式展現每一個任務的層次，讓你在滑動操作裡完成所有的月曆切換瀏覽，所有的視覺切換都是以自然的渲染方式遞進，還以浮動卡片等方式集中展現今日的行程。

• 9. Google 文件、簡報、試算表
• 介紹：誰都能隨時編輯 Office 了！就用 Google 文件簡報試算表

當然， Google 自己的官方 App 自然也陸續的更新到 Material Design 介面，最有代表性的應該是新版的 Google 文件、簡報、試算表編輯工具，現在他們不僅可以編輯 Google 文件，也可以處理微軟 Office 檔案。而且在使用動線上以顯眼顏色、立體按鈕、滑動卡片讓使用者清楚知道每一個功能的意義與重點。

• 10. Chrome Beta：瀏覽器
• Android App 下載

新版的 Chrome Beta 瀏覽器，把一些功能介面的邊框再加以淡化，然後在表現動畫上有更細緻的渲染擴散等水墨效果，更趨近 Material Design 想要的動畫風格。

• 11. Google Now Launcher 即時資訊啟動器
• 介紹：正宗 Google 手機桌面開放下載！打造即時資訊啟動器

這款 Google 官方推出的 Android 桌面，現在可以讓更多 Android 4.2 以上系統的手機使用，這款桌面很簡單聚焦，重點就是 Google Now 的資訊卡片，而在桌面切換動畫上，你可以看到無論是搜尋列的展開、頁面的滑動時，都很明顯地呈現出每個功能都是一張卡片，並且卡片之間有堆疊層級的空間，在空間滑動重組裡，讓用戶找到最重要的功能。

• 12. Google+
• 介紹：10 個 Google+ 值得你再試試看的特色與理由

當然，一向在介面設計上非常有特色的 Google+ App，也已經更新到 Material Design 風格的介面設計，除了資訊瀏覽就是以紙張卡片渲染的方式呈現外，在新增訊息時也是利用右下方的顯眼按鈕，來彈出疊上主畫面上層的撰寫卡片，而要添加照片時，也同樣利用拉動卡片的效果來展開更多照片。

• 13. Google 地圖新版探索卡片
• 介紹：看天氣時間推薦好景點！ Google 地圖如何當最佳伴遊？

最新版 Google 地圖中加入了右下方的一顆「探索」按鈕，點擊後會滑出導遊卡片，在導遊卡片裡上半部大範圍的顏色展現了目前的時間、天氣，並且依據時間和天氣，推薦下方的景點餐廳卡片，在切換時同樣也有各種嶄新的渲染動畫，目前台灣部分城市也已經支援，值得大家試試看。

• 14. Google Play 商店新版介面

你的 Google Play 商店更新到新版介面了嗎？在新版商店介面中，除了看起來更漂亮外，也利用上方的大照片、影片，來呈現出這個 App 最重要的意圖，再以顯眼的圓點來展現這款 App 最重要的下載、評價資訊。如果想要看更多介紹，也會以卡片渲染的方式切換頁面。

以上，就是目前我看到採用 Material Design 風格的優秀 App， 可以看到這是 Google 之前卡片風格的延續與進化，你還有發現其他好看又好用的類似 Android App 嗎？歡迎一起留言推薦。

• 轉貼本文請註明來自電腦玩物原創，作者 esor huang（異塵行者），並附上原文連結：14 款 Material Design 介面設計 Android App 嘗鮮推薦