最近在看Google家的material design空执，也就是android的官方設(shè)計規(guī)范浪箭。因為之前沒有接觸過設(shè)計規(guī)范這塊，所以在一開始的時候基本上是一臉懵逼辨绊，看了很久才明白它到底在說什么奶栖。在這里，分享一下我對material design的學(xué)習和理解门坷，希望能夠幫助后來人宣鄙。
首先，要明白兩個問題默蚌，什么是設(shè)計規(guī)范冻晤？為什么有設(shè)計規(guī)范這個東西的存在？
設(shè)計規(guī)范是什么
每種系統(tǒng)都期望構(gòu)建一個合理的虛擬世界運行機制绸吸，而設(shè)計規(guī)范就是這個世界運行的準則鼻弧，讓無數(shù)的應(yīng)用可在虛擬世界中的合理運行，讓用戶在使用中可以清晰理解锦茁。
所以在material design的開篇中攘轩，便說：我們希望創(chuàng)造一種獨一無二的底層系統(tǒng)，在這個系統(tǒng)的基礎(chǔ)之上码俩，構(gòu)建跨平臺和超越設(shè)備尺寸的統(tǒng)一體驗度帮。遵循基本的移動設(shè)計定則，同時支持觸摸稿存、語音笨篷、鼠標瞳秽、鍵盤等輸入方式。
規(guī)范存在的原因（或目的）
各種平臺（iOS冕屯、Android寂诱、WP等）以及各類基于Android深度定制的ROM（miui、flyme安聘、ColorOS等）都制定了相應(yīng)的設(shè)計規(guī)范痰洒，而這么做的目的大概都是為了：
統(tǒng)一約束第三方應(yīng)用的UI設(shè)計與交互設(shè)計，以便保證用戶體驗浴韭，同時降低用戶學(xué)習使用成本丘喻；
統(tǒng)一跨平臺的使用體驗，降低用戶跨平臺學(xué)習使用成本念颈；
提供規(guī)范統(tǒng)一的接口泉粉，降低開發(fā)者的設(shè)計成本。
這里多說一點榴芳，為什么Android會有各種設(shè)計規(guī)范嗡靡，無法像iphone一樣統(tǒng)一的設(shè)計規(guī)范。這是因為Android手機型號眾多窟感，機器性能層次不齊讨彼，可能看似優(yōu)雅的交互動畫，可能在低端機器上呈現(xiàn)的效果一塌糊涂柿祈。本來像水一樣流暢的tab頁間的滑動操作哈误，在低端機器上體驗感覺像泥石流一樣。由此延伸下來便是躏嚎，所謂的設(shè)計規(guī)范蜜自，只是一種指導(dǎo)建議。產(chǎn)品的可用性和易用性才是最重要的卢佣，設(shè)計層面的東西此時顯得并不那么重要重荠。
其次，要理解material design中的material到底是什么
material design虚茶，有人將它翻譯為質(zhì)感設(shè)計或是質(zhì)料設(shè)計亦（也有人說是紙片設(shè)計）晚缩。相信你看完之后，完全不知道這個質(zhì)料是個什么鬼媳危。我在閱讀了一些解讀資料之后荞彼，更偏向?qū)⑺g為“材料設(shè)計”。material就是所謂的材料待笑，而這個材料是設(shè)計規(guī)范所構(gòu)造的虛擬世界的基本元素鸣皂。
官方自稱material design的靈感是來自于紙片和油墨，而這個是信息時代之前主要的信息承載形式。所以這里的材料寞缝，實際上是在虛擬世界中的信息的承載形式（信息是需要展現(xiàn)在material上的）癌压。同時，為了方便人們的認知荆陆，它也希望能夠?qū)F(xiàn)實世界搬到material的世界中（即三維世界）滩届，如同在概述中所言一般：實體的表面和邊緣提供基于真實效果的視覺體驗，熟悉的觸感讓用戶可以快速地理解和認知被啼。實體的多樣性可以讓我們呈現(xiàn)出更多反映真實世界的設(shè)計效果帜消，但同時又絕不會脫離客觀的物理規(guī)律。
最后浓体，如何理解material design的整體內(nèi)容
在material design的概述中泡挺，主要在闡述其設(shè)計原則：
Material is the metaphor（實體感就是隱喻）
谷歌認為現(xiàn)實世界中的材質(zhì)觸感是可以通過紙片的隱喻來表達，通過在設(shè)計上運用符合運動規(guī)律的動畫交互命浴、通過光影打造設(shè)計層次的關(guān)系可以創(chuàng)造全新的虛擬交互空間娄猫，并且這個空間是符合現(xiàn)實規(guī)律的。
Bold生闲， graphic媳溺， intentional（鮮明、形象碍讯、深思熟慮）
在視覺上褂删，谷歌不僅要求生動形象，更要求設(shè)計時要確認設(shè)計的目的冲茸，摒棄僅僅為了美觀而設(shè)計，強調(diào)視覺設(shè)計要為用戶使用提供指引缅帘，凸現(xiàn)頁面當下的核心功能轴术。（這一部分是借鑒了傳統(tǒng)印刷設(shè)計的內(nèi)容，個人還不是很理解其中深意钦无。）
Motion provides meaning（有意義的動畫效果）
交互動畫的目的就是吸引用戶的注意逗栽，表達當下頁面發(fā)生的變化，同時和對視覺要求一樣失暂，一定要有意義彼宠。我看到最好的解讀是這么說的：material design中無比強調(diào)了動效，因為在google這幫人看來弟塞，動效本身就是在信息的一部分凭峡。（如何理解這一點，想象一下决记，我們與其他人溝通的時候摧冀，除了語言、表情以外，還有肢體語言的存在索昂，而肢體語言是溝通中很重要的一部分建车。）
這三條設(shè)計原則實際上就是理解整個material design的鑰匙，文檔后面的動畫椒惨、設(shè)計缤至、布局、組件等等所有的內(nèi)容康谆，都是在解讀或印證這三條設(shè)計原則：material是這個三維世界的材料（信息承載的形式）领斥，這個材料的動畫交互時符合運動規(guī)律的、它的視覺呈現(xiàn)是借助了光影來打造層級的關(guān)系秉宿。
所以戒突，在閱讀文檔的內(nèi)容，拿著這三條設(shè)計原則進行印證描睦，應(yīng)該是可以比較好理解并掌握material design的膊存。（之所以這么說，是因為我還沒有掌握忱叭，后面的內(nèi)容看了一遍隔崎，但基本上沒記住什么東西%>_<%。后續(xù)在工作過程中韵丑，牢記這三點原則爵卒，再翻看具體的內(nèi)容，應(yīng)該會有更深入的理解撵彻。）
以上內(nèi)容是我個人較為淺顯的理解钓株，歡迎指教。
