如何評價 Material Design 從 2015 年至 2017 年的變化？

01-07

Material Design 官網：https://material.io/
Material Deisgn 指南：Introduction - Material Design
2015 年 Material Design Awards：https://design.google/library/material-design-awards-2015/
2016 年 Material Deisgn Awards：https://design.google/library/material-design-awards-2016/

2017 年 Material Design Awards：https://design.google/library/material-design-awards-2017/
iOS Human Interface Guidelines：Human Interface Guidelines

這個問題得分兩個部分回答: 如果只是評價規範, 那麼這幾年無非是朝著愈加完善的方向發展了, 除了規範完善之外, 還推出了很多配套工具, 朝著好的方向發展著.

但若是要評價 Google 對這套規範的實踐與推廣, 那最近幾年的發展無疑是不盡如人意的, Google 自己的應用愈發七八糟, 讓 material design 這套規範變得毫無說服力, 同時 Google 也給很多第三方應用 ?帶了壞頭?, 影響了很多第三方應用的設計, 而一些 material 組件遲遲沒有更新也使得第三方應用無法正確地跟上 material 設計規範的改變.

嗯，今天到谷歌Material Design規範官網截取了很多不錯的Material Design demo動圖，給大家欣賞一下官網（https://material.io/guidelines/）的效果，美！多圖預警

首先是底欄(Bottom Navigation)

講真，如果新版YouTube做成這個樣子我也就不吐槽了

由於知乎限制，圖片壓縮有點失真，大家將就一下

UI規範

浮動按鈕(Floating Action Button)

卡片視圖(CardView)

谷歌自家app的啟動頁動畫

萌萌噠Material Design風格的插畫動畫(Google日曆拆包得到12張插畫，非常好看，一直用來當各種壁紙背景，誰會畫這種風格插畫一定要教教我)

分割線，以下是原答案

非常同意樓上NovaDNG的說法。

作為知乎潛水黨，剛好昨晚和朋友討論了一下MD,今天看到這個問題，決定好好回答一下，多圖預警.

6.0時代Material Design主屏鎮樓

順便貼一個7.0風格的主頁

現在谷歌的Material Design官網可以說非常完善了，以至於I/O2017基本沒提設計(ˉ―ˉ )

谷歌最近頒發的Material Design Awards，四個獲獎app很多同學可能跟我一樣覺得各種漸變色，濃濃的蘋果風…https://sspai.com/post/40918

老實說，Material Design官網的那些demo效果都不知道甩這些應用幾條街…

說到Material Design先來看看谷歌自家的應用,比如最近大改的YouTube,這是之前的Tab樣式

這是大改之後的樣子

可以看到，改動之後原來的TAB滑動手勢沒有了，變成了底欄的點按，整體配色偏白(吐槽一下，谷歌今年對白色著魔了…Android8.0系統ui也是偏白，大晚上的玩手機眼都要瞎)，而且新版的底欄並不能隱藏(MD官網上加入了底欄規範，但是有很多解決方案，比蘋果的樣式好看也高效，底欄不能隱藏佔掉一部分屏幕空間，效率低)，我個人是覺得Tab滑動手勢效率更高的。而且新版的交互邏輯似乎比之前複雜了一點。

Google Now Feed卡片

不能隱藏的底欄就不吐槽了，更新之後新聞卡片已經不能滑動刪除了…取而代之，放在右上角三個小點菜單，又是一個把滑動手勢改為了點按的操作…(-_-;)(＠_＠;)

谷歌play商店

更新界面取消了卡片改為分割線，這個還算可以接受。但是單個應用取消卡片cardview就非常難過了。原來商店主頁界面是這樣的

呃，現在是這樣的，

呃，可能有的同學會說，這沒什麼啊。但是點進去

，下面這種情況就顯得非常擁擠了，沒有之前分明的感覺

卡片cardview可以說是Material Design的靈魂了，以至於有人覺得套個卡片就是Material Design,當初谷歌的設計師說MD靈感來源於紙墨，當初代號叫，「量子紙」，卡片可以說是非常重要的，如今這樣改動簡直是昏招…

谷歌自家應用越來越多底欄的使用帶了個壞頭，連湯不熱這個濃眉大眼的也叛變革命了(湯之前似乎是被谷歌宣傳作為Material Design的優秀作品)，底欄也是不能滑動隱藏…

5.0寸屏幕用出了4.5的感覺(；一_一)

當然還有B站，現在的交互邏輯非常複雜，不僅是底欄，drawerLayout, toolbar各種按鈕塞得滿滿的

要我說Material Design Awards應該發給下面這個國產應用

底欄能滑動隱藏，各種交互邏輯也很清晰，卡片也很到位，簡約而高效。但是新版也有個遺憾，取消了FAB浮動按鈕，放到了工具欄

新版的知乎也是取消了FAB,作為Material Design的一大特色的fab似乎逐漸不招人待見，說一句，新版知乎ui真是一坨翔，搜索欄改為白色不能隱藏，底欄圖標加上漢字多此一舉，逼死強迫症…

所以我一直停留在舊版

最後總結一下，谷歌Material Design規範官網已經相當完善了，各種規範非常細緻入微，要怎樣不要怎樣，比如卡片什麼情況下怎麼用，但是又不提倡濫用。連彈出對話框時的文字語氣都有規範怎麼說比較友好。還有一些比如今年新加入的配色工具就很方便。官網的那些演示Demo也做的非常精緻，特別是底欄規範，各種動效，比蘋果的不知道高明到哪裡去了；不知道是沒有提供介面效果難以實現，還是寫Material Design規範的設計師和谷歌自家app的ui是兩幫人……或者是谷歌中出了蘋果的內奸…谷歌自家的app已經越來越不Material了

贊同的話，給個讚唄或者評論區一起討論一下

感覺 Google 自家應用的 md 設計的碎片化程度大有趕超 android 版本碎片化程度的趨勢。

自己都沒按 guidelines 給出一個 md 該有的樣子，這讓設計師開發者很難辦啊！

我自己是超喜歡 Material Design 的，但是總有一種，這麼好的東西怎麼會被 Google 玩兒成這個樣子了，的感覺。。

修正主義 Google 背叛了 MD。

Android 發展這麼好，google應該好好演進一下MD。剛出來的時候就大愛啊，色彩鮮艷，界限明確，動效靈動而優美，最重要的是有質感和深度，極具科技范，個性大膽而有內涵(極客的最愛)......

如果google慢慢放棄了MD，希望有公司可以將它發揚光大。

This spec is a living document that will be updated as we continue to develop the tenets and specifics of material design.（本規範是一份動態更新文檔，它將會隨著我們對質感設計原則和特性的持續開發而更新。） ——Google