Material Design学习笔记总结1

什么是Material Design?

We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design. This spec is a living document that will be updated as we continue to develop the tenets and specifics of material design.
（来源谷歌官方文档）
我们挑战自我，为用户创造了崭新的视觉设计语言。与此同时，新的设计语言除了遵循经典设计定则，还汲取了最新的科技，秉承了创新的设计理念。这就是原质化设计(Material Design)。这份文档是动态更新的，将会随着我们对 Material Design 的探索而不断迭代、升级。
（来源极客学院）
Develop a single underlying system that allows for a unified experience across platforms and device sizes. Mobile precepts are fundamental, but touch, voice, mouse, and keyboard are all ﬁrst-class input methods.
（来源谷歌官方文档）
我们希望创造一种独一无二的底层系统，在这个系统的基础之上，构建跨平台和超越设备尺寸的统一体验。遵循基本的移动设计定则，同时支持触摸、语音、鼠标、键盘等输入方式。
（来源极客学院）

1、核心思想

国人将Material Design翻译成 _质感设计_ 或者 _原质化设计_，顾名思义，就是把物理世界的物料体验带进屏幕的虚拟世界中。

Material是一种隐喻，是一种类真实世界的反馈。通过基于物理世界的_光影_、_表面质感_、_运动感_的表现让用户快速地理解和认知。同时虚拟世界的灵活性又给设计带来了新的启发，但绝不会脱离客观的物理环境。

2、环境

· 三维世界（3D world）:

Material 环境是一个三维的空间，这意味着每个物件都有 x ， y ， z 三个维度，z 轴垂直于显示平面，并延伸向用户视角，每个 material 元素在 z 轴上占据一定的位置并且有一个标准的1dp 厚度。在网页上，z 轴被用来分层而不是为了视角。3D 空间通过操纵 y 轴进行仿真。如图。

具备 x，y 和 z 轴的 3D 空间

· 材料的高度特性：

材料（Material）总是有着可变的长度和宽度（x、y-axix）和不可变的厚度（z-axix，1dp；内容会以不同形状与颜色展示在材料上，但不会增加材料的厚度），而且会有阴影。阴影根据z方向上的高度（我们称之为海报高度）来变化。海拔高度越高，其被投射的阴影范围越大；海拔高度越小，其被投射的阴影范围越小。通常，海拔高度是根据事件来触发的，当输入事件完成或被取消，元素将会恢复到自身的静态高度。