谷歌Android L給安卓系統(tǒng)帶來了全新的設(shè)計(jì)哲理——Material Design，并且希望將其運(yùn)用到谷歌以后的所有產(chǎn)品中。

Material Design是介于擬物化和扁平化之間的，它強(qiáng)調(diào)了物理定律的扁平化設(shè)計(jì)，這體現(xiàn)在它的陰影和動(dòng)畫中，同時(shí)有保留了其寫意化的外觀設(shè)計(jì)風(fēng)格。9個(gè)優(yōu)質(zhì)的Android L界面設(shè)計(jì)素材分享

谷歌是這樣介紹的：“設(shè)計(jì)是創(chuàng)造的藝術(shù)，我們的目標(biāo)就是要滿足不同的人類需要。人們的需要會(huì)隨著時(shí)間發(fā)展，我們的設(shè)計(jì)，實(shí)踐，以及理念也要隨之提 升。我們?cè)谧晕姨魬?zhàn)，為用戶創(chuàng)造了一個(gè)可視化語言，它整合了優(yōu)秀設(shè)計(jì)的經(jīng)典原則和科學(xué)與技術(shù)的創(chuàng)新。這就是Material Design?！?

看完下面這段視頻，你會(huì)深刻的理解安卓Material Design設(shè)計(jì)風(fēng)格的現(xiàn)在和未來。

目前國內(nèi)很多優(yōu)秀的APP設(shè)計(jì)師開始按照安卓Material Design的設(shè)計(jì)規(guī)范來設(shè)計(jì)新的安卓APP啦。

第一部分：安卓Material Design的設(shè)計(jì)規(guī)范

優(yōu)秀的Material Design設(shè)計(jì)規(guī)范中文版重點(diǎn)推薦：Material Design 中文版

這支視頻時(shí)長大約 8 分鐘，如果你是一名安卓開發(fā)者或是安卓界面設(shè)計(jì)師，都可以通過視頻進(jìn)行更加直觀的了解。

Material Design 另一條規(guī)范是界面設(shè)計(jì)要大膽。另外，色彩面積與色彩濃度也很重要，比如大面積色彩濃度需要與小面積同色彩濃度區(qū)分開來，以藍(lán)色為例，小面積色彩可使用靛藍(lán)色，大面積則使用深藍(lán)色，另一個(gè)區(qū)域則可以使用天藍(lán)色。

說到色彩和區(qū)域，Roman Nurik 還介紹了不同區(qū)域，不同部分使用不同的顏色來相稱。另外，網(wǎng)頁的布局，比如標(biāo)題和文字的排版也都有一定的隱藏原則。

第二部分：跟隨25學(xué)堂來了解安卓Material Design的設(shè)計(jì)原則

1、材料是個(gè)隱喻材料隱喻是合理空間和動(dòng)作系統(tǒng)的統(tǒng)一理論。谷歌所謂的“材料”是基于觸覺現(xiàn)實(shí)，靈感來自于對(duì)于紙張和墨水的研究，也加入了想象和魔法的因素。

2、表面是直觀和自然的表面和邊緣為現(xiàn)實(shí)經(jīng)驗(yàn)提供了視覺線索。使用熟悉的觸覺屬性，可以直觀地感受到使用情景。

3、維度提供交互光、表面和運(yùn)動(dòng)是展現(xiàn)交換的關(guān)鍵因素。逼真的光影效果顯出了各部分分離，劃分了空間，指示了哪些部分可以進(jìn)行操作。

4、適應(yīng)性設(shè)計(jì)底層設(shè)計(jì)系統(tǒng)包括了交互和空間兩部分。每一個(gè)設(shè)備都能反映出同一底層系統(tǒng)的不同側(cè)面。每一設(shè)備的界面都會(huì)按照大小和交互進(jìn)行調(diào)整。只有顏色，圖標(biāo)，層次結(jié)構(gòu)和空間關(guān)系保持不變。

5、目錄用黑體和圖形設(shè)計(jì)，并帶有意圖黑體能突出層次、意義，顯現(xiàn)焦點(diǎn)。深思熟慮的色彩選擇，層次分明的圖像，大范圍的鋪陳和有意的留白可以創(chuàng)造出浸入感和也能讓表達(dá)更清晰。

6、顏色、表面和圖標(biāo)都強(qiáng)調(diào)動(dòng)作效果用戶行為就是體驗(yàn)設(shè)計(jì)的本質(zhì)。基本動(dòng)作效果是轉(zhuǎn)折點(diǎn)，他們可以改變整個(gè)設(shè)計(jì)，可以讓核心功能變得更加明顯，更為用戶指明了“路標(biāo)”。

7、 用戶發(fā)起變化操作界面中的變化來自于用戶行為。用戶觸摸操作產(chǎn)生的效果要反應(yīng)和強(qiáng)化用戶的作用。

8、 動(dòng)畫效果要在統(tǒng)一的所有動(dòng)畫效果都在統(tǒng)一的環(huán)境下顯示。即使發(fā)生了變形或是重組，對(duì)對(duì)象的呈現(xiàn)也不能破壞用戶體驗(yàn)的連續(xù)性。

9、動(dòng)作提供了意義動(dòng)作是有意義的，而且是恰當(dāng)?shù)模瑒?dòng)作有助于集中注意力和保持連續(xù)性。反饋是非常微妙和清晰的，而轉(zhuǎn)換不僅要有有效率，也要保持一致性。