Material Design的九大設(shè)計(jì)原則
谷歌發(fā)布新操作系統(tǒng)“ L Developer Preview”后,也同步推出了可視化語言Material Design,它的設(shè)計(jì)美學(xué)將會(huì)融入到谷歌所有的平臺(tái)之中,包括Chrome OS和網(wǎng)頁,它也將形成一個(gè)統(tǒng)一的外觀,將所有的產(chǎn)品捆綁在一起。扁平化的設(shè)計(jì),加上明亮的色彩,Material Design的外觀還是很吸引人的。此外,谷歌對(duì)動(dòng)畫效果也做了相應(yīng)的調(diào)整,讓體驗(yàn)變得更加好玩兒。
除了在Google+社交媒體上發(fā)布了相關(guān)內(nèi)容之外,谷歌還給與會(huì)者發(fā)送了一些藝術(shù)印刷套件,其中就包括一些極具特色的明信片,這些明信片很漂亮,也向人們展示了新設(shè)計(jì)語言的設(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。”
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)換不僅要有效率,也要保持一致性。