此文章主要內容包括配色、圖標、文本、布局，比較實用的部分。
參考：Material design 官網 、Android developer design 官網
Material design定義
Material design主要由光線、陰影、鮮艷的色彩組成，加之以動畫特效、聲音等相輔，形成鮮明的視覺語言，將經典的良好設計原則與技術和科學的創新相結合，這是材料設計。
配色
選擇調色板
每一個調色板的組成是將每一個顏色按照飽和度劃分為10個等級，并提供4個不同飽和度的強調色。其中飽和度500的為主色，強調色飽和度以A開頭。
選取主題顏色
在主調色板選取三種顏色，以飽和度500為主色，其他兩種為備用色；在強調調色板中選取一個強調色，強調色以A開頭。
主題顏色使用
主色調：應該被整個app廣泛使用。
- 工具欄顏色
- 狀態欄顏色
- 導航欄顏色
- 文字顏色
強調色：應該被用于操作或提示。
- 文本字段和游標
- 文本選擇
- 進度條
- 選擇控件，按鈕和滑塊
- 鏈接
文本顏色和背景顏色
文本可以以不同的不透明度顯示，以表達某些信息相對于其他信息的重要性。用于文本的不透明度級別取決于您的背景是更暗還是更淺。
白紙黑字
- 最重要的文本的不透明度為87％。
- 次要文本（在視覺層次結構中較低）具有54％的不透明度。
- 文本提示（如文本字段和標簽中的文本提示）和禁用文本的視覺突出性甚至更低，透明度為38％。
- 分割線使用12%不透明度的顏色
黑紙白字
- 最重要的文本的不透明度為100％。
- 次要文本（在視覺層次結構中較低）具有70％的不透明度。
- 文本提示（如文本字段和標簽中的文本提示）和禁用文本的視覺突出性甚至更低，透明度為50％。
- 分割線使用12%不透明度的顏色
彩色背景下
- 使用100%不透明度的白色字體
選取主題
主題分為深色和淺色主題，可以將主題樣例中的工具欄和導航欄狀態欄替換為主題顏色。形成自己的風格。
1.狀態欄
2.應用欄
3.背景
4.卡片、對話框
深色主題示例
淺色主題示例
#圖標
圖標應該使用簡單的幾何形狀來直觀地表示核心思想，能力或主題。圖標主要分為三類：應用圖標、系統圖標、應用更快捷圖標
圖標狀態和不透明度參數
應用圖標
應用圖標大小為：48dp*48dp，邊緣4dp，圖標區域40dp
圖紙大小說明：為了便于設計人員設計和著色，可以將背景放大4倍后操作。如下圖
標準線說明
幾何圖形
建議選取圓，正方形，長方形，直角方法，和對角線等作為基礎元素進行設計。
圖標解剖
1.拋光
2.背景色
3.前景色
4.圖標顏色
5.陰影
系統圖標
系統圖標大小為：24dp*24dp，邊緣2dp，圖標區域20dp
系統圖標的設計簡單化，現代化，感覺友好，有時也很奇特。
設計原則
形狀上是使用粗體的幾何圖案，圖標盡量保持對稱和一致。要求：簡單、直觀、可用、一致。為了視覺上更清晰，采用1比1大小設計。
標準線說明：
照相機示例：
應用快捷圖標
應用快捷圖標大小為：48dp*48dp，邊緣2dp，圖標可用區域44dp，背景色Material Grey 100 (#F5F5F5)，沒有陰影。
操作圖標示例
大?。?8dp
邊緣：2dp
圖標區域：24dp
圖標可用區域：44dp
頭像圖標示例
大?。?8dp
邊緣：2dp
頭像區域：44dp
群組圖標示例
大?。?8dp
邊緣：2dp
圖標區域：30dp
圖標可用區域：44dp
#形象化的描述
#排版
字體 Roboto 和 Noto 是 Android 和Chrome 上的標準字體。
- 語言類型：
- 英語和類英語文字（拉丁文、德文和斯拉夫文）
- 密集型文字（中文、日文和韓文）
- 高型文字（南亞、東南亞和中東語言）
- 應用中不同場景中的文字大?。?/li>
應用欄
標題樣式，中等20sp按鈕
英文：中等14sp，全部大寫
中文：中等15sp，全部大寫
阿拉伯文：粗體15sp副標題
英文：常規16sp（移動設備），15sp（電腦）
中文：常規17sp（移動設備），16sp（電腦）
阿拉伯文： 常規17sp（移動設備），16sp（電腦）主體文本
英文：常規14sp（移動設備），13sp（電腦）
中文：常規15sp（移動設備），14sp（電腦）
阿拉伯文：常規15sp（移動設備），14sp（電腦）
