Google I/O 2014 發(fā)布了一種很贊的設(shè)計(jì)規(guī)范，名曰 Material Design （以后簡稱MD），此規(guī)范起初是為了統(tǒng)一各端的UI視覺問題，隨著Google發(fā)布Android5.0，Material Design也隨著Android的發(fā)布開始映入大家的眼簾。不久后MD也不負(fù)眾望成為統(tǒng)一 Android Mobile、Android Table、Desktop Chrome 等全平臺(tái)設(shè)計(jì)語言規(guī)范，對從業(yè)人員意義重大，不僅僅是設(shè)計(jì)師們需要學(xué)習(xí)，對于我們產(chǎn)品人員來說，學(xué)習(xí)MD已經(jīng)成為一種趨勢，以后也必將成為PM的必備知識(shí)。

在MD出來之前，Google曾經(jīng)為Android發(fā)布過一版設(shè)計(jì)規(guī)范，叫做Android Design，這種設(shè)計(jì)規(guī)范成為Android4.0及以上系統(tǒng)的默認(rèn)樣式，當(dāng)時(shí)也是為了凌亂的Android界樹立了一點(diǎn)點(diǎn)規(guī)范（在此之前的Android系統(tǒng)簡直丑的不能看）。

雖然有了Android Design，但是也并沒有解決Android上的“亂”的問題，國內(nèi)廠商多元化，Android 系統(tǒng)碎片化的問題依舊十分嚴(yán)重，國內(nèi)設(shè)計(jì)師和產(chǎn)品經(jīng)理們也不是全部都了解了Google的良苦用心，在做原型和設(shè)計(jì)稿的時(shí)候大多都是按照IOS的風(fēng)格來設(shè)計(jì)，這個(gè)無可厚非，因?yàn)橄鄬τ诋?dāng)時(shí)的環(huán)境來說，IOS的設(shè)計(jì)相對來說是挺不錯(cuò)的，主要還是因?yàn)锳ndroid太丑了。至于占有份額非常非常少的Window Phone的metro風(fēng)格就省略不計(jì)了，畢竟是用的人太少了，而且樣式太單調(diào)，筆者認(rèn)為個(gè)人發(fā)揮的余地非常小。

所以這么久以來，一直有這么一個(gè)現(xiàn)象，Android上的APP一直在向IOS靠攏，很多大廠家制作的APP也會(huì)把Android端設(shè)計(jì)成IOS端的樣式，也許也是為了方便各端的統(tǒng)一，省時(shí)省力吧。也就是因?yàn)檫@樣，長久以來，Android給大家造成了不好的印象，經(jīng)過了一段時(shí)間的發(fā)展，Android市場上的APP千奇百怪，雖然有個(gè)別具有創(chuàng)新性的應(yīng)用也讓人耳目一新，但是總體來說，還是只能用一個(gè)字形容，那就是“亂”。

讓我們再把視角放大一些，不單是IOS或者Android，甚至說不只是手機(jī)APP會(huì)這樣，傳統(tǒng)的PC端程序，Web應(yīng)用等也會(huì)存在這樣問題，筆者稱之為“設(shè)計(jì)上的碎片化”。雖然很多大廠商也在積極推進(jìn)自己的設(shè)計(jì)風(fēng)格，盡量讓自家的應(yīng)用品牌化，但是這并不是大眾的解決方案，每一家的設(shè)計(jì)風(fēng)格只是適合他們自家的應(yīng)用，而小的公司或者團(tuán)隊(duì)其實(shí)沒有實(shí)力去制作屬于自己的品牌設(shè)計(jì)，市場上也沒有比較好的通用解決方案。此時(shí)，Material Design應(yīng)運(yùn)而生，讓大家看到了希望。

下面我們來說說為什么我們需要Material Design。

首先作為一個(gè)產(chǎn)品從業(yè)人員（這里包括產(chǎn)品經(jīng)理和設(shè)計(jì)師等與產(chǎn)品設(shè)計(jì)相關(guān)的職位），在將需求轉(zhuǎn)化為可開發(fā)的產(chǎn)品時(shí)，UE設(shè)計(jì)可以說是比較重要的一塊內(nèi)容，設(shè)計(jì)UE經(jīng)常也是令人非常頭痛的工作，很多時(shí)候交互設(shè)計(jì)師或產(chǎn)品經(jīng)理也不知道要設(shè)計(jì)成什么樣的風(fēng)格，很多人還是停留在“瞎想”階段，拿到需求后根據(jù)自己的喜好天馬行空，不斷瀏覽各家APP，所謂的找靈感，然后一家抄一點(diǎn)，抄著抄著，一個(gè)產(chǎn)品原型也就差不多可以做出來了。

現(xiàn)在回憶起來，筆者以前在做原型的時(shí)候，也常常是拿到需求后就開始把玩各種APP，比如列表設(shè)計(jì)成什么樣，點(diǎn)擊效果如何，是制作drawer還是使用tab等等，基本是沒有章法可言，每次拿到需求后都是先一頭霧水，然后才開始不斷“拼湊”。

如果是有經(jīng)驗(yàn)的人會(huì)不斷地總結(jié)，逐漸形成自己的一套風(fēng)格，于是在各種相似的需求來的時(shí)候，他能更快地找到很好的解決方案，所以，做產(chǎn)品經(jīng)驗(yàn)非常重要。如果是產(chǎn)品新人，就要像我一樣，不斷升級自己的技能，因?yàn)榻?jīng)驗(yàn)只能隨著時(shí)間走。

Material Design是一套通用的解決方案，它的出現(xiàn)就是把大家從繁雜的UE和UI設(shè)計(jì)中解脫出來，在PC，Web，Mobile的設(shè)計(jì)風(fēng)格中找到一個(gè)平衡點(diǎn)，形成一種全端適配的設(shè)計(jì)規(guī)范。

筆者在學(xué)習(xí)了MD的一些理念和內(nèi)容后，對交互設(shè)計(jì)和視覺設(shè)計(jì)的認(rèn)識(shí)又上升了一個(gè)層級，所以也推薦大家去看一看，瞧一瞧，說不定你也會(huì)像我一樣喜歡的。

MD到現(xiàn)在已經(jīng)出來一年了，但是市場的接受程度還是比較低，筆者其實(shí)很納悶，為什么很多行業(yè)內(nèi)的相關(guān)從業(yè)人員不愿意花時(shí)間去了解和學(xué)習(xí)。我相信很多不愿意使用或者是排斥的同胞們是根本沒有花時(shí)間去學(xué)習(xí)它，對MD的認(rèn)識(shí)仍很片面，有人認(rèn)為MD只屬于Android，并且只有在Android 5.0上的手機(jī)才能發(fā)揮作用，這個(gè)觀點(diǎn)是片面的。

雖然它隨著Android5.0一起發(fā)布，但是它是一個(gè)全端的解決方案，我們要學(xué)的是它的理念，比如大膽的留白，顯著的交互反饋，細(xì)節(jié)偏移的動(dòng)效等等，而不是抄襲它的視覺效果。關(guān)于Material Design的更多的詳情，請自行查閱這里：http://www.google.com/design/spec/material-design/introduction.html

MD的理念還強(qiáng)調(diào)極簡風(fēng)，這個(gè)會(huì)區(qū)別于傳統(tǒng)的內(nèi)容的堆積，一個(gè)頁面要盡可能的展現(xiàn)出重點(diǎn)，忽略掉非重點(diǎn)，這也是我們做產(chǎn)品時(shí)應(yīng)該考慮的方面。

很多時(shí)候需求到來后，我們只顧著去實(shí)現(xiàn)它，卻沒有考慮到用戶的感受，很多APP和網(wǎng)站都有內(nèi)容堆積的情況，讓用戶看起來非常累，而且不能很快找到重點(diǎn)。所以在很多APP的material化的過程中，一般是先進(jìn)行內(nèi)容的拆分，不斷地拆，整，拆，整，讓重點(diǎn)更加突出，進(jìn)而對用戶進(jìn)行有效的引導(dǎo)。

雖然MD在市場的接受度還不是很高，但是已經(jīng)有很多人認(rèn)識(shí)到這一點(diǎn)，并不斷向MD靠攏，筆者也是受到了影響，于是花了大量的時(shí)間來學(xué)習(xí)MD，逐步對自家的應(yīng)用進(jìn)行Material化，爭取為我們的用戶呈現(xiàn)出絢麗、一致的視覺效果，讓用戶在mobile和pc上找到一致的體驗(yàn)。

以上內(nèi)容僅僅是筆者在學(xué)習(xí)Material風(fēng)格后，產(chǎn)生的一些個(gè)人的觀點(diǎn)和看法，學(xué)習(xí)的時(shí)間不長，也許研究也不夠深刻，如果在認(rèn)識(shí)上有偏差，歡迎大家指出，最后，希望Material Design成為業(yè)內(nèi)不二的解決方案，讓產(chǎn)品狗不再天天加班做原型，而我也繼續(xù)在MD的道路上不斷學(xué)習(xí)ing…

本文為作者@風(fēng)十三少 投稿發(fā)布，轉(zhuǎn)載請注明來源于人人都是產(chǎn)品經(jīng)理并附帶本文鏈接