核心思想

把物理世界的体验带进屏幕。去掉现实中的杂质和随机性，保留其最原始纯净的形态、空间关系、变化与过度，配合虚拟世界的灵活特性，还原最贴近真实的体验，达到简洁与直观的效果

三大原则

运用比喻

Material Design的灵感来自物理世界及其纹理，包括它们如何反射光线和投射阴影。材料表面重新构想纸张和墨水的介质。

大胆，形象目的明确

Material Design以印刷设计方法为指导（排版、网格、空间、比例、颜色和图像）创造层次，意义和焦点，让观众沉浸在体验中。

动效表意

Material Design通过微妙的反馈和相干过渡来关注并保持连续性。当元素出现在屏幕上时，它们会转换并重新组织环境，并通过交互生成新的转换。

魔法卡片概念

材质

Material Design中，最重要的信息载体就是魔法纸片。纸片层叠、合并、分离，拥有吸纳事中的厚度、惯性和反馈，同时拥有液体的一些特性，能够自由伸展变形

魔法卡片的特性

1、纸片可以伸缩、改变形状

2、纸片变形时可以裁剪内容，比如纸片缩小时，内容大小不变，而是隐藏超出部分

3、多张纸片可以拼接成一张

4、一张纸片可以分裂出多张

5、、纸片可以在任何位置凭空出现

一些禁止的效果

1、一项操作不能同时触发两张纸片的反馈

2、层叠的纸片，高度不能相同

3、纸片不能互相穿透

4、纸片不能弯折

5、纸片不能产生透视，必须平行于屏幕

空间概念

Material design引入了z轴的概念，z轴处置于屏幕，用来表现元素的层叠关系。z值（海拔高度）越高，元素离界面底层（水平面）越远，投影越重。这里有一个前提，所有的元素的厚度都是1dp。

动画效果

Material Design重视动画效果，它反复强调一点：动画不只是装饰，它有含义，能表达元素、界面之间的关系，具备功能上的作用。

动画要贴合真实世界，就要重视easing。物理世界中的运动和变化都是有加速和减速的过程的，忽然开始、忽然停止的匀速动画显得机械而不真实。考虑段话的easing，要先考虑他在现实世界中的运动规律。

所有可点击的元素，都应该有反馈效果。通过动画，将点击的位置与操作的元素关联起来，体现了Material Design动画的功能性。

MD中的表意动效

通过过度动画，表达界面之间的空间与层级关系，并且跨界面传递信息

从父界面进入子界面，需要提升子元素的海拔高度，并展开至整个屏幕，反之亦然

多个相似元素，动画的设计要有先后次序，起到引导视线的作用

相似元素的运动，要符合统一的规律

通过图标的变化和一些细节来达到令人愉悦的效果

通过一些暗示让用户了解当前交互状态（操作前可预知，操作中有反馈，操作后可撤销）

指向性的动效能让用户更清晰使用路径

色彩规范

颜色不易过多。选取一种主色、一种辅助色（非必须），在此基础上进行明度、饱和度变化，构成配色方案

Appbar背景使用主色，状态栏背景使用深一级的主色或20%透明度的纯黑

小面积需要高亮现实的地方使用辅助色

文字颜色

黑色：普通文字：87%、减淡文字：54%、禁用状态/提示文字：26%、分割线：12%

白色：普通文字：100%、减淡文字：70%、禁用状态/提示文字：30%、分割线：12%

图标规范

桌面图标尺寸是48dp*48dp。

桌面图标建议模仿现实中的折纸效果，通过扁平色彩表现空间和光影。

常用的栅格系统

小图标尺寸是24dp*24dp。图形限制在中央20dp*20dp区域内。小图标同样有删格系统。线条、空隙尽量保持2dp宽，圆角半径2dp。特殊情况相应调整。（优先使用Material Design默认图标。设计小图标时，是用最简练的图形来表达，图形不要带空间感）

小图标的颜色是用纯黑与纯白，通过透明度调整

黑色：正常状态：54%、禁用状态：26%

白色：正常状态：100%、禁用状态：30%

图片规范

描述具体事物，优先使用图片。其次可以考虑使用插画

图片上的文字，需要淡淡地遮罩确保其可读性。深色的遮罩透明度在20%～40%之间，浅色的遮罩透明度在40%～60%之间

Android L可以从图片中提取主色，运用在其他UI元素上

文字规范

英文

英文字体使用Roboto，它有6种字重：Thin、Light、Regular、Medium、Bold和Black

中文

中文字体使用Noto，它有7种字重：Thin、Light、DemiLight、Regular、Medium、Bold和Black

常用字号

小字提示：12sp

正文/按钮文字：14sp

小标题：16sp

Appbar文字：20sp

大标题：24sp

超大号文字：34/45/56/112sp

长篇幅正文：每行建议60字符（英文）左右

短文本：每行建议30字符（英文）左右