此文章主要內(nèi)容包括配色、圖標(biāo)杖小、文本荒叶、布局碾阁，比較實(shí)用的部分。
參考：Material design 官網(wǎng) 些楣、Android developer design 官網(wǎng)
Material design定義
Material design主要由光線脂凶、陰影、鮮艷的色彩組成戈毒，加之以動(dòng)畫特效艰猬、聲音等相輔，形成鮮明的視覺語言埋市，將經(jīng)典的良好設(shè)計(jì)原則與技術(shù)和科學(xué)的創(chuàng)新相結(jié)合冠桃，這是材料設(shè)計(jì)。
配色
選擇調(diào)色板
每一個(gè)調(diào)色板的組成是將每一個(gè)顏色按照飽和度劃分為10個(gè)等級(jí)道宅，并提供4個(gè)不同飽和度的強(qiáng)調(diào)色食听。其中飽和度500的為主色，強(qiáng)調(diào)色飽和度以A開頭污茵。
選取主題顏色
在主調(diào)色板選取三種顏色樱报，以飽和度500為主色，其他兩種為備用色泞当；在強(qiáng)調(diào)調(diào)色板中選取一個(gè)強(qiáng)調(diào)色迹蛤，強(qiáng)調(diào)色以A開頭。
主題顏色使用
主色調(diào)：應(yīng)該被整個(gè)app廣泛使用襟士。
- 工具欄顏色
- 狀態(tài)欄顏色
- 導(dǎo)航欄顏色
- 文字顏色
強(qiáng)調(diào)色：應(yīng)該被用于操作或提示盗飒。
- 文本字段和游標(biāo)
- 文本選擇
- 進(jìn)度條
- 選擇控件，按鈕和滑塊
- 鏈接
文本顏色和背景顏色
文本可以以不同的不透明度顯示陋桂，以表達(dá)某些信息相對(duì)于其他信息的重要性逆趣。用于文本的不透明度級(jí)別取決于您的背景是更暗還是更淺。
白紙黑字
- 最重要的文本的不透明度為87％嗜历。
- 次要文本（在視覺層次結(jié)構(gòu)中較低）具有54％的不透明度宣渗。
- 文本提示（如文本字段和標(biāo)簽中的文本提示）和禁用文本的視覺突出性甚至更低，透明度為38％梨州。
- 分割線使用12%不透明度的顏色
黑紙白字
- 最重要的文本的不透明度為100％痕囱。
- 次要文本（在視覺層次結(jié)構(gòu)中較低）具有70％的不透明度。
- 文本提示（如文本字段和標(biāo)簽中的文本提示）和禁用文本的視覺突出性甚至更低暴匠，透明度為50％鞍恢。
- 分割線使用12%不透明度的顏色
彩色背景下
- 使用100%不透明度的白色字體
選取主題
主題分為深色和淺色主題，可以將主題樣例中的工具欄和導(dǎo)航欄狀態(tài)欄替換為主題顏色。形成自己的風(fēng)格有序。
1.狀態(tài)欄
2.應(yīng)用欄
3.背景
4.卡片抹腿、對(duì)話框
深色主題示例
淺色主題示例
#圖標(biāo)
圖標(biāo)應(yīng)該使用簡(jiǎn)單的幾何形狀來直觀地表示核心思想，能力或主題旭寿。圖標(biāo)主要分為三類：應(yīng)用圖標(biāo)警绩、系統(tǒng)圖標(biāo)、應(yīng)用更快捷圖標(biāo)
圖標(biāo)狀態(tài)和不透明度參數(shù)
應(yīng)用圖標(biāo)
應(yīng)用圖標(biāo)大小為：48dp*48dp盅称，邊緣4dp肩祥，圖標(biāo)區(qū)域40dp
圖紙大小說明：為了便于設(shè)計(jì)人員設(shè)計(jì)和著色，可以將背景放大4倍后操作缩膝。如下圖
標(biāo)準(zhǔn)線說明
幾何圖形
建議選取圓混狠，正方形，長(zhǎng)方形疾层，直角方法将饺，和對(duì)角線等作為基礎(chǔ)元素進(jìn)行設(shè)計(jì)。
圖標(biāo)解剖
1.拋光
2.背景色
3.前景色
4.圖標(biāo)顏色
5.陰影
系統(tǒng)圖標(biāo)
系統(tǒng)圖標(biāo)大小為：24dp*24dp予弧，邊緣2dp，圖標(biāo)區(qū)域20dp
系統(tǒng)圖標(biāo)的設(shè)計(jì)簡(jiǎn)單化湖饱，現(xiàn)代化掖蛤，感覺友好，有時(shí)也很奇特井厌。
設(shè)計(jì)原則
形狀上是使用粗體的幾何圖案蚓庭，圖標(biāo)盡量保持對(duì)稱和一致。要求：簡(jiǎn)單仅仆、直觀器赞、可用、一致蝇恶。為了視覺上更清晰拳魁，采用1比1大小設(shè)計(jì)惶桐。
標(biāo)準(zhǔn)線說明：
照相機(jī)示例：
應(yīng)用快捷圖標(biāo)
應(yīng)用快捷圖標(biāo)大小為：48dp*48dp撮弧，邊緣2dp，圖標(biāo)可用區(qū)域44dp姚糊，背景色Material Grey 100 (#F5F5F5)贿衍，沒有陰影。
操作圖標(biāo)示例
大芯群蕖：48dp
邊緣：2dp
圖標(biāo)區(qū)域：24dp
圖標(biāo)可用區(qū)域：44dp
頭像圖標(biāo)示例
大忻潮病：48dp
邊緣：2dp
頭像區(qū)域：44dp
群組圖標(biāo)示例
大小：48dp
邊緣：2dp
圖標(biāo)區(qū)域：30dp
圖標(biāo)可用區(qū)域：44dp
#形象化的描述
#排版
字體 Roboto 和 Noto 是 Android 和Chrome 上的標(biāo)準(zhǔn)字體肠槽。
- 語言類型：
- 英語和類英語文字（拉丁文擎淤、德文和斯拉夫文）
- 密集型文字（中文奢啥、日文和韓文）
- 高型文字（南亞、東南亞和中東語言）
- 應(yīng)用中不同場(chǎng)景中的文字大凶炻！：
應(yīng)用欄
標(biāo)題樣式桩盲，中等20sp按鈕
英文：中等14sp，全部大寫
中文：中等15sp席吴，全部大寫
阿拉伯文：粗體15sp副標(biāo)題
英文：常規(guī)16sp（移動(dòng)設(shè)備）赌结，15sp（電腦）
中文：常規(guī)17sp（移動(dòng)設(shè)備），16sp（電腦）
阿拉伯文： 常規(guī)17sp（移動(dòng)設(shè)備）孝冒，16sp（電腦）主體文本
英文：常規(guī)14sp（移動(dòng)設(shè)備）柬姚，13sp（電腦）
中文：常規(guī)15sp（移動(dòng)設(shè)備），14sp（電腦）
阿拉伯文：常規(guī)15sp（移動(dòng)設(shè)備）庄涡，14sp（電腦）
