环境
Material Design 是三维环境的设计,包含光照,材料,和阴影
Google-Environment
所有的材料对象都具有x,y,z轴。
所有的材料对象都具有单独的z轴坐标。
主光源决定定向的阴影(directional shadows),环境光源决定软阴影(soft shadows)。
3D世界
- 材料所处于3D的空间之中,这意味着每个物体对象都具有x,y,z轴。z轴垂直于现实页面,正z轴表示面向观看者方向的延伸。每一个材料纸张具有一个独立的z轴位置,并且具有标准的1dp厚度,在屏幕像素密度是160的屏幕上等于1px。
-
在网页中,z轴用来表达分层,不再用来表示透视关系。3D效果通过控制y轴实现。
光源和阴影
- 在材料环境中,虚拟的光源照射屏幕。主光源决定定向的阴影,同时环境光源在不同角落来决定软阴影。
- 材料环境当中阴影由这两个光照原决定。在Android环境中,阴影在光照被材料纸张遮挡时候生成,因为材料有自己不同的z轴高度。在网页中,阴影只由y轴控制变化来决定。如下实例展示的一个6dp高度卡片。