Material Design：扁而不平－－讓你徹底搞懂什么是Material Design

DerickM26 9年前發布 | 21K 次閱讀 Android開發移動開發 Material Design

前言

這篇文章本來只是篇寫給同學看的短文——因為他一直認為“Android 從 4.0 開始就是扁平化設計了”....結果沒想到這么想的人還不少，所以就寫了這么一篇科普文，全篇偏小白，無干貨，敬請放心閱讀。

從 Android Design 說起

仔細觀察這個按鈕，你發現了什么？

這個按鈕看上去是“扁平的”，對嗎？但仔細觀察這個按鈕， 你會發現一點——按鈕的周圍有一個像素的高光存在。

這就是 Android Design 強調的“擬真”風格了。“擬真”的本意是， 保留控件本身的“立體”屬性和光影效果，而去掉了對材質和樣式的模仿 。

說白了就是，以上圖的按鈕為例，它有厚度，有光影效果，但它看上去不像任何一個存在于現實世界里的按鈕。

Google 在 Android Design 時代無數次地強調了“擬真”的重要性，“厚度”和“光影”這兩個屬性在大量的控件中都有體現。

控件示例

“擬真”也成為了 Android Design 與 Windows Phone 代表的“扁平”和 iOS 6（及以下）代表的“擬物”的最大差別，從下圖中可以看出，相同的控件，三種設計語言之間的區別有多大。

綜上所述， 在 Android Design 時期，Google 強調的是“擬真”設計風格，這種風格代表的是對“厚度”和“光影”的模擬。

Material Design 時代到來

從 iOS 7 開始，曾經由 Windows Phone 為代表的扁平化設計語言開始大行其道，曾經“擬物/扁平/擬真”的“三分天下”局面被徹底打破了。對于“Android 是否要使用扁平化設計語言”的討論也從那時開始出現。然而 Google 選擇了另辟蹊徑，在 I/O 2014 大會上隨 Android L 推出了代表 Google 全新設計語言的 Material Design。

對于 Material Design 的誤解也從這時開始出現了，有人先入為主地認為 Material Design 是扁平化的設計語言，是這樣的嗎？

要回答這個問題，我想先用之前看到的一個比喻來說明一下：

假設 iOS 6- 及現在的 Smartisan OS 代表的擬物化風格，代表著設計語言的一個極端：

而 iOS 7+ 和 Windows Phone 等代表的扁平風格，代表著設計語言的另一個極端：

那么 Material Design 就是從一個極端走到了另一個極端，之后往后退了一大步，到了一個“中間偏右”的位置。

所以，Material Design 同樣即不扁平，也不擬物——但是，它和上文里提到的“擬真”又是不一樣的。簡單來說，正如標題所述，扁而不平。

首先談談“扁”，Material Design 里的“Material”實際上是一種虛構出來的材料（這也是為什么它叫 Material Design 吧），這種材料的設定簡單來說就是是： 厚度無限薄，面積無限大，能變換造型，也能按照規律移動。那么既然無限薄了（Google 官方給出的數字是 1dp） ，那么厚度問題就自然而然地被淡化了。