自學(xué)筆記就該這么做!今天分享@東門(mén)王三 同學(xué)關(guān)于Material Design的自學(xué)成果,他的學(xué)習(xí)筆記嚴(yán)謹(jǐn)有序,觸類(lèi)旁通,從Material Design到其他系統(tǒng)的設(shè)計(jì)規(guī)范都有所研究,還認(rèn)真地做了思維導(dǎo)圖,同學(xué)們可以邊學(xué)習(xí)邊借鑒他的自學(xué)方法,一舉兩得呦。
隨著Android系統(tǒng)從Android 4.4逐步升級(jí)到Android L。Material Design作為Android Design演進(jìn)的最新標(biāo)準(zhǔn)規(guī)范,也推出其完整的設(shè)計(jì)規(guī)范。Holo Themes作為之前Android Design的官方推薦的示例主題已經(jīng)被廣泛應(yīng)用到各個(gè)應(yīng)用的設(shè)計(jì)當(dāng)中,盡管絕大部分應(yīng)用沒(méi)有完全符合設(shè)計(jì)規(guī)范,但是可以看到這一年來(lái)這些應(yīng)用都在向規(guī)范去努力。
從整體的概述來(lái)看Material Design,谷歌從開(kāi)篇就表達(dá)期望打造一個(gè)全新的底層設(shè)計(jì)規(guī)范,繼而用這個(gè)規(guī)范去統(tǒng)一各平臺(tái)間、各種交互間的用戶體驗(yàn)。
Material Design的設(shè)計(jì)主要基于三個(gè)原則:
Material is the metaphor
谷歌認(rèn)為現(xiàn)實(shí)世界中的材質(zhì)觸感是可以通過(guò)紙片的隱喻來(lái)表達(dá),通過(guò)在設(shè)計(jì)上運(yùn)用符合運(yùn)動(dòng)規(guī)律的動(dòng)畫(huà)交互、通過(guò)光影打造設(shè)計(jì)層次的關(guān)系可以創(chuàng)造全新的虛擬交互空間,并且這個(gè)空間是符合現(xiàn)實(shí)規(guī)律的。這也就是文檔中提到的對(duì)于紙墨的研究。
Bold, graphic, intentional
在視覺(jué)上,谷歌不僅要求生動(dòng)形象,更要求設(shè)計(jì)時(shí)要確認(rèn)設(shè)計(jì)的目的,摒棄僅僅為了美觀而設(shè)計(jì),強(qiáng)調(diào)視覺(jué)設(shè)計(jì)要為用戶使用提供指引,凸現(xiàn)頁(yè)面當(dāng)下的核心功能。文檔中谷歌提到這部分借鑒傳統(tǒng)的印刷設(shè)計(jì)。
Motion provides meaning
交互動(dòng)畫(huà)的目的就是吸引用戶的注意,表達(dá)當(dāng)下頁(yè)面發(fā)生的變化,同時(shí)和對(duì)視覺(jué)要求一樣,一定要有意義。
設(shè)計(jì)規(guī)范文檔非常細(xì)致,就不一一展開(kāi),以下是個(gè)人在具體的章節(jié),認(rèn)為是重點(diǎn)的學(xué)習(xí)摘要。大家可以參考:
作者的總結(jié)實(shí)用全面,建議同學(xué)們下載高清大圖學(xué)習(xí):微盤(pán)下載
近期在學(xué)習(xí)Material Design的設(shè)計(jì)規(guī)范同時(shí),對(duì)其他的系統(tǒng)的設(shè)計(jì)規(guī)范的演進(jìn)歷史進(jìn)行了一些了解。有一些個(gè)人不成熟的想法與各位分享,歡迎各位拍磚:
平面設(shè)計(jì)
工業(yè)設(shè)計(jì)
CG插畫(huà)
UI交互
室內(nèi)設(shè)計(jì)
建筑環(huán)境