Md規(guī)范是一種設(shè)計(jì)風(fēng)格，并不特指規(guī)范泵殴。是一種模擬紙張的手法涮帘。
一、核心思想
把物理世界的體驗(yàn)帶進(jìn)屏幕笑诅。去掉現(xiàn)實(shí)中的雜質(zhì)和隨機(jī)性调缨，保留其最原始純凈的形態(tài)疮鲫、空間關(guān)系、變化與過(guò)度弦叶，配合虛擬世界的靈活特性俊犯，還原最貼近真實(shí)的體驗(yàn)，達(dá)到簡(jiǎn)潔與直觀的效果伤哺。
01燕侠、五大原則
1、材料隱喻
受物理世界及其物理紋理材質(zhì)的啟發(fā)立莉，包括它們?nèi)绾巫尫瓷涔饩€和投射陰影绢彤。材料表面進(jìn)行重新構(gòu)想，加入紙張和墨水的特性蜓耻。
2茫舶、大膽夸張
以印刷設(shè)計(jì)方法，排版媒熊、網(wǎng)格奇适、空間、比例芦鳍、顏色和圖像為指導(dǎo)嚷往，創(chuàng)造出讓用戶沉浸在精心設(shè)計(jì)的視覺(jué)層級(jí)、視覺(jué)意義以及視覺(jué)聚焦中柠衅。
3皮仁、動(dòng)效表意
通過(guò)微妙的反饋和平滑的過(guò)渡來(lái)使動(dòng)效保持一定的連續(xù)性。隨著元素出現(xiàn)在屏幕上菲宴，它們?cè)诃h(huán)境中轉(zhuǎn)換和重組贷祈，相互作用產(chǎn)生新的變化。
4喝峦、靈活
系統(tǒng)旨在實(shí)現(xiàn)品牌傳達(dá)势誊。他集成了一個(gè)自定義代碼庫(kù)，可以使組件谣蠢、插件和設(shè)計(jì)元素?zé)o縫的鏈接和靈活的運(yùn)行粟耻。
5、 跨平臺(tái)
使用跨平臺(tái)管理眉踱，其中包括android挤忙、ios、flutter和web谈喳，方便設(shè)計(jì)師跨平臺(tái)維護(hù)ui組件册烈。
02、設(shè)計(jì)目標(biāo)
創(chuàng)造：我們希望創(chuàng)造一種新的視覺(jué)設(shè)計(jì)語(yǔ)言婿禽，能夠遵循優(yōu)秀設(shè)計(jì)的經(jīng)典定則赏僧，同時(shí)還伴有創(chuàng)新理念和新的科技
統(tǒng)一：我們希望創(chuàng)造一種獨(dú)一無(wú)二的底層系統(tǒng)大猛，在這個(gè)系統(tǒng)的基礎(chǔ)智商，構(gòu)建跨平臺(tái)和超越設(shè)備尺寸的統(tǒng)一體驗(yàn)
定制：通過(guò)Material的視覺(jué)語(yǔ)言的延伸淀零，為創(chuàng)新和品牌表達(dá)提供統(tǒng)一靈活的設(shè)計(jì)規(guī)范胎署。
二、材質(zhì)與空間
01窑滞、材質(zhì)
Meterial design中，最重要的信息載體就是魔法紙片恢筝。紙片層疊哀卫、合并、分離撬槽，擁有現(xiàn)實(shí)中的厚度此改、慣性和反饋，同時(shí)擁有液體的一些特性侄柔，能夠自由伸展變形共啃。
這些是紙片的魔法特性，真實(shí)紙片所不具備的能力：
1暂题、紙片可以伸縮移剪，改變形狀
2、紙片變形時(shí)可以裁剪內(nèi)容薪者，比如紙片縮小時(shí)纵苛，內(nèi)容大小不變，而是隱藏超出部分
3言津、多張紙片可以拼接成一張
4攻人、一張紙片可以分裂成多張
5、紙片可以在任何位置憑空出現(xiàn)
不過(guò)悬槽，魔法紙片有些效果是禁止的：
1怀吻、一項(xiàng)操作不能同時(shí)觸發(fā)兩站紙片的反饋
2、層疊的紙片初婆，高度不能相同
3蓬坡、紙片不能互相穿透
4、紙片不能彎折
5烟逊、紙片不能產(chǎn)生透視渣窜，必須平行于屏幕
02、空間
Material Design引入了Z軸的概念：
Z軸垂直于屏幕宪躯，用來(lái)表現(xiàn)元素的疊層關(guān)系乔宿。Z值越高，元素離界面底層越遠(yuǎn)访雪，投影越重详瑞。這里有一個(gè)前提掂林，所有的元素的厚度都是1dp。
03坝橡、動(dòng)效
Material Design重視動(dòng)畫(huà)效果泻帮，它反復(fù)強(qiáng)調(diào)一點(diǎn)：
動(dòng)畫(huà)不只是裝飾，他有含義计寇，能表達(dá)元素锣杂、界面之間的關(guān)系，具備功能上的作用番宁。
動(dòng)畫(huà)要貼近真實(shí)世界元莫，就要重視easing。物理世界中的運(yùn)動(dòng)和變化都是有加速和減速的過(guò)程的蝶押，忽然開(kāi)始踱蠢、忽然停止的勻速動(dòng)畫(huà)顯得機(jī)械而不真實(shí)∑宓纾考慮動(dòng)畫(huà)的easing茎截，要先考慮它在現(xiàn)實(shí)世界中的運(yùn)動(dòng)規(guī)律。
所有可點(diǎn)擊的元素赶盔，都應(yīng)該有這樣的反饋效果企锌。通過(guò)這個(gè)動(dòng)畫(huà)，將點(diǎn)擊的位置與所操作的元素關(guān)聯(lián)起來(lái)招刨，體現(xiàn)了Material Design動(dòng)畫(huà)的功能性霎俩。
1、通過(guò)過(guò)渡動(dòng)畫(huà)沉眶，表達(dá)界面之間的空間與層級(jí)關(guān)系打却，并且跨界面?zhèn)鬟f信息。
2谎倔、從父界面進(jìn)入子界面柳击，需要抬升子元素的海拔高度，并展開(kāi)至整個(gè)屏幕片习，反之亦然捌肴。
3、多個(gè)相似元素藕咏，動(dòng)畫(huà)的設(shè)計(jì)要有先后次序状知，起到引導(dǎo)視線的作用。
4孽查、相似元素的運(yùn)動(dòng)饥悴，要符合統(tǒng)一的規(guī)律。
5、通過(guò)圖標(biāo)的變化和一些細(xì)節(jié)來(lái)達(dá)到令人愉悅的效果西设。
四瓣铣、色彩規(guī)范
1、顏色不易過(guò)多贷揽。選取一種主色棠笑、一種輔助色（非必需），在次基礎(chǔ)上進(jìn)行明度禽绪、飽和度變化蓖救，構(gòu)成配色方案。
2印屁、Appbar背景使用主色藻糖，狀態(tài)欄背景使用深一級(jí)的主色或者20%透明度的純黑。
3库车、小面積需要高亮顯示的地方使用輔助色。
4樱拴、其余顏色通過(guò)純黑#000000與純白#ffffff的透明度變化來(lái)展現(xiàn)（包括圖標(biāo)和分割線）
五柠衍、圖標(biāo)
1、桌面圖標(biāo)尺寸是48dp*48dp晶乔。桌面圖標(biāo)建議模仿顯示中的折紙效果珍坊，通過(guò)扁平色彩表現(xiàn)空間和光影。
2正罢、小圖標(biāo)尺寸是24dp*24dp阵漏。圖形限制在中央20dp*20dp區(qū)域內(nèi)。小圖標(biāo)同樣有刪格系統(tǒng)翻具。線條履怯、空隙盡量保持在2dp寬，圓角半徑2dp裆泳。特殊情況相應(yīng)調(diào)整叹洲。
3、優(yōu)先使用material design默認(rèn)圖標(biāo)工禾。設(shè)計(jì)小圖標(biāo)時(shí)运提，使用簡(jiǎn)練的圖形來(lái)表達(dá)，圖形不要帶空間感闻葵。
六民泵、圖標(biāo)
1、描述具體食物槽畔，優(yōu)先使用照片栈妆。然后可以考慮使用插畫(huà)。
2、圖片上的文字签钩，需要淡淡的遮罩確保其可讀性掏呼。深色的遮罩透明度在20%～40%之間，淺色的遮罩在40%～60%之間铅檩。
3憎夷、Android L可以從圖片中提取主色，運(yùn)用在其他UI元素上昧旨。
七拾给、文字
1、英文
英文字體使用Roboto
Roboto有6種字重：Thin兔沃、Light蒋得、Regular、Medium乒疏、Bold和Black
2额衙、中文
中文字體使用Noto
Noto有7種字重：Thin、Light怕吴、DemiLight窍侧、Regular、Medium转绷、Bold和Black
常用字號(hào)：
1伟件、12sp小字提示
2、14sp（桌面端13sp）正文/按鈕文字
3议经、16sp（桌面端15sp）小標(biāo)題
4斧账、20sp Appbar文字
5、24sp大標(biāo)題
6煞肾、34sp/45sp/56sp/112sp超大號(hào)文字
7咧织、長(zhǎng)篇幅正文，每行建議60字符（英文）左右籍救。短文本拯爽，建議每行30字符（英文）左右。
八钧忽、布局
所有可操作元素最小點(diǎn)擊區(qū)域尺寸48dp*48dp毯炮。
刪格系統(tǒng)的最小單位是8dp，一切距離耸黑、尺寸都應(yīng)該是8dp的整倍數(shù)桃煎。
頂部狀態(tài)欄高度：24dp
Appbar最小高度：56dp
底部導(dǎo)航欄高度：48dp
用戶頭像尺寸：64*64dp/40*40dp
小圖標(biāo)點(diǎn)擊區(qū)域：48*48dp
側(cè)邊抽屜到屏幕右邊的距離：56dp
卡片間距：8dp
分割線上下留白：8dp
大多元素的留白距離：16dp
屏幕左右對(duì)齊基線：16dp
文字左側(cè)對(duì)齊基線：72dp
