Material Design的九大設(shè)計原則
谷歌發(fā)布新操作系統(tǒng)“ L Developer Preview”后,也同步推出了可視化語言Material Design,它的設(shè)計美學(xué)將會融入到谷歌所有的平臺之中,包括Chrome OS和網(wǎng)頁,它也將形成一個統(tǒng)一的外觀,將所有的產(chǎn)品捆綁在一起。扁平化的設(shè)計,加上明亮的色彩,Material Design的外觀還是很吸引人的。此外,谷歌對動畫效果也做了相應(yīng)的調(diào)整,讓體驗(yàn)變得更加好玩兒。
除了在Google+社交媒體上發(fā)布了相關(guān)內(nèi)容之外,谷歌還給與會者發(fā)送了一些藝術(shù)印刷套件,其中就包括一些極具特色的明信片,這些明信片很漂亮,也向人們展示了新設(shè)計語言的設(shè)計原則。
谷歌是這樣介紹的:“設(shè)計是創(chuàng)造的藝術(shù),我們的目標(biāo)就是要滿足不同的人類需要。人們的需要會隨著時間發(fā)展,我們的設(shè)計,實(shí)踐,以及理念也要隨之提 升。我們在自我挑戰(zhàn),為用戶創(chuàng)造了一個可視化語言,它整合了優(yōu)秀設(shè)計的經(jīng)典原則和科學(xué)與技術(shù)的創(chuàng)新。這就是Material Design。”
1、材料是個隱喻
材料隱喻是合理空間和動作系統(tǒng)的統(tǒng)一理論。谷歌所謂的“材料”是基于觸覺現(xiàn)實(shí),靈感來自于對于紙張和墨水的研究,也加入了想象和魔法的因素。
2、表面是直觀和自然的
表面和邊緣為現(xiàn)實(shí)經(jīng)驗(yàn)提供了視覺線索。使用熟悉的觸覺屬性,可以直觀地感受到使用情景。
3、維度提供交互
光、表面和運(yùn)動是展現(xiàn)交換的關(guān)鍵因素。逼真的光影效果顯出了各部分分離,劃分了空間,指示了哪些部分可以進(jìn)行操作。
4、適應(yīng)性設(shè)計
底層設(shè)計系統(tǒng)包括了交互和空間兩部分。每一個設(shè)備都能反映出同一底層系統(tǒng)的不同側(cè)面。每一設(shè)備的界面都會按照大小和交互進(jìn)行調(diào)整。只有顏色,圖標(biāo),層次結(jié)構(gòu)和空間關(guān)系保持不變。
5、目錄用黑體和圖形設(shè)計,并帶有意圖
黑體能突出層次、意義,顯現(xiàn)焦點(diǎn)。深思熟慮的色彩選擇,層次分明的圖像,大范圍的鋪陳和有意的留白可以創(chuàng)造出浸入感和也能讓表達(dá)更清晰。
6、顏色、表面和圖標(biāo)都強(qiáng)調(diào)動作效果
用戶行為就是體驗(yàn)設(shè)計的本質(zhì)。基本動作效果是轉(zhuǎn)折點(diǎn),他們可以改變整個設(shè)計,可以讓核心功能變得更加明顯,更為用戶指明了“路標(biāo)”。
7、 用戶發(fā)起變化
操作界面中的變化來自于用戶行為。用戶觸摸操作產(chǎn)生的效果要反應(yīng)和強(qiáng)化用戶的作用。
8、 動畫效果要在統(tǒng)一的
所有動畫效果都在統(tǒng)一的環(huán)境下顯示。即使發(fā)生了變形或是重組,對對象的呈現(xiàn)也不能破壞用戶體驗(yàn)的連續(xù)性。
9、動作提供了意義
動作是有意義的,而且是恰當(dāng)?shù)模瑒幼饔兄诩凶⒁饬捅3诌B續(xù)性。反饋是非常微妙和清晰的,而轉(zhuǎn)換不僅要有效率,也要保持一致性。