http://wiki.jikexueyuan.com/project/material-design/images/materialdesign-goals-landingimage_large_mdpi.png" alt="" />

我們挑戰(zhàn)自我，為用戶創(chuàng)造了嶄新的視覺設(shè)計語言。與此同時，新的設(shè)計語言除了遵循經(jīng)典設(shè)計定則，還汲取了最新的科技，秉承了創(chuàng)新的設(shè)計理念。這就是原質(zhì)化設(shè)計(Material Design)。這份文檔是動態(tài)更新的，將會隨著我們對 Material Design 的探索而不斷迭代、升級。

目標(biāo)

我們希冀創(chuàng)造一種新的視覺設(shè)計語言，能夠遵循優(yōu)秀設(shè)計的經(jīng)典定則，同時還伴有創(chuàng)新理念和新的科技。

http://wiki.jikexueyuan.com/project/material-design/images/materialdesign-goals-swirlanddot_large_mdpi.png" alt="materialdesign-goals" />

我們希望創(chuàng)造一種獨一無二的底層系統(tǒng)，在這個系統(tǒng)的基礎(chǔ)之上，構(gòu)建跨平臺和超越設(shè)備尺寸的統(tǒng)一體驗。遵循基本的移動設(shè)計定則，同時支持觸摸、語音、鼠標(biāo)、鍵盤等輸入方式。

http://wiki.jikexueyuan.com/project/material-design/images/materialdesign-goals-cutrectangles_large_mdpi.png" alt="materialdesign-goals-cutrectangles" />

設(shè)計原則

http://wiki.jikexueyuan.com/project/material-design/images/materialdesign-principles-layersquares_large_mdpi.png" alt="materialdesign-principles-layersquares" />

實體感就是(通過設(shè)計方式來表達(dá))隱喻

通過構(gòu)建系統(tǒng)化的動效和空間合理化利用，并將兩個理念合二為一，構(gòu)成了實體隱喻。與眾不同的觸感是實體的基礎(chǔ)，這一靈感來自我們對紙墨的研究，但是我們相信，隨著科技的進(jìn)步，應(yīng)用前景將不可估量。

實體的表面和邊緣提供基于真實效果的視覺體驗，熟悉的觸感讓用戶可以快速地理解和認(rèn)知。實體的多樣性可以讓我們呈現(xiàn)出更多反映真實世界的設(shè)計效果，但同時又絕不會脫離客觀的物理規(guī)律。

光效、表面質(zhì)感、運(yùn)動感這三點是解釋物體運(yùn)動規(guī)律、交互方式、空間關(guān)系的關(guān)鍵。真實的光效可以解釋物體之間的交合關(guān)系、空間關(guān)系，以及單個物體的運(yùn)動。

http://wiki.jikexueyuan.com/project/material-design/images/materialdesign-principles-circleplus_large_mdpi.png" alt="materialdesign-principles-circleplus_large_mdpi.png" />

鮮明、形象、深思熟慮

新的視覺語言，在基本元素的處理上，借鑒了傳統(tǒng)的印刷設(shè)計——排版、網(wǎng)格、空間、比例、配色、圖像使用——這些基礎(chǔ)的平面設(shè)計規(guī)范。在這些設(shè)計基礎(chǔ)上下功夫，不但可以愉悅用戶，而且能夠構(gòu)建出視覺層級、視覺意義以及視覺聚焦。精心選擇色彩、圖像、選擇合乎比例的字體、留白，力求構(gòu)建出鮮明、形象的用戶界面，讓用戶沉浸其中。

Material Design 設(shè)計語言強(qiáng)調(diào)根據(jù)用戶行為凸顯核心功能，進(jìn)而為用戶提供操作指引。

http://wiki.jikexueyuan.com/project/material-design/images/materialdesign-principles-flyingsquare_large_mdpi.png" alt="materialdesign-principles-flyingsquare" />

有意義的動畫效果

動畫效果(簡稱動效)可以有效地暗示、指引用戶。動效的設(shè)計要根據(jù)用戶行為而定，能夠改變整體設(shè)計的觸感。

動效應(yīng)當(dāng)在獨立的場景呈現(xiàn)。通過動效，讓物體的變化以更連續(xù)、更平滑的方式呈現(xiàn)給用戶，讓用戶能夠充分知曉所發(fā)生的變化。

動效應(yīng)該是有意義的、合理的，動效的目的是為了吸引用戶的注意力，以及維持整個系統(tǒng)的連續(xù)性體驗。動效反饋需細(xì)膩、清爽。轉(zhuǎn)場動效需高效、明晰。

原文：Introduction 翻譯：iceskysl 校對：siton