三、图像（Imagery） 图像不仅是一种装饰，它还是一种能够帮助用户理解以及区分你产品的强大工具。 大胆、形象、有意义的图像能够帮助你吸引用户。 无论气氛是压抑、柔和还是明亮、多彩，以下的设计准则以及实践案例能够帮助你使用图像把应用和生活结合起来。 准则 有关联的 有意义的 令…

三、运动（Movement） Material的运动借鉴了现实世界中的物理法则，比如重力的参考。 屏幕上的运动（On-screen movement） 圆弧状向上（Arc upward） 圆弧状向下（Arc downward） 进入和离开屏幕的运动（In-and-out scre…

二、环境（Environment） Material design是基于三维空间的设计语言。在三维空间内包含有光照（light）、material、阴影（shadows） 所有material对象都存在于含有x、y、z轴坐标的三维空间中。 在三维空间下，所有material对象都…

二、Icons Material icons使用几何图形直观地来表示其核心概念，功能或主题。 产品icons是一个品牌下产品、服务和工具的一种视觉表现 系统icons则代表一个命令、文件、设备、目录或常用操作。 尺寸 产品icons 48dp，边缘1dp；系统icons 24dp…

五、编排（Choreography） Material的动效能够吸引用户注意力，引导用户关注。 形状变化 合理的编排设计整个动效中形状变化过程。 径向变化的反馈方式 当用户触发某个material对象之时，反馈以径向变化的方式表现（就像水波一样）。 连续性 仔细挑选变化中所涉及到…

四、Material的变化（Transforming material） Material能够通过改变自己的形状和尺寸来吸引用户关注。 矩形的变化（Rectangular transformation） 不同时 同时 径向变化（Radial transformation） 对称和…

四、高度和投影（Elevation and shadows） Material design中的material对象的特性与现实物理世界中的物体特性相似。 在现实物理世界中，一个物体可以叠在另一个物体上面，但是物体间不能相互穿过。同时，物体也能投射投影和反射灯光。 Materia…

三、Material特性（Material properties） Material有一套属于自身固定不变的外在特征和内在行为逻辑。 理解material的这些特性有助于我们掌握material design并运用到实际设计当中。 Material的特征 立体的 在空间中占有唯一…

第三章节《样式》 一、颜色（Color） Material Design的色彩受大胆活泼的色调启发，并配合柔和的环境，阴影和高光组成。 颜色工具（Color Tool） 颜色工具可以帮助你在UI中创建、分享和使用调色板，以及测试不同颜色组合的可访问（accessibility）级…